:root{--canvas:#f3f0e8;--paper:#fcfaf5;--ink:#29332d;--muted:#62695d;--accent:#48604c;--line:rgba(77,88,62,.22);--warm-detail:#95684e;--serif:"Noto Serif SC Variable","Songti SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--intro-opacity:1;--book-opacity:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:#b9cbb3;color:#1f3024}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;z-index:30;top:-70px;left:16px;padding:10px 16px;background:var(--ink);color:#fff}.skip-link:focus{top:16px}.studio{height:100vh;min-height:650px;position:relative}.studio-sticky{position:relative;top:0;height:100vh;min-height:650px;overflow:hidden;isolation:isolate;background:var(--canvas)}.scene-backdrop{position:absolute;inset:0;background:var(--canvas) url(/assets/studio-poster.webp) center/cover no-repeat;opacity:.65}.scene-backdrop:after,.studio-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--canvas) 0%,rgba(243,240,232,.97) 20%,rgba(243,240,232,.74) 36%,transparent 62%)}.studio-sticky:after{z-index:1;opacity:var(--intro-opacity)}#scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .3s}body.model-ready #scene-canvas{opacity:1}body.model-ready .scene-backdrop{opacity:0}.studio-text{position:absolute;z-index:3;left:max(5vw,calc((100vw - 1320px)/2));top:50%;transform:translateY(-52%);width:min(40vw,580px);opacity:var(--intro-opacity)}.eyebrow,.section-kicker{margin:0 0 20px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.5}.eyebrow span{padding:0 7px;color:#9fac9c}.studio h1{margin:0 0 16px;font:600 clamp(49px,5.1vw,76px)/1.16 var(--serif);letter-spacing:.025em}.studio-role{font:clamp(23px,2.1vw,31px)/1.35 var(--serif);margin:0 0 24px}.studio-intro{max-width:34ch;margin:0;color:var(--muted);font-size:17px;line-height:1.85}.studio-actions{display:flex;align-items:center;gap:22px;margin-top:38px}.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:10px 20px;border-radius:5px;font-weight:600;line-height:1.4;transition:background-color .2s}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:#344a39}.button-text{padding-inline:2px}.scroll-cue{position:absolute;z-index:3;bottom:34px;left:5vw;display:none;align-items:center;gap:13px;color:var(--muted);font-size:13px;opacity:var(--intro-opacity)}.scroll-cue-line{height:1px;width:40px;background:var(--accent)}.mobile-scene-cta{display:none}.reader{background:var(--paper);position:relative}.book-leaf{min-width:0}.left-content,.page-viewport{max-width:1120px;margin:auto;padding:48px 40px}.leaf-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.edition{font-size:10px;letter-spacing:.18em;color:var(--muted)}.back-to-desk{border:0;background:transparent;padding:6px 0;color:var(--accent);font-size:12px;white-space:nowrap}.back-to-desk:hover{text-decoration:underline;text-underline-offset:4px}.reader-hero{padding:64px 0 40px}.reader-hero .section-kicker{margin-bottom:16px}.reader-hero h2{font:500 clamp(38px,4vw,62px)/1.25 var(--serif);letter-spacing:.015em;margin:0}.reader-hero h2 em{font-style:normal;color:var(--accent);font-weight:600}.dot{color:var(--warm-detail)}.reader-role{font:23px/1.5 var(--serif);margin:16px 0}.reader-intro{font-size:16px;line-height:1.85;color:var(--muted);max-width:620px;margin:0}.book-nav{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:16px}.book-nav a{font-size:15px;display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.book-nav a span{font-size:10px;opacity:.65;font-family:Georgia,serif}.book-nav a:hover,.book-nav a[aria-current]{color:var(--accent)}.book-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.leaf-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px;color:var(--muted);font-size:11px}.book-reading-hint{display:none}.section-block{padding:65px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.section-block:first-child{padding-top:0;border-top:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading .section-kicker{margin-bottom:7px}.section-heading h2,.contact-block h2{margin:0;font:600 34px/1.3 var(--serif)}.section-note{font-size:13px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px}.project-card:first-child{grid-column:span 2}.project-image{overflow:hidden;background:#e1e7da;aspect-ratio:1.8}.project-card:first-child .project-image{aspect-ratio:2.7}.project-image img{width:100%;height:100%;display:block;object-fit:cover}.project-meta{display:flex;gap:14px;margin-top:15px}.project-index{font:12px/1.8 Georgia,serif;color:var(--warm-detail);padding-top:3px}.project-meta-main{flex:1;min-width:0}.project-meta h3{font:600 22px/1.4 var(--serif);margin:0 0 6px}.project-meta p{font-size:15px;color:var(--muted);margin:0;line-height:1.75}.project-tags{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 0}.project-tags span{font-size:11px;color:var(--muted)}.project-more{border:0;background:none;color:var(--accent);padding:8px 0 2px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.project-detail{margin-top:12px!important;padding:12px 14px;border-left:2px solid #a8b9a3;background:#e6e9da80}.project-detail[hidden]{display:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about-copy{font:23px/1.75 var(--serif);margin:0}.skills-grid{display:grid;gap:20px}.skill-group{border-top:1px solid var(--line);padding-top:12px}.skill-group h3{font-size:15px;margin:0 0 4px;font-weight:500}.skill-group p{font-size:14px;color:var(--muted);margin:0}.timeline-item{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.timeline-period{font-size:13px;color:var(--warm-detail)}.timeline-item h3{font:600 21px/1.4 var(--serif);margin:0 0 6px}.timeline-item p{font-size:15px;color:var(--muted);margin:0}.contact-block{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-block .section-kicker{margin-bottom:10px}.contact-details>p{font-size:15px;color:var(--muted);margin:0 0 16px}.contact-item{display:block;width:fit-content;margin:10px 0;font-size:16px;color:var(--accent);border-bottom:1px solid var(--accent);overflow-wrap:anywhere}.contact-item.is-placeholder{border:0;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 0;font-size:12px;color:var(--muted)}.reading-progress{display:none}body.book-mode .studio{min-height:0}body.book-mode .studio-sticky{position:sticky;min-height:0}body.book-mode .scroll-cue{display:flex}body.book-mode .reader{position:absolute;inset:0;z-index:2;pointer-events:none;background:transparent;opacity:var(--book-opacity)}body.book-mode .book-leaf{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;pointer-events:none;will-change:transform}body.book-mode.reader-active .book-leaf{pointer-events:auto}body.book-mode .left-content{height:100%;max-width:none;padding:6.4% 7%;display:flex;flex-direction:column;overflow:hidden}body.book-mode .leaf-header{flex-shrink:0}body.book-mode .reader-hero{padding:0;margin:auto 0}body.book-mode .reader-hero .section-kicker{font-size:10px;margin-bottom:12px}body.book-mode .reader-hero h2{font-size:clamp(30px,3.2vw,50px);line-height:1.2}body.book-mode .reader-role{font-size:clamp(17px,1.55vw,23px);margin:12px 0}body.book-mode .reader-intro{font-size:clamp(14px,1.08vw,17px);line-height:1.8;max-width:38ch}body.book-mode .book-nav{justify-content:space-between;gap:10px;padding-top:12px;flex-shrink:0}body.book-mode .book-nav a{font-size:14px;gap:7px}body.book-mode .leaf-footer{font-size:10px;margin-top:14px;flex-shrink:0}body.book-mode .book-reading-hint{display:inline}body.book-mode .page-viewport{position:absolute;inset:7% 7.5% 11%;max-width:none;padding:0;overflow:hidden;overflow-anchor:none}body.book-mode .content-wrap{will-change:transform}body.book-mode .section-block{padding:34px 0 40px}body.book-mode .section-block:first-child{padding-top:0}body.book-mode .section-heading{display:block;margin-bottom:20px}body.book-mode .section-heading h2,body.book-mode .contact-block h2{font-size:29px}body.book-mode .section-heading .section-kicker{font-size:10px;margin-bottom:6px}body.book-mode .section-note{margin-top:6px;font-size:12px}body.book-mode .project-grid{display:block}body.book-mode .project-card{margin-bottom:28px}body.book-mode .project-card:last-child{margin-bottom:0}body.book-mode .project-image,body.book-mode .project-card:first-child .project-image{aspect-ratio:3.1}body.book-mode .project-meta{margin-top:12px;gap:12px}body.book-mode .project-meta h3{font-size:21px}body.book-mode .project-meta p{font-size:14px}body.book-mode .project-tags{margin-top:8px}body.book-mode .about-grid,body.book-mode .contact-block{display:block}body.book-mode .about-copy{font-size:21px;margin-bottom:25px}body.book-mode .timeline-item{display:block;padding:20px 0}body.book-mode .timeline-period{margin-bottom:6px}body.book-mode .contact-details{margin-top:22px}body.book-mode .site-footer{padding-bottom:5px}body.book-mode .reading-progress{position:absolute;left:7.5%;right:7.5%;bottom:4.5%;display:flex;align-items:center;gap:14px;color:var(--muted);font:9px/1.4 var(--sans);letter-spacing:.1em}body.book-mode .reading-progress>div{height:1px;background:var(--line);flex:1}body.book-mode .reading-progress i{display:block;background:var(--accent);height:1px;width:100%;transform-origin:left;transform:scaleX(var(--read-progress,0))}@media(max-width:1100px),(max-height:640px){.studio-text{left:5vw;width:45vw}.studio h1{font-size:clamp(40px,5.2vw,61px)}}@media(max-width:700px){.studio{height:100svh;min-height:650px}.studio-sticky{height:100%;min-height:650px}.scene-backdrop{background-size:auto 56%;background-position:67% 72%;opacity:.76}.scene-backdrop:after{background:linear-gradient(180deg,rgba(243,240,232,.94),rgba(243,240,232,.85) 37%,rgba(243,240,232,.07) 70%,var(--canvas))}.studio-sticky:after{display:none}.studio-text{top:9%;left:20px;right:20px;transform:none;width:auto}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:16px}.studio h1{font-size:clamp(38px,10vw,48px);margin-bottom:7px}.studio-role{font-size:21px;margin-bottom:10px}.studio-intro{font-size:15px;max-width:34ch}.studio-actions{margin-top:20px;gap:15px}.studio-actions .button-primary{display:none}.button{min-height:44px;padding:9px 14px}.mobile-scene-cta{display:block;position:absolute;bottom:35px;left:20px}.left-content,.page-viewport{padding:30px 22px}.reader-hero{padding:40px 0 32px}.reader-hero h2{font-size:42px}.reader-role{font-size:21px}.book-nav{justify-content:space-between;gap:10px}.book-nav a{gap:6px;font-size:14px}.leaf-footer{margin-top:22px}.section-block{padding:42px 0}.section-heading{display:block}.section-note{margin-top:6px}.section-heading h2{font-size:30px}.project-grid{display:block}.project-card{margin-bottom:32px}.project-image,.project-card:first-child .project-image{aspect-ratio:1.7}.about-grid,.contact-block{display:block}.about-copy{font-size:21px;margin-bottom:26px}.timeline-item{display:block}.timeline-period{margin-bottom:6px}.contact-details{margin-top:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.studio-text{opacity:1!important}}body.model-ready:not(.book-mode) .scene-backdrop{opacity:.65}body.book-mode .page-viewport{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 14px),transparent 100%)}@media(min-width:1201px)and (max-width:1400px){body.book-mode .left-content{padding-top:5%;padding-bottom:5%}body.book-mode .reader-hero .section-kicker{display:none}body.book-mode .reader-hero h2{font-size:36px}body.book-mode .reader-role{font-size:18px;margin:9px 0}body.book-mode .leaf-footer{margin-top:12px}body.book-mode .edition{font-size:9px}}.reader-tools{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:14px max(24px,calc((100vw - 1040px)/2));background:var(--paper);border-bottom:1px solid var(--line)}.reader-tools .button{min-height:44px;font-size:16px;padding:10px 18px;gap:16px}.reader-mode-label{font-size:16px;color:var(--muted)}.button-outline{border:1px solid var(--accent);color:var(--accent);background:var(--paper)}#expand-reading,#return-book[hidden]{display:none}body.book-mode .reader-tools{position:absolute;top:24px;right:4vw;left:auto;min-height:0;padding:0;background:transparent;border:0;pointer-events:auto}body.book-mode #expand-reading{display:inline-flex;box-shadow:0 4px 14px #29332d14}body.book-mode .reader-mode-label,body.book-mode #return-book{display:none}body:not(.book-mode) .reader-tools:not(:has(#return-book:not([hidden]))){display:none}body:not(.book-mode) .section-block,body:not(.book-mode) .reader-hero{scroll-margin-top:100px}.edition{font-size:14px;letter-spacing:.08em}.back-to-desk{font-size:14px;min-height:36px}.eyebrow,.section-kicker{font-size:13px}.project-meta p,.skill-group p,.timeline-item p,.contact-details>p{font-size:16px;line-height:1.8}.project-more{font-size:16px}.project-tags span,.project-index,.timeline-period,.section-note,.site-footer,.leaf-footer{font-size:14px}.book-nav a{font-size:16px}body.book-mode .left-content{padding:5% 7%}body.book-mode .edition{font-size:14px}body.book-mode .reader-hero .section-kicker{display:none}body.book-mode .reader-hero h2{font-size:clamp(30px,2.65vw,42px);line-height:1.25}body.book-mode .reader-role{font-size:19px;margin:10px 0}body.book-mode .reader-intro{font-size:16px;line-height:1.75}body.book-mode .book-nav a{font-size:16px}body.book-mode .leaf-footer{font-size:14px;margin-top:10px}body.book-mode .leaf-footer>span:first-child{display:none}body.book-mode .project-meta p{font-size:16px;line-height:1.8}body.book-mode .section-heading .section-kicker{display:none}body.book-mode .section-note{font-size:14px}body.book-mode .reading-progress{font-size:13px;letter-spacing:0;bottom:4%}body.book-mode .contact-block .section-kicker{font-size:13px}body.book-mode .project-tags{gap:10px}@media(max-width:700px){.reader-tools{padding:12px 22px}.studio-intro{font-size:16px}.eyebrow{font-size:12px}.book-nav a{font-size:16px}.reader-hero h2{font-size:38px}.leaf-footer{font-size:14px}}