:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#34382f;background:#f7f5ef;font-synthesis:none;font-weight:400;--orange:#b4673e;--line:#dcd9ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b4673e;outline-offset:5px}header{height:100px;max-width:1700px;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:18px;font-size:30px;font-weight:700;letter-spacing:-2px}.logo span{font-size:10px;font-weight:400;letter-spacing:1.5px;border-left:1px solid #bfbdb1;padding-left:18px}nav{display:flex;gap:40px;font-size:13px}nav a:hover{color:var(--orange)}.contact-pill{border:1px solid #c7c8bc;border-radius:30px;padding:12px 20px;font-size:12px;display:flex;gap:30px}.hero{max-width:1700px;margin:auto;min-height:calc(100svh - 100px);position:relative;display:grid;grid-template-columns:1fr 1.08fr;padding:40px 4% 80px;align-items:center;gap:2%}.eyebrow{font-size:10px;letter-spacing:1.7px;display:flex;gap:10px;align-items:center}.eyebrow i,.availability i{width:6px;height:6px;background:#a5774b;border-radius:50%;display:inline-block}.hero h1{font-family:"Noto Serif SC",SimSun,serif;font-size:clamp(40px,4.15vw,72px);font-weight:500;line-height:1.5;letter-spacing:-2px;margin:30px 0 20px}.italic{color:var(--orange);font-family:"Noto Serif SC",SimSun,serif;font-style:normal}.hero p,.about p,.section-heading p,.contact p{font-size:14px;line-height:2.1;color:#7b7d70}.button{display:inline-flex;align-items:center;gap:48px;background:#4f5c47;color:#fff;padding:17px 23px;margin-top:23px;font-size:12px;border-radius:3px}.button:hover{background:#67715b}.hero-tags{display:flex;gap:24px;font-size:10px;color:#8a8c7e;margin-top:55px}.hero-tags span:before{content:"+";margin-right:10px}.hero-art{position:relative;aspect-ratio:1/.98;background:#ede7d9;overflow:hidden;border-radius:50% 50% 3px 3px}.hero-art>svg{position:relative;width:110%;margin-left:-5%;margin-top:14%;filter:drop-shadow(0 22px 18px #6b665128);z-index:1}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.art-top{position:absolute;top:14%;left:18%;right:18%;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;z-index:2}.art-caption{position:absolute;bottom:7%;left:0;width:100%;text-align:center;font:12px SimSun,serif;letter-spacing:3px}.demo-label{position:absolute;bottom:3%;width:100%;left:0;text-align:center;font-size:8px;color:#918671}.hero-bottom{position:absolute;bottom:23px;left:4%;right:4%;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#888b7e}.hero-bottom a span{margin-left:22px}.section{max-width:1700px;margin:auto;padding:100px 4%}.section-label{font-size:10px;letter-spacing:1.8px;color:#8c8e81;display:flex;align-items:center;gap:20px}.section-label span{letter-spacing:1px;color:#555e4d}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:11%;margin-top:55px}.portrait{position:relative;min-height:500px;background:#e6e5da;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.portrait:before{content:"";position:absolute;width:500px;height:500px;left:-200px;top:100px;border:1px solid #c2c6b5;border-radius:50%;box-shadow:0 0 0 40px #c4c8b525,0 0 0 80px #c4c8b520}.portrait-label{font-size:8px;letter-spacing:1.8px;z-index:1}.monogram{z-index:1;display:flex;align-items:end;justify-content:center;gap:20px;font:180px SimSun,serif;color:#7c866f}.monogram span{font:14px/1.5 monospace;letter-spacing:4px;padding-bottom:25px}.portrait-bottom{font-size:13px;line-height:2;z-index:1}.portrait-bottom small{font-size:10px;color:#8a8e7f}.portrait-plus{position:absolute;right:25px;bottom:25px;font-size:32px;color:#8a947b}h2{font-family:"Noto Serif SC",SimSun,serif;font-size:clamp(28px,2.6vw,44px);font-weight:400;line-height:1.55;margin:0 0 25px}.about-copy>p{font-size:13px;margin:12px 0;max-width:650px}.timeline{margin:28px 0}.timeline>div{display:grid;grid-template-columns:160px 1fr;gap:7px;font-size:11px;margin:17px 0}.timeline span{font-size:10px;color:#898b7d}.timeline b{font-size:12px;font-weight:400}.timeline small{grid-column:2;color:#8a8c7e;font-size:10px}.text-link{font-size:12px;border-bottom:1px solid #b7b9a9;padding-bottom:5px}.stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-top:1px solid var(--line);padding-top:26px;margin-top:30px;gap:15px}.stats>div{display:flex;flex-direction:column;gap:12px}.stats strong{font-size:29px;font-weight:400;color:#5d6a50}.stats strong span{font-size:14px}.stats>div>span{font-size:9px;color:#8a8c7d}.projects{background:#eeeae0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:40px 0}.section-heading h2{margin:0}.section-heading h2>.italic{display:block}.section-heading p{font-size:12px}.project-toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0}.project-toolbar>span{font-size:10px;color:#918b7f}.filters{display:flex;gap:8px}.filters button{border:0;background:transparent;padding:9px 18px;font-size:11px;border-radius:20px}.filters .active{background:#55614b;color:#fff}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project-card{padding:0;border:0;background:none;text-align:left;display:block;min-width:0}.project-card:first-child{grid-column:1/-1}.project-image{position:relative;background:#e2d6c1;overflow:hidden;aspect-ratio:1.6}.project-card:first-child .project-image{aspect-ratio:2.35}.project-image>svg{width:100%;height:100%;transition:transform .6s}.project-card:hover .project-image>svg{transform:scale(1.035)}.card-02 .project-image{background:#e4e7dc}.card-03 .project-image{background:#eadbca}.project-no{position:absolute;top:23px;left:24px;font:9px monospace;letter-spacing:1px;z-index:1}.project-open{position:absolute;right:24px;bottom:24px;border-radius:50%;background:#ffffffa8;width:38px;height:38px;display:grid;place-items:center;font-size:18px}.project-meta{padding:21px 2px}.project-meta small{font-size:9px;color:#8a8b7d;letter-spacing:1px}.project-meta h3{font-family:"Noto Serif SC",SimSun,serif;font-size:24px;font-weight:400;margin:12px 0}.project-meta>div{display:flex;justify-content:space-between;font-size:11px;color:#7f8374}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.skill-card{padding:30px 26px;border:1px solid var(--line);min-height:270px;transition:background .2s}.skill-card:hover{background:#eeeade}.skill-card>div{display:flex;justify-content:space-between;font:10px monospace;color:#8b917d}.skill-icon{font-size:35px;color:#8f9b7e}.skill-card h3{font-family:"Noto Serif SC",SimSun,serif;font-weight:400;font-size:20px;margin:38px 0 9px}.skill-card small{font-size:10px;color:#a07553}.skill-card p{font-size:12px;color:#8a8c7d;line-height:1.9;margin-top:20px}.tool-line{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;color:#848b78;font-size:12px}.tool-line>span{font-size:9px;letter-spacing:1px}.tool-line b{font-weight:400}.contact{background:#e5e8dc;min-height:100svh;display:flex;flex-direction:column;padding-bottom:0}.contact-main{flex:1;padding:70px 7% 90px}.availability{display:flex;align-items:center;gap:8px;font-size:10px;color:#7d876d}.availability i{background:#7c8e65}.contact h2{font-size:clamp(42px,5.4vw,90px);margin:24px 0;position:relative;line-height:1.5}.contact h2>a{position:absolute;right:4%;top:18%;width:100px;height:100px;border:1px solid #b4bea6;border-radius:50%;display:grid;place-items:center;font:55px Arial;color:#667556;transition:transform .2s}.contact h2>a:hover{transform:rotate(10deg)}.contact-actions{display:flex;align-items:center;gap:25px;margin:35px 0 20px}.contact-actions>a{font-size:clamp(16px,2vw,30px);border-bottom:1px solid #a8b29c;padding-bottom:9px}.contact-actions button{background:none;border:1px solid #b8c0ac;border-radius:25px;padding:10px 17px;font-size:10px}.phone{font-size:11px;color:#7f8972}footer{border-top:1px solid #c7cebb;padding:28px 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#758169}footer .logo{font-size:24px}footer .logo span{font-size:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#31352be0;z-index:10;display:grid;place-items:center;padding:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;background:#f7f5ef;width:min(900px,100%);max-height:90svh;overflow:auto;padding:45px}.modal>small{font:10px monospace;color:#8a8e7d}.modal h2{margin:20px 0}.modal-art{height:330px;background:#e9e1d2}.modal-art svg{width:100%;height:100%}.modal p{line-height:2;color:#777f6c;font-size:14px}.modal-close{position:absolute;right:25px;top:22px;border:0;background:none;font-size:12px}@media(min-width:1700px){body{background:#efede6}main,header{background:#f7f5ef}}@media(max-width:1000px){.hero{min-height:780px}.hero h1{font-size:43px}.hero-tags{gap:10px}.hero-art{aspect-ratio:1/.12;min-height:450px;border-radius:200px 200px 2px 2px}.hero-art>svg{margin-top:25%}.about-grid{gap:6%;grid-template-columns:.8fr 1.2fr}.portrait{min-height:450px}.monogram{font-size:130px}.timeline>div{grid-template-columns:135px 1fr}.skill-grid{grid-template-columns:1fr 1fr}.contact-main{padding-left:0;padding-right:0}.hero-bottom{font-size:8px}}@media(max-width:700px){header{height:80px;padding:0 6%}.logo{font-size:25px}.logo span{font-size:8px;padding-left:10px}nav{display:none}.contact-pill{padding:10px 15px;gap:15px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 6% 90px;gap:35px;min-height:auto}.hero h1{font-size:42px}.hero p{font-size:12px}.eyebrow{font-size:8px}.hero-tags{margin-top:28px;gap:20px}.hero-art{min-height:0;aspect-ratio:1/.95}.hero-art>svg{margin-top:12%}.hero-bottom>span:nth-child(2){display:none}.section{padding:65px 6%}.section-label{font-size:9px;gap:12px}.about-grid{grid-template-columns:1fr;margin-top:35px;gap:35px}.portrait{min-height:350px}.monogram{font-size:130px}.about h2{font-size:29px}.stats{gap:8px}.stats strong{font-size:24px}.stats>div>span{font-size:8px;line-height:1.6}.section-heading{display:block;margin:30px 0}.section-heading p{margin-top:20px}.project-toolbar{align-items:start;flex-direction:column;gap:18px}.filters{gap:2px}.filters button{padding:8px 13px}.project-grid{grid-template-columns:1fr;gap:25px}.project-card:first-child{grid-column:auto}.project-card:first-child .project-image{aspect-ratio:1.5}.project-meta h3{font-size:23px}.project-meta>div{font-size:10px}.skill-grid{gap:12px;margin-top:30px}.skill-card{padding:20px 15px;min-height:260px}.skill-card h3{font-size:18px}.skill-card p{font-size:11px}.skill-card small{font-size:8px}.tool-line{gap:20px;flex-wrap:wrap;justify-content:start}.tool-line>span:last-child{display:none}.contact{padding-bottom:0;min-height:800px}.contact-main{padding:55px 0 70px}.contact h2{font-size:44px}.contact h2>a{width:55px;height:55px;font-size:30px;right:0;top:70%}.contact p{font-size:12px}.contact-actions{flex-wrap:wrap;gap:18px}.contact-actions>a{font-size:19px}.contact-actions button{font-size:10px}footer{flex-wrap:wrap;gap:25px}footer>span{order:3;width:100%}.modal{padding:35px 22px}.modal-backdrop{padding:15px}.modal-art{height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-video{display:none}}.hero{grid-template-columns:.92fr 1.18fr;gap:3%}.hero-art.real-video{aspect-ratio:auto;border-radius:4px;background:#e8e4d8;overflow:hidden;min-height:0}.tour-heading,.tour-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-size:10px;color:#707763;gap:14px}.tour-heading>span:first-child{font:9px monospace;letter-spacing:1px}.tour-caption>a{border-bottom:1px solid #b0b59f;padding-bottom:4px;white-space:nowrap}.real-video .hero-video{display:block;position:relative;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#151a13}.work-group{margin:56px 0 80px}.work-group:last-child{margin-bottom:0}.work-heading{display:flex;justify-content:space-between;gap:40px;border-top:1px solid #d1cdbf;padding-top:28px;margin-bottom:28px}.work-heading small{font:10px monospace;letter-spacing:1px;color:#8c826e}.work-heading h3{font:400 clamp(23px,2.2vw,36px)/1.6 "Noto Serif SC","SimSun",serif;margin:15px 0 7px}.work-heading p{font-size:12px;color:#777d6d;line-height:1.9;margin:0}.work-description{max-width:310px;flex:0 0 29%;padding-top:5px}.work-description>span{font:10px monospace;color:#a57550;display:block;margin-bottom:18px}.real-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.group-site .real-gallery{grid-template-columns:1fr}.drawing-card{border:0;background:none;padding:0;text-align:left;min-width:0}.drawing-surface{position:relative;padding:18px;background:#fff;overflow:hidden;border:1px solid #dedbcf;aspect-ratio:1.3}.drawing-surface img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.group-site .drawing-surface{aspect-ratio:1.65;padding:22px}.drawing-card:hover img{transform:scale(1.018)}.image-magnify{position:absolute;bottom:16px;right:16px;padding:10px 14px;background:#f1eee4ed;border:1px solid #d9d6c8;border-radius:20px;font-size:10px;color:#58624d}.drawing-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 2px;font-size:12px}.drawing-caption small{font:9px monospace;color:#8b8d7c;white-space:nowrap}.drawing-caption small span{padding-left:15px}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#24291ff5;display:flex;flex-direction:column;color:#f5f3e9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-toolbar{padding:20px 3%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff25}.viewer-toolbar strong{font-size:14px;font-weight:400;display:block;margin-bottom:6px}.viewer-toolbar>div>span{font:10px monospace;color:#bcc1b2}.viewer-actions{display:flex;align-items:center;gap:12px}.viewer-actions button,.viewer-actions a,.viewer-bottom button{font-size:11px;background:#ffffff10;color:#f5f3e9;border:1px solid #ffffff35;padding:10px 15px;border-radius:3px}.viewer-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px}.viewer-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;background:#fff}.viewer-stage.is-zoomed{display:block}.viewer-stage.is-zoomed img{max-width:none;max-height:none;width:auto;height:auto;cursor:zoom-out}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 3%;border-top:1px solid #ffffff25}.viewer-bottom>span{font-size:10px;color:#aeb5a3}.viewer-bottom button:disabled{opacity:.3;cursor:default}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.work-heading{gap:25px}.work-description{flex-basis:32%}.viewer-actions{gap:6px}}@media(max-width:700px){.hero-art.real-video{aspect-ratio:auto}.tour-heading,.tour-caption{padding:16px;font-size:9px}.tour-heading>span:first-child{font-size:8px}.work-group{margin:40px 0 50px}.work-heading{display:block}.work-description{max-width:none;margin-top:17px}.work-description>span{margin-bottom:8px}.real-gallery{grid-template-columns:1fr;gap:20px}.drawing-surface,.group-site .drawing-surface{aspect-ratio:1.3;padding:9px}.drawing-caption{font-size:11px}.drawing-caption small{font-size:8px}.viewer-toolbar{align-items:start;flex-direction:column;padding:15px 5%;gap:12px}.viewer-toolbar strong{font-size:12px}.viewer-actions button,.viewer-actions a{font-size:10px;padding:8px 10px}.viewer-stage{padding:10px}.viewer-bottom>span{display:none}.image-magnify{font-size:9px;padding:8px 10px}}header{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;z-index:3;background:transparent;border-bottom-color:#61675130}.hero{max-width:none;width:100%;min-height:100svh;display:flex;align-items:center;isolation:isolate;padding:145px max(4%,calc((100% - 1564px)/2)) 105px;overflow:hidden;background:#dddacb}.hero-background,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.hero-background .hero-video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(90deg,#f7f5ecf0,#f7f5ecd6 28%,#f7f5ec57 58%,#f7f5ec0f),linear-gradient(0deg,rgba(247,245,236,.7),transparent 20%,transparent 83%,rgba(247,245,236,.62))}.hero-copy{max-width:780px}.hero p{color:#59614f}.hero-tags{color:#5d6652}.hero-bottom{left:max(4%,calc((100% - 1564px)/2));right:max(4%,calc((100% - 1564px)/2));color:#505c43;border-top-color:#61675140}@media(min-width:1700px){header{background:transparent}}@media(max-width:700px){.hero{min-height:100svh;padding:140px 6% 95px;justify-content:center;gap:0}.hero-shade{background:linear-gradient(90deg,#f7f5ece6,#f7f5ec85),linear-gradient(0deg,rgba(247,245,236,.65),transparent 25%)}.hero-background .hero-video{object-position:60% center}.hero-bottom{left:6%;right:6%}.hero h1{font-size:42px}header{padding:0 6%}}@media(prefers-reduced-motion:reduce){.hero-background .hero-video{display:block}}.hero-background{z-index:0;background:#d8ddc8 url(/media/factory-poster.webp) center/cover no-repeat}.hero-shade{z-index:1}.hero-copy,.hero-bottom{position:relative;z-index:2}.hero-bottom{position:absolute}.background-play{position:absolute;right:30px;bottom:70px;z-index:4;pointer-events:auto;border:1px solid #ffffff90;background:#f7f5ecd9;padding:12px 18px;border-radius:25px;font-size:12px}.about{position:relative;isolation:isolate;background:radial-gradient(ellipse at 2% 18%,#e5cdb54a,transparent 48%),radial-gradient(ellipse at 96% 90%,#cdd5bc50,transparent 45%),linear-gradient(135deg,#f9f6ef,#f1eee3);border-top-color:#d6cdbd}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#89785d20 .65px,transparent .65px);background-size:7px 7px;opacity:.23}.portrait{background:radial-gradient(ellipse at 80% 10%,#eee2ce,transparent 65%),linear-gradient(145deg,#e1e4d7,#d1d6c2 60%,#d7c9b3);box-shadow:inset 0 0 0 1px #9b9e7e20}.projects{background:radial-gradient(ellipse at 100% 2%,#dfbfa23d,transparent 33%),radial-gradient(ellipse at 0 55%,#c9d0b62e,transparent 30%),linear-gradient(175deg,#efebe0,#f4eee3 52%,#eae7dc)}.work-heading{border-top-color:#c9c1ad}.drawing-surface{box-shadow:0 8px 24px #6e604808;border-color:#d5cebd}.image-magnify{background:#f5f0e4f0}.skills{position:relative;isolation:isolate;background:radial-gradient(ellipse at 8% 90%,#dce2d05c,transparent 52%),radial-gradient(ellipse at 96% 8%,#e4cab047,transparent 48%),#f7f4ec}.skills:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8e94790a 1px,transparent 1px),linear-gradient(90deg,#8e94790a 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 50%,transparent);mask-image:linear-gradient(180deg,transparent,#000 50%,transparent)}.skill-card{border-color:#d4cfbe;background:linear-gradient(145deg,#fdfbf5d9,#eae5d7a6);box-shadow:0 7px 22px #72654805}.skill-card:nth-child(2){background:linear-gradient(145deg,#f8f9f0e6,#dce3cba6)}.skill-card:nth-child(3){background:linear-gradient(145deg,#fcf4e9e6,#e8d5bfa6)}.skill-card:nth-child(4){background:linear-gradient(145deg,#f6f6eae6,#e1e0caa6)}.skill-card:hover{background:linear-gradient(145deg,#fffdf7,#e8dfcc);border-color:#b9bea6}.contact{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 85%,#d5b99761,transparent 48%),radial-gradient(ellipse at 8% 15%,#f6f0dfb3,transparent 52%),linear-gradient(135deg,#e7eadc,#dce2cb 65%,#e4decb)}.contact:before,.contact:after{content:"";position:absolute;pointer-events:none;z-index:-1;width:660px;height:660px;right:-230px;top:13%;border:1px solid #88957324;border-radius:50%}.contact:after{width:850px;height:850px;right:-325px;top:calc(13% - 95px);border-color:#88957318}@media(max-width:700px){.contact:before{right:-480px}.contact:after{right:-575px}.skills:before{background-size:48px 48px}}html{scroll-padding-top:110px}.site-header{z-index:30;transition:background .3s,border-color .3s,box-shadow .3s,border-radius .3s}.site-header.is-floating{position:fixed;top:12px;width:calc(100% - 48px);max-width:1564px;height:76px;padding:0 28px;border:1px solid #fffaf0a6;border-radius:18px;background:#f7f4e8c7;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);box-shadow:0 10px 35px #514c3612,inset 0 1px #ffffffa6}.site-header.is-floating .logo{font-size:26px}.site-header.is-floating .contact-pill{background:#ffffff25;border-color:#aab09970}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header.is-floating{background:#f7f4e8f5}}@media(max-width:700px){.site-header.is-floating{top:10px;width:calc(100% - 24px);height:64px;padding:0 16px;border-radius:14px}.site-header.is-floating .logo{font-size:24px}.site-header.is-floating .logo span{font-size:7px;letter-spacing:.7px}.site-header.is-floating .contact-pill{padding:9px 12px;gap:12px}}@media(prefers-reduced-motion:reduce){.site-header{transition:none}}.photo-composition{position:relative;align-self:start;min-width:0;padding:0 44px 85px 0}.photo-kicker{font:9px monospace;letter-spacing:1.5px;color:#8a8d78;margin-bottom:22px}.life-photo{position:relative;display:block;background:#e7ddcb;padding:10px 10px 0;box-shadow:0 12px 30px #645a3914;transform:rotate(-1deg)}.life-photo>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#e7ddcb}.life-photo>span{display:flex;justify-content:space-between;padding:15px 6px 17px;font-size:11px;color:#747c64;letter-spacing:1px}.profile-photo{display:block;position:absolute;right:0;bottom:28px;width:34%;max-width:174px;padding:8px 8px 0;background:#faf7ee;box-shadow:0 8px 28px #4e4b3624;transform:rotate(4deg);border:1px solid #fffdf7;transition:transform .25s}.profile-photo:hover{transform:rotate(0)}.profile-photo>img{display:block;width:100%;height:auto}.profile-photo>span{display:block;padding:12px 3px 13px;font-size:12px;color:#505c44}.profile-photo small{display:block;font:7px monospace;letter-spacing:1.2px;color:#92947f;margin-top:5px}.photo-note{padding:25px 0 0 5px;display:flex;flex-direction:column;gap:9px;max-width:65%;font:15px/1.6 "Noto Serif SC",SimSun,serif;color:#717b61}.photo-note small{font:9px Arial,Microsoft YaHei,sans-serif;color:#94957f;letter-spacing:.5px}@media(max-width:1000px){.photo-composition{padding-right:26px;padding-bottom:65px}.profile-photo{width:37%;bottom:18px}.photo-note{font-size:12px}.photo-kicker{font-size:7px}}@media(max-width:700px){.photo-composition{max-width:430px;width:100%;margin:auto;padding-right:45px;padding-bottom:70px}.profile-photo{width:32%;bottom:12px}.photo-kicker{font-size:8px}.photo-note{font-size:14px}.life-photo>span{font-size:10px}}.life-photo-crop{width:100%;aspect-ratio:3/4;overflow:hidden;background:#e7ddcb}.life-photo-crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 78%;transform:scale(1.6);transform-origin:57% 78%}.drawing-bento .magic-bento__content{padding:8px;gap:0;flex:none}.drawing-bento .magic-bento__card{--mb-spot-alpha:.085;--mb-glow-alpha:.9;background:#f9f7ef;box-shadow:0 6px 22px #6256380d;color:#34382f;height:100%}.drawing-bento .magic-bento__cell{transition:transform .3s cubic-bezier(.2,.7,.3,1);transform-origin:center;z-index:0}.drawing-bento .magic-bento__light{z-index:3}.drawing-bento .drawing-surface{border-radius:6px;box-shadow:none;border-color:#ded9c9}.drawing-bento .drawing-caption{padding:17px 8px 12px}.drawing-bento .magic-bento__border{padding:2px}.drawing-bento .image-magnify{z-index:4}.drawing-bento .magic-bento__cell:focus-within{z-index:5}.drawing-bento .magic-bento__card:focus-visible{outline:2px solid #b98647;outline-offset:4px}@media(hover:hover)and (pointer:fine){.drawing-bento .magic-bento__cell:hover{transform:translateY(-6px) scale(1.03);z-index:5}.drawing-bento .magic-bento__cell:hover .magic-bento__card{box-shadow:0 18px 40px #6c543329}}@media(max-width:700px){.drawing-bento{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}}@media(prefers-reduced-motion:reduce){.drawing-bento .magic-bento__cell{transition:none!important;transform:none!important}.drawing-bento .magic-bento__light{display:none}}.magic-bento{display:grid;position:relative;width:100%;color:#34382f}.magic-bento__cell{position:relative;min-width:0}.magic-bento__card{position:relative;display:block;width:100%;height:100%;padding:0;text-align:left;border:0;border-radius:var(--mb-radius);background:#f9f7ef;overflow:hidden;isolation:isolate;color:inherit;font:inherit;cursor:pointer}.magic-bento__content{position:relative;z-index:2}.magic-bento__light,.magic-bento__rim,.magic-bento__border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.magic-bento__light{z-index:3;opacity:var(--mb-hot,0);background:radial-gradient(var(--mb-spot-size) circle at var(--mb-x,-999px) var(--mb-y,-999px),rgba(var(--mb-glow-rgb),.085),transparent 85%);transition:opacity .25s}.magic-bento__rim{z-index:3;box-shadow:inset 0 0 0 1px #9c8d6e24,inset 0 1px #ffffffb0}.magic-bento__border{z-index:4;box-sizing:border-box;padding:2px;opacity:var(--mb-near,0);background:radial-gradient(260px circle at var(--mb-x,-999px) var(--mb-y,-999px),rgba(var(--mb-glow-rgb),.95),transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);transition:opacity .25s}.magic-bento__wave{position:absolute;z-index:4;left:var(--wave-x,50%);top:var(--wave-y,50%);width:180%;aspect-ratio:1;border:2px solid rgba(var(--mb-glow-rgb),.6);border-radius:50%;opacity:0;pointer-events:none}html.is-opening{overflow:hidden}.opening{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#eae4d7;color:#59634c;flex-direction:column;justify-content:center;overflow:hidden}.opening-top{position:absolute;left:5%;right:5%;top:36px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px}.opening-center{width:90%;margin:0 auto;text-align:center}.opening-word{display:flex;justify-content:center;overflow:hidden;font:500 clamp(120px,29vw,460px)/1 Arial,sans-serif;letter-spacing:-.08em;padding-right:.08em}.opening-word span{display:block}.opening-meta{font:14px/2 "Noto Serif SC",SimSun,serif;letter-spacing:6px;margin-top:30px}.opening-rule{position:absolute;bottom:65px;left:5%;width:76%;height:1px;background:#bec2ae}.opening-rule i{display:block;width:100%;height:100%;background:#9f7654;transform-origin:left}.opening-skip{position:absolute;right:5%;bottom:52px;background:none;border:0;font-size:11px;color:#7c806e;padding:8px 0}.hero-title-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}.hero-title-line>span{display:block;will-change:auto}.motion-heading{overflow:hidden;margin:35px 0 45px;line-height:.94;pointer-events:none;-webkit-user-select:none;user-select:none}.motion-heading>span{display:block;font-family:Arial,sans-serif;font-size:clamp(70px,10.6vw,175px);font-weight:500;letter-spacing:-.075em;color:#929c7c;transform-origin:left bottom;white-space:nowrap}.projects .motion-heading>span{color:#b29372}.skills .motion-heading>span{color:#9c9d7d}.contact .motion-heading>span{color:#8e9a74}.motion-heading+.about-grid{margin-top:30px}.motion-heading+.section-heading{margin-top:15px}.contact .motion-heading{margin-bottom:10px}@media(max-width:700px){.motion-heading{margin:30px 0}.motion-heading>span{font-size:clamp(50px,12.3vw,85px)}.opening-top{font-size:8px;letter-spacing:.6px}.opening-meta{font-size:11px;letter-spacing:3px}.opening-rule{width:66%}.opening-word{font-size:40vw}.hero-title-line>span{will-change:auto}}@media(prefers-reduced-motion:reduce){.opening{display:none!important}.hero-title-line>span{will-change:auto}}@media(max-width:700px){.projects .motion-heading>span,.skills .motion-heading>span{font-size:clamp(32px,10.2vw,70px)}}