:root{--paper:#fafaf7;--ink:#242623;--muted:#686b64;--line:#d8dad2;--accent:#b34721;--serif:Georgia,'Times New Roman','Songti SC','SimSun',serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}figure{margin:0}::selection{background:#e1e5ce}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button:disabled{cursor:default}body.detail-open{background:var(--paper)}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-70px;z-index:100;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}.wrap{width:min(1500px,90%);margin:auto}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.mono{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}
.mast{position:fixed;top:0;left:0;width:100%;height:86px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;z-index:40;background:rgba(250,250,247,.94);border-bottom:1px solid transparent}.brand{font-size:14px;letter-spacing:.11em}.brand small{display:block;font-size:12px;letter-spacing:.06em;color:var(--muted)}.mast nav{display:flex;gap:30px;font-size:14px}.mast nav a{border-bottom:1px solid transparent}.mast nav a:hover{border-color:var(--ink)}.mast nav .contact-link{color:var(--accent)}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:0;z-index:60}
.introduction{padding:115px 0 130px;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.big-type{font:clamp(48px,5.3vw,86px)/1.02 var(--serif);letter-spacing:-.045em}.intro-grid .lead{font-size:clamp(19px,2vw,27px);line-height:1.65;margin:26px 0}.axis{border-top:1px solid var(--line);margin-top:40px}.axis div{display:grid;grid-template-columns:40px 1fr auto;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.axis small{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.section-heading p{max-width:420px;color:var(--muted)}.section-heading h2{margin-top:22px}.works{padding:120px 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 32px}.work-card:first-child{grid-column:1/-1}.work-image{overflow:hidden;background:#e8e9e4;position:relative}.work-image img{width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .8s}.work-card:first-child .work-image img{aspect-ratio:2.1}.work-card:hover .work-image img{transform:scale(1.025)}.image-arrow{position:absolute;right:20px;bottom:20px;background:var(--paper);width:46px;height:46px;display:grid;place-items:center;font-size:25px}.work-label{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:20px}.work-label h3{font-size:clamp(21px,2.2vw,34px);line-height:1.4}.work-label p{font-size:14px;color:var(--muted);margin-top:8px}.work-label .no{font:20px var(--serif);color:var(--accent)}.work-label .sub{font-size:14px;color:var(--muted);display:block;margin-top:6px}.other-heading{margin-top:100px;padding:26px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.other-grid .work-image img{aspect-ratio:1.3}.other-grid h3{font-size:23px}
.trajectory{background:#ecefe8;padding:110px 0}.trajectory .section-heading{margin-bottom:60px}.timeline article{display:grid;grid-template-columns:18% 32% 1fr;gap:4%;padding:32px 0;border-top:1px solid #ccd1c7}.timeline time{font:27px var(--serif)}.timeline h3{font-size:21px;line-height:1.6}.timeline p{color:#525a50}.timeline .role{font-size:14px;margin-top:10px}.qualifications{display:flex;gap:40px;flex-wrap:wrap;padding-top:50px;font-size:14px}.qualifications b{font-weight:400;color:var(--muted);margin-right:8px}.systems{background:#232c29;color:#f5f4ea;padding:120px 0}.systems .eyebrow{color:#bac8b3}.systems-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.systems h2{margin:25px 0 35px}.systems p{color:#c5cec4;font-size:17px}.pet-panel{border-top:1px solid #768473;border-bottom:1px solid #768473;padding:28px 0 34px}.pet-panel .pet-title{font:clamp(38px,4.5vw,66px) var(--serif);margin-bottom:20px;color:#dfe7c9}.pet-panel p{margin-bottom:32px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:8px;font-size:14px}.pet-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #60715f;margin:35px 0 0;padding-top:24px;font-size:14px;gap:15px}.pet-flow span small{display:block;color:#a6b3a2;font-size:12px;margin-top:5px}
.contact{padding:120px 0 30px}.footer-main{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:75px}.footer-main h2{font:clamp(55px,7vw,110px)/1 var(--serif);letter-spacing:-.045em}.footer-main a{display:inline-block;font-size:20px;border-bottom:1px solid;margin-top:20px}.colophon{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:22px 0;font-size:12px;color:var(--muted)}.source-note{font-size:12px;color:var(--muted);max-width:740px;padding-bottom:25px}
.detail{padding:125px 0 60px;min-height:100vh}.detail-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:60px}.detail-top a{border-bottom:1px solid var(--line)}.detail-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-bottom:70px}.detail h1{font-size:clamp(34px,4.6vw,70px);line-height:1.25;margin:20px 0}.detail h1 span{display:block}.detail .description{font-size:19px;line-height:1.8}.detail dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 0}.detail dt{font-size:12px;color:var(--muted)}.detail dd{margin:8px 0 0;font-size:14px}.focus-topics{display:flex;gap:15px;flex-wrap:wrap;margin:0 0 55px;font-size:14px}.focus-topics span{border-bottom:1px solid var(--line);padding-bottom:10px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.gallery figure:first-child{grid-column:1/-1}.gallery button{display:block;width:100%;padding:0;cursor:zoom-in}.gallery img{width:100%;height:auto;max-height:85vh;object-fit:contain;background:#eeeee8}.gallery figcaption{font-size:14px;display:flex;justify-content:space-between;color:var(--muted);padding-top:12px}.next-project{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:80px;padding-top:30px;font-size:25px}.next-project small{display:block;font-size:12px;color:var(--muted);margin-bottom:15px}.pet-detail{max-width:850px;margin:auto}.pet-detail h2{font:36px var(--serif);margin:45px 0 20px}.pet-detail p{font-size:18px;color:#555d52}.pet-detail ol{padding-left:24px}.pet-detail li{padding:14px 0;border-bottom:1px solid var(--line)}dialog{width:100vw;height:100svh;max-width:none;max-height:none;border:0;background:#171a17;padding:65px 3% 30px;color:white}dialog::backdrop{background:#171a17}dialog img{width:100%;height:calc(100% - 38px);object-fit:contain}dialog p{font-size:14px;text-align:center}dialog .close-lightbox{position:absolute;right:4%;top:12px;font-size:16px;padding:10px} .lightbox-controls{position:absolute;left:4%;top:12px;display:flex;gap:20px}.lightbox-controls button{padding:10px}
@media(min-width:1700px){.hero-art{height:72%}.hero-copy{top:18%}}
@media(max-width:800px){.mast{height:75px}.mast nav{gap:18px}.mast .contact-link{display:none}.brand small{display:none}.hero-copy{top:18%;left:5%}.hero-copy h1{font-size:clamp(52px,9vw,76px)}.hero-art{height:56%;bottom:16%;left:0;right:0}.stage{min-height:570px}.hero-bottom{bottom:22px}.story-controls{gap:16px}.hero-stage-name{display:none}.stages{gap:3px}.stages button{width:15px}.hero-copy .eyebrow{margin-bottom:18px}.hero-sub{font-size:14px}.evidence{top:auto;bottom:17%;right:5%;left:5%;justify-content:flex-end}.evidence a{width:100px}.credit{bottom:13%;font-size:12px}.intro-grid,.systems-grid,.detail-intro{grid-template-columns:1fr;gap:40px}.section-heading{display:block;margin-bottom:40px}.section-heading p{margin-top:25px}.introduction,.works,.trajectory,.systems,.contact{padding-top:80px;padding-bottom:80px}.work-grid{gap:45px 22px}.timeline article{grid-template-columns:1fr;gap:18px}.other-grid{grid-template-columns:1fr 1fr}.other-grid .work-card:last-child{grid-column:1/-1}.footer-main{display:block}.footer-main>div:last-child{margin-top:45px}.qualifications{gap:22px}.detail-top{margin-bottom:35px}.detail-intro{margin-bottom:35px}.detail{padding-top:110px}.detail h1{font-size:40px}.gallery{gap:30px}.continuation{top:28%;left:5%}.continuation h2{font-size:80px}.colophon{flex-wrap:wrap}.source-note{padding-top:10px}}
@media(max-width:500px){.mast nav{font-size:13px;gap:16px}.brand{font-size:12px}.mast nav a:nth-child(3){display:none}.work-grid,.other-grid{grid-template-columns:1fr}.work-card:first-child,.other-grid .work-card:last-child{grid-column:auto}.work-card:first-child .work-image img{aspect-ratio:1.55}.hero-copy h1{font-size:53px}.hero-copy{top:19%}.hero-art{height:43%;bottom:23%}.hero-copy .eyebrow{font-size:12px;letter-spacing:.08em}.hero-sub{margin-top:19px}.hero-bottom{flex-wrap:wrap;gap:16px}.story-controls button{font-size:13px}.stages button{width:13px}.evidence a{width:27%}.evidence{bottom:18%;justify-content:space-between}.credit{bottom:14%;max-width:90%}.intro-grid .lead{font-size:21px}.axis div{grid-template-columns:30px 1fr}.axis small{display:none}.big-type{font-size:52px}.gallery{grid-template-columns:1fr}.gallery figure:first-child{grid-column:auto}.detail dl{gap:25px}.detail h1{font-size:33px}.continuation h2{font-size:64px}.footer-main h2{font-size:62px}.footer-main a{font-size:18px}.pet-flow{font-size:13px}.section-heading p{font-size:16px}.work-label h3{font-size:25px}}
.prologue{position:relative;height:100svh;background:#fafaf7;isolation:isolate}
.film-ready .prologue{height:290svh}
.stage{position:sticky;top:0;height:100svh;min-height:0;width:100%;overflow:hidden;background:#fafaf7;isolation:isolate}
#career-film{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.film-ready #career-film{opacity:1}
.film-fallback{position:absolute;inset:0;padding:5%;font-size:14px;letter-spacing:.14em;background:#fafaf7}
.film-fallback span{font-size:12px;letter-spacing:0;color:#737b6b}
.film-fallback img{position:absolute;width:96%;height:64%;object-fit:contain;left:2%;bottom:12%}
.film-ready .film-fallback{display:none}
.film-assets{display:none}
.film-bottom{position:absolute;left:5%;right:5%;bottom:25px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;letter-spacing:.08em;color:#6d7565;pointer-events:none}
.film-bottom a{font-size:13px;pointer-events:auto;color:#454f3d;border-bottom:1px solid #adb69f;letter-spacing:0}
.film-scroll{margin-left:auto;font-size:12px;letter-spacing:.04em}
.film-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e8e9e3;z-index:9}
.film-progress i{height:100%;display:block;background:#8b927d;width:0;will-change:width}
.film-end-link{position:absolute;left:6%;bottom:16%;z-index:8;font-size:14px;border-bottom:1px solid #66725c;padding-bottom:8px}
.film-error{position:absolute;left:5%;bottom:80px;max-width:80%;font-size:14px;color:#6f543d;z-index:10;background:#fafaf7;padding:10px}
.film-active .mast{background:transparent;border:0}
.film-active .mast .brand small{font-size:12px;letter-spacing:.03em}
.film-active .mast nav a:not(:first-child){display:none}
.film-active .mast nav a:first-child{font-size:13px;color:#6a7362}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.script-note{padding:18px 5%;font-size:14px;background:#ecefe6}
#works{position:relative;padding-top:125px}
#works::before{content:'';position:absolute;top:0;left:50%;width:1px;height:72px;background:linear-gradient(#8b907e,transparent)}
@media(max-width:650px){.film-bottom{bottom:20px;font-size:10px;gap:12px;letter-spacing:0}.film-scroll{font-size:11px}.film-bottom a{font-size:12px}.film-end-link{bottom:17%;font-size:13px}.film-active .mast .brand small{display:block;font-size:10px}.film-active .mast{height:85px;align-items:center}.film-active .mast .brand{font-size:12px}.film-active .mast nav a:first-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-image img{transition:none!important}}

/* A single paper, type scale and page grid connect all three career phases. */
.wrap{width:min(1500px,88%)}.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%;align-items:end}.section-heading p{max-width:480px}.work-grid{align-items:start}.work-label{min-height:116px}.work-grid:not(.epc-grid) .work-card:first-child .work-image img{aspect-ratio:2.1}.epc-grid .work-card:first-child{grid-column:1/-1}.epc-grid .work-card:first-child .work-image img{aspect-ratio:2.1}.timeline article{grid-template-columns:minmax(0,18fr) minmax(0,32fr) minmax(0,50fr);column-gap:4%}.timeline article>*{min-width:0}
.case-focus{height:100svh;position:relative;border-block:1px solid var(--line);background:var(--paper)}.motion-ready .case-focus{height:235svh}.focus-stage{position:sticky;top:0;height:100svh;min-height:680px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:7%;align-items:center}.focus-copy{min-width:0;padding-bottom:30px}.focus-copy h2{font-size:clamp(42px,4.8vw,76px);margin:24px 0 30px}.focus-lead{font-size:21px;margin-bottom:18px}.focus-description{font-size:16px;color:var(--muted);line-height:1.85;margin-top:14px;max-width:440px}.focus-tags{display:flex;align-items:center;gap:25px;font-size:14px;margin-top:26px}.focus-tags span:last-child:before{content:'→';margin-right:25px;color:var(--muted)}.focus-visual{min-width:0;transform:translateY(var(--focus-rise,0px))}.focus-frame{position:relative;overflow:hidden;height:56svh;max-height:640px;background:#e9f0ee}.focus-camera{position:absolute;inset:0;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) scale(var(--focus-scale,1.35));will-change:transform;transform-origin:52% 60%}.focus-camera img{width:100%;height:100%;object-fit:cover}.focus-section{position:absolute;inset:0;background:#dcebf1;clip-path:inset(0 0 0 var(--section-cut,100%));will-change:clip-path}.focus-section img{width:100%;height:100%;object-fit:contain}.focus-image-caption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;color:var(--muted);font-size:14px;line-height:1.5}.focus-image-caption a{white-space:nowrap;border-bottom:1px solid var(--line)}.focus-bottom{position:absolute;bottom:5%;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}
.practice{padding:75px 0 120px}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;align-items:start}.practice-grid figure{margin:0;min-width:0}.practice-grid button{display:block;padding:0;width:100%;cursor:zoom-in;overflow:hidden;background:#e9eae4}.practice-grid img{width:100%;aspect-ratio:1.6;object-fit:cover;transition:transform .65s}.practice-grid button:hover img{transform:scale(1.025)}.practice-grid figcaption{min-height:48px;display:flex;justify-content:space-between;gap:15px;padding-top:12px;font-size:14px;line-height:1.6;color:var(--muted)}.practice-note{font-size:13px;color:var(--muted);margin-top:30px}
.systems{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}.systems .eyebrow{color:var(--muted)}.systems p{color:var(--muted);font-size:16px}.ai-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end}.ai-intro h2{margin-bottom:0}.product-practice{margin-top:75px;padding:36px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:9%;align-items:start}.product-practice h3{font-size:28px;margin:15px 0}.product-practice .role{font-size:15px}.product-steps{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:24px;color:var(--muted);font-size:14px}.ai-impact{margin:80px 0;display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.impact-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;padding:26px 0;border-block:1px solid var(--line)}.impact-metrics strong{display:block;font:clamp(54px,5vw,78px)/1.2 var(--serif);font-weight:400}.impact-metrics strong small{font:16px var(--sans)}.impact-metrics span{font-size:14px;color:var(--muted)}.impact-copy h3{font-size:26px;margin:27px 0 16px}.impact-copy .impact-source{font-size:13px;margin-top:15px;line-height:1.7}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.evidence-pair button{display:flex;padding:16px;width:100%;height:360px;justify-content:center;align-items:center;background:#eef0eb;cursor:zoom-in}.evidence-pair img{max-height:100%;width:100%;object-fit:contain}.evidence-pair figcaption{font-size:14px;padding-top:14px;line-height:1.7}.evidence-pair figcaption small{display:block;font-size:12px;color:var(--muted)}
.pet-showcase{border-top:1px solid var(--line);padding-top:80px;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.pet-showcase h3{font:clamp(44px,4.8vw,72px)/1.06 var(--serif);margin:24px 0}.pet-showcase h4{font:400 22px/1.6 var(--sans);margin:0 0 20px}.pet-showcase .text-link{margin-top:30px}.pet-flow{border-color:var(--line)}.pet-flow span small{color:var(--muted)}.pet-screen{width:100%;margin:0;background:#eaf0ec;padding:35px 45px;display:flex;flex-direction:column;align-items:center}.pet-screen button{display:block;padding:0;width:min(290px,100%);border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #20322b18;cursor:zoom-in}.pet-screen img{width:100%;height:auto}.pet-screen figcaption{font-size:13px;color:var(--muted);padding-top:18px}.pet-detail-screen{max-width:340px;margin:40px auto}.pet-detail-screen button{padding:0;cursor:zoom-in}.pet-detail-screen img{width:100%}.pet-detail-screen figcaption{font-size:14px;text-align:center;padding-top:12px;color:var(--muted)}
@media(max-width:900px){.section-heading,.ai-intro{grid-template-columns:1fr;gap:24px}.focus-stage{gap:5%;grid-template-columns:1fr 1.1fr}.focus-copy h2{font-size:44px}.focus-lead{font-size:18px}.focus-description{font-size:15px}.focus-bottom{font-size:12px}.focus-image-caption{display:block}.focus-image-caption a{display:inline-block;margin-top:10px}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-impact{grid-template-columns:1fr;gap:35px}.evidence-pair{max-width:650px;width:100%}.product-practice{gap:6%}.timeline article{grid-template-columns:1fr;gap:16px}.pet-screen{padding:25px}.pet-showcase{gap:7%}.pet-flow{grid-template-columns:1fr;gap:14px}.epc-grid .work-card:first-child .work-image img{aspect-ratio:1.55}}
@media(max-width:600px){.motion-ready .case-focus{height:220svh}.focus-stage{height:100svh;min-height:730px;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:94px 0 66px}.focus-copy{width:100%;padding:0}.focus-copy h2{font-size:37px;line-height:1;margin:14px 0}.focus-copy h2 br{display:none}.focus-copy h2 br:after{content:' '}.focus-lead{font-size:17px;margin-bottom:8px}.focus-description{font-size:14px;line-height:1.65;margin-top:8px;max-width:none}.focus-tags{display:none}.focus-visual{width:100%}.focus-frame{height:30svh;min-height:200px}.focus-image-caption{display:flex;font-size:12px;padding-top:10px}.focus-image-caption a{margin:0}.focus-bottom{bottom:20px}.focus-bottom span:last-child{display:none}.practice-grid{gap:24px 14px}.practice-grid figcaption{font-size:13px;min-height:55px}.practice-grid img{aspect-ratio:1.4}.practice{padding-bottom:70px}.product-practice,.pet-showcase{grid-template-columns:1fr;gap:25px}.product-practice{margin-top:45px}.ai-impact{margin:55px 0}.evidence-pair{gap:14px}.evidence-pair button{height:260px;padding:10px}.pet-screen{margin-top:10px;padding:25px}.pet-flow{grid-template-columns:repeat(3,1fr)}.work-label{min-height:0}.impact-copy h3{font-size:23px}.systems .big-type{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .case-focus{height:auto}.focus-stage{position:relative}.focus-camera{transform:none}.focus-visual{transform:none}.practice-grid img{transition:none}.focus-section{clip-path:inset(0 0 0 100%)}}

@media(max-width:600px) and (max-height:740px){.motion-ready .case-focus{height:auto}.focus-stage{position:relative;height:auto;min-height:0;padding:70px 0 60px}.focus-section{clip-path:inset(0 0 0 100%)}.focus-frame{height:260px}.focus-bottom{bottom:18px}}

/* 04 — ZERO GRAVITY / STILL DRAWING */
.zero-story{height:520vh;position:relative;background:var(--paper)}
.zero-stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:var(--paper);isolation:isolate}
.zero-base{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center;will-change:transform,opacity;z-index:1}
.zero-wash{position:absolute;inset:0;background:radial-gradient(circle at 58% 52%,rgba(247,243,235,.38),rgba(247,243,235,.94) 68%),linear-gradient(90deg,rgba(247,243,235,.08),rgba(247,243,235,.7));opacity:0;z-index:2;will-change:opacity}
.zero-title-mask{position:absolute;z-index:3;left:0;top:0;bottom:0;width:45%;background:linear-gradient(90deg,var(--paper) 0%,rgba(250,250,247,.98) 48%,rgba(250,250,247,.72) 72%,rgba(250,250,247,0) 100%);pointer-events:none;will-change:opacity}
.zero-grid{position:absolute;inset:-10%;z-index:3;opacity:0;pointer-events:none;background-image:linear-gradient(rgba(70,67,62,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(70,67,62,.08) 1px,transparent 1px);background-size:72px 72px;transform:perspective(900px) rotateX(67deg) translateY(38vh) scale(1.35);transform-origin:center bottom;will-change:opacity,transform}
.zero-flyer,.zero-chair,.zero-roll,.zero-ruler{position:absolute;z-index:5;pointer-events:none;filter:contrast(1.02);mix-blend-mode:multiply;will-change:transform,opacity}
.zero-flyer{left:37%;top:7%;width:min(62vw,900px);opacity:0;transform-origin:45% 62%}
.zero-chair{left:22%;top:48%;width:min(23vw,350px);opacity:0}
.zero-roll{left:15%;top:67%;width:min(25vw,410px);opacity:0}
.zero-ruler{right:9%;top:53%;width:min(28vw,490px);opacity:0}
.zero-paper{position:absolute;z-index:4;width:clamp(88px,10vw,180px);aspect-ratio:1.42;background:rgba(249,246,238,.85);border:1px solid rgba(46,43,39,.19);box-shadow:0 12px 30px rgba(54,48,40,.05);opacity:0;will-change:transform,opacity}
.zero-paper:before,.zero-paper:after{content:"";position:absolute;left:11%;right:11%;height:1px;background:rgba(46,43,39,.16)}
.zero-paper:before{top:32%}.zero-paper:after{top:61%}.zp1{left:30%;top:24%}.zp2{left:12%;top:42%}.zp3{right:22%;top:28%}.zp4{right:8%;top:64%}.zp5{left:48%;top:72%;width:clamp(74px,8vw,140px)}
.zero-pen{position:absolute;z-index:7;left:82%;top:13%;width:112px;height:12px;background:#2f2e2b;border-radius:8px;opacity:0;box-shadow:inset -15px 0 0 #77736b;transform-origin:center;will-change:transform,opacity}
.zero-pen:after{content:"";position:absolute;right:-20px;top:2px;border-left:22px solid #2f2e2b;border-top:4px solid transparent;border-bottom:4px solid transparent}
.zero-thread{position:absolute;inset:0;z-index:6;width:100%;height:100%;overflow:visible;pointer-events:none}
.zero-thread path{fill:none;stroke:#3d3b37;stroke-width:1.45;stroke-linecap:round;opacity:.75}
.zero-thread path.blue{stroke:#738da8;opacity:.6}
.zero-system{position:absolute;inset:0;z-index:4;opacity:0;will-change:opacity,transform;transform:translateX(8vw) scale(.96);pointer-events:none}
.sys-node-main{position:absolute;right:4%;top:43%;width:112px;height:112px;border-radius:50%;border:1px solid rgba(91,117,143,.45);display:grid;place-items:center;font-family:var(--serif);font-size:34px;background:rgba(244,241,234,.78);box-shadow:0 0 0 14px rgba(102,126,150,.04),0 0 0 28px rgba(102,126,150,.02)}
.sys-node{position:absolute;border:1px solid rgba(70,83,96,.22);background:rgba(249,247,241,.73);padding:12px 14px;min-width:130px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#545f6a;backdrop-filter:blur(2px)}
.sn1{right:28%;top:26%}.sn2{right:25%;top:58%}.sn3{right:8%;top:21%}.sn4{right:6%;top:64%}.sn5{right:18%;top:76%}
.sys-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#718aa3;box-shadow:0 0 0 5px rgba(113,138,163,.08)}
.sd1{right:32%;top:45%}.sd2{right:21%;top:34%}.sd3{right:20%;top:70%}.sd4{right:7%;top:49%}
.zero-copy{position:absolute;z-index:8;left:7.5%;top:15%;max-width:43vw;opacity:0;transform:translateY(24px);will-change:opacity,transform}
.zero-copy h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.88;font-size:clamp(62px,7.2vw,122px);margin:0}
.zero-copy p{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#69645d;margin-top:24px;line-height:1.8}.zc1{display:none}.zc2,.zc3,.zc4{pointer-events:none}.zc4{max-width:50vw;top:10%}
.zero-caption{position:absolute;z-index:9;left:7.5%;bottom:6%;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#69645d}.zero-caption span{display:inline-block;margin-right:16px}
.zero-counter{position:absolute;z-index:9;right:4%;bottom:5%;font-size:10px;letter-spacing:.22em;color:#67635c}.zero-counter b{font-weight:500}
.zero-next{position:absolute;z-index:10;right:5%;top:49%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#65717d;opacity:0}
@media(max-width:900px){.zero-story{height:440vh}.zero-flyer{width:78vw;left:22%;top:15%}.zero-chair{width:30vw}.zero-roll{width:32vw}.zero-ruler{width:34vw}.zero-copy{max-width:70vw;left:6%}.zero-copy h2{font-size:clamp(50px,10vw,86px)}.sys-node-main{right:4%;top:40%;width:88px;height:88px}.sn3,.sn4,.sn5{display:none}.zero-next{display:none}}
@media(max-width:560px){.zero-story{height:380vh}.zero-stage{min-height:600px}.zero-base{object-position:62% center}.zero-flyer{width:104vw;left:4%;top:28%}.zero-chair,.zero-roll,.zero-ruler{opacity:.35!important}.zero-copy{top:9%;max-width:86vw}.zero-copy h2{font-size:clamp(46px,13vw,72px)}.zero-caption{display:none}.zero-system{opacity:.7}.sn1,.sn2{display:none}}


.zero-story{height:100svh;border-top:1px solid var(--line)}.motion-ready .zero-story{height:460svh}.zero-stage{background:var(--paper);min-height:650px}.zero-copy{left:6%;top:22%;width:35%;max-width:none}.zero-copy h2{font:clamp(44px,5.5vw,82px)/1.02 var(--serif);letter-spacing:-.045em}.zero-copy p{font-size:16px;letter-spacing:0;text-transform:none;line-height:1.8;max-width:400px}.zc1{display:block;opacity:1;transform:none}.zero-title-mask{width:45%;opacity:1!important}.zero-flyer{z-index:4}.zero-copy{z-index:8}.zero-caption{left:6%;bottom:6%;font-size:12px;letter-spacing:.1em}.zero-counter{right:6%;bottom:6%;font-size:13px}.zero-next{writing-mode:horizontal-tb;top:auto;right:6%;bottom:12%;font-size:13px;letter-spacing:.04em}.zero-system{display:none}.zero-base{object-position:63% center}.zero-pen{width:84px;height:8px}.zero-pen:after{top:0}.zero-copy:not(.zc1){pointer-events:none}
@media(max-width:800px){.zero-copy{width:44%;left:6%;top:21%}.zero-copy h2{font-size:48px}.zero-copy p{font-size:14px}.zero-flyer{left:30%;top:20%}.zero-title-mask{width:43%}.zero-stage{min-height:700px}}
@media(max-width:560px){.motion-ready .zero-story{height:380svh}.zero-copy{top:16%;width:87%;left:6%}.zero-copy h2{font-size:42px}.zero-copy p{font-size:14px;max-width:290px;margin-top:15px}.zero-title-mask{width:100%;height:42%;background:linear-gradient(var(--paper) 25%,rgba(250,250,247,.92) 60%,transparent);bottom:auto}.zero-flyer{top:41%;left:4%;width:108vw}.zero-base{object-position:58% center;object-fit:cover}.zero-chair,.zero-roll,.zero-ruler{opacity:var(--props-opacity,0)!important}.zero-caption{display:block;bottom:5%;font-size:11px}.zero-counter{bottom:5%;font-size:12px}.zero-next{display:none}.zero-pen{top:39%;left:80%;width:60px}.zero-stage{min-height:680px}}
/* Preserve all five scroll-controlled beats; reduce only secondary camera/text motion. */
@media(prefers-reduced-motion:reduce){.zero-base,.zero-copy,.zero-grid{transform:none!important}}

/* One paper surface, four changes of responsibility, a shared image rhythm. */
html{scroll-padding-top:90px}
.form-note{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:65px 0 90px!important}.form-note::before{display:none}.form-note p{max-width:570px}.growth-lead{font-size:clamp(21px,2vw,29px);line-height:1.65;margin:20px 0}.form-note .eyebrow{font-size:13px}
.growth-chapter{border-top:1px solid var(--line)}.chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:105px 0 55px}.chapter-heading h2{font:clamp(34px,4vw,64px)/1.3 var(--serif);letter-spacing:-.035em;margin-top:25px}.chapter-heading p:not(.eyebrow){max-width:560px}.chapter-heading p+p{margin-top:18px}.chapter-heading .growth-lead{margin-top:0}.chapter-heading .muted{font-size:15px}.archive{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive summary{padding:17px 0;font-size:14px;cursor:pointer}.archive summary span{float:right;color:var(--muted)}.archive-links a{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:15px 0;font-size:15px}.archive-links small{font-size:13px;color:var(--muted);text-align:right}
.story-scene{position:relative}.motion-ready .story-scene{height:190svh}.scene-stage{padding:35px 0}.motion-ready .scene-stage{height:100svh;position:sticky;top:0;padding:95px 0 25px;display:flex;flex-direction:column}.scene-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.scene-top h3{font:32px/1.4 var(--serif);margin-top:9px}.scene-top .eyebrow{font-size:12px}.scene-top .text-link{font-size:14px;white-space:nowrap}.scene-image{position:relative;overflow:hidden;isolation:isolate;background:#e9eae5;aspect-ratio:2;flex:1;min-height:0}.scene-image img{width:100%;height:100%;object-fit:cover;display:block}.motion-ready .scene-image img{position:absolute;inset:0;transform:scale(var(--scene-zoom,1))}.scene-reveal{display:none!important}.motion-ready .scene-reveal{display:block!important;clip-path:inset(0 0 0 var(--scene-cut,100%));object-position:center 60%}.scene-image-label{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;color:white;text-shadow:0 1px 6px #000;font-size:14px}.scene-image-label small{font-size:13px}.scene-foot{display:flex;justify-content:space-between;gap:30px;padding-top:18px;font-size:15px}.scene-foot p:last-child{color:var(--muted);max-width:48%}
.responsibility{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:9%;align-items:center;padding:100px 0;border-bottom:1px solid var(--line)}.responsibility h3{font:clamp(30px,3.3vw,48px)/1.35 var(--serif);margin-top:17px}.responsibility .project-scope{font-size:14px;color:var(--accent);margin:12px 0 30px}.responsibility-copy>p:not(.eyebrow):not(.growth-lead):not(.project-scope){color:var(--muted)}.growth-image{min-width:0;overflow:hidden}.growth-image img{display:block;width:100%;aspect-ratio:1.13;object-fit:cover;transform:scale(var(--drift-scale,1));transform-origin:center}.growth-image figcaption{position:relative;background:var(--paper);font-size:13px;color:var(--muted);padding-top:14px}.responsibility-steps{list-style:none;margin:28px 0;padding:0}.responsibility-steps li{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:14px}.responsibility-steps span{white-space:nowrap;color:var(--muted)}.baoshan{grid-template-columns:1.25fr .9fr;border-bottom:0}.baoshan .growth-image img{aspect-ratio:1.3}.responsibility .text-link{font-size:14px;display:inline-block;margin-top:22px}
.before-design{padding-bottom:35px}.planning-desk{display:grid;grid-template-columns:.9fr 1.25fr;gap:9%;padding:40px 0}.planning-title{align-self:start;position:sticky;top:130px}.planning-title h3{font:clamp(28px,3vw,43px)/1.4 var(--serif);margin:22px 0}.planning-title>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9}.planning-title .planning-note{margin-top:45px;font-size:13px}.planning-ledger{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.planning-ledger li{position:relative;display:grid;grid-template-columns:26px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:25px 0}.planning-ledger li:after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:calc(var(--row-progress,0)*100%);background:var(--accent)}.planning-ledger li>span{color:var(--accent);font:17px var(--serif)}.planning-ledger h4{font-size:20px;font-weight:400;margin-bottom:8px}.planning-ledger p{font-size:15px;color:var(--muted)}.planning-ledger small{grid-column:2;font-size:13px;color:var(--accent)}.chapter-handoff{padding:70px 0 85px;font:clamp(21px,2.1vw,31px)/1.9 var(--serif)}.chapter-handoff strong{font-weight:400}
.motion-ready .zero-story{height:220svh}.zero-stage{min-height:0}.zero-caption span:first-child{display:none}.zero-counter{font-size:12px}.zero-copy p{font-size:15px}
.systems{border-top:0;padding-top:80px}.ai-intro{margin-bottom:42px}.product-practice{margin-bottom:50px}.ai-impact{padding-top:45px;padding-bottom:45px}.pet-showcase{padding-top:55px;grid-template-columns:1.2fr .8fr;gap:12%}.pet-showcase h3{font-size:40px}.pet-screen{max-width:290px;justify-self:end;padding:20px}.pet-showcase .pet-flow{display:none}.contact{padding-top:80px}.closing-thought{font:clamp(21px,2.3vw,34px)/1.75 var(--serif);margin:0 0 70px;max-width:900px}.qualifications{font-size:13px;padding-bottom:25px;gap:30px}.mast nav a{font-size:14px}.film-active .mast nav a:not(:first-child){display:inline}
@media(max-width:800px){.chapter-heading,.form-note{gap:30px;grid-template-columns:1fr}.chapter-heading{padding:70px 0 30px}.form-note{padding:40px 0 60px!important}.chapter-heading h2{font-size:40px}.responsibility,.baoshan{grid-template-columns:1fr;gap:32px;padding:55px 0}.growth-image img,.baoshan .growth-image img{aspect-ratio:1.6}.baoshan .growth-image{order:2}.responsibility .growth-lead br{display:none}.responsibility-steps{margin-bottom:0}.planning-desk{grid-template-columns:1fr;gap:28px}.planning-title{position:static}.planning-title .planning-note{margin-top:20px}.chapter-handoff{padding:35px 0 60px}.scene-foot{font-size:14px;gap:20px}.scene-foot p:last-child{max-width:50%}.scene-top h3{font-size:26px}.pet-showcase{gap:35px}.mast nav{gap:15px}.mast .brand small{display:none!important}.zero-stage{min-height:0}.zero-copy h2{font-size:44px}.zero-copy{top:21%}.qualifications{flex-wrap:wrap}}
@media(max-width:560px){.scene-top{align-items:start}.scene-top h3{font-size:24px}.scene-top .eyebrow{font-size:11px}.scene-top .text-link{font-size:12px}.scene-foot{display:block;line-height:1.65}.scene-foot p:last-child{max-width:100%;margin-top:6px}.motion-ready .scene-stage{padding-top:95px;padding-bottom:25px}.scene-image{aspect-ratio:.95}.scene-image img{object-position:50% center}.scene-image-label{font-size:12px;left:12px;right:12px}.scene-image-label small{font-size:11px}.chapter-heading h2{font-size:34px}.planning-ledger li{padding:22px 0}.motion-ready .zero-story{height:220svh}.zero-stage{min-height:0}.zero-copy{top:15%;width:88%}.zero-copy h2{font-size:36px}.zero-copy p{font-size:14px}.pet-showcase{grid-template-columns:1fr}.pet-screen{justify-self:start;width:70%;max-width:260px}.mast nav a{font-size:12px}.mast nav{gap:12px}.mast nav a:nth-child(3){display:inline}.mast nav a:nth-child(4){display:none}.archive-links a{display:block}.archive-links small{display:block;text-align:left;margin-top:6px}.chapter-handoff br{display:none}.qualifications{font-size:12px;gap:15px}.growth-lead{font-size:23px}}
@media(prefers-reduced-motion:reduce){.growth-image img,.scene-image img{transform:none!important}}
@media(max-height:600px) and (min-width:561px){.scene-stage{min-height:0}.scene-top{margin-bottom:8px}.scene-top h3{font-size:24px}.scene-top .eyebrow{display:none}.motion-ready .scene-stage{padding-top:70px}.zero-copy{top:18%}.zero-copy h2{font-size:36px}.zero-flyer{width:50vw;left:45%}.zero-caption{bottom:4%}}
/* Project-bound panels: the image, identity, scope and link share one transform. */
.motion-ready .story-scene{height:200svh}.scene-viewport{position:relative;min-width:0;min-height:0}.motion-ready .scene-viewport{flex:1;overflow:hidden;isolation:isolate}.scene-panel{background:var(--paper);min-width:0;margin-bottom:45px}.motion-ready .scene-panel{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;margin:0;will-change:transform;transform:translateX(var(--panel-x,0%))}.motion-ready .scene-panel:nth-child(2){--panel-x:100%}.scene-panel .scene-top{flex-shrink:0;align-items:center;margin-bottom:18px;gap:20px}.scene-panel .scene-top>div{min-width:0}.scene-panel .scene-top h3{font:clamp(23px,2.2vw,34px)/1.25 var(--serif);margin-top:8px;overflow-wrap:anywhere}.scene-panel .scene-type{font-size:13px;color:var(--muted);margin-top:8px}.scene-panel .scene-image{margin:0;flex:1;min-height:0;aspect-ratio:2}.scene-panel .scene-image img{position:absolute;inset:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center 62%}.scene-panel .scene-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:22px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.5));font-size:13px;color:#fff}.scene-panel .scene-foot{flex-shrink:0;min-height:66px;align-items:start}.scene-panel .scene-foot p:first-child{color:var(--accent);max-width:45%;font-size:14px}.scene-panel .scene-foot p:last-child{font-size:15px}.scene-panel[inert]{pointer-events:none}.archive summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:560px){.motion-ready .scene-stage{padding-top:86px;padding-bottom:22px}.scene-panel .scene-top{margin-bottom:14px;align-items:start;gap:12px}.scene-panel .scene-top h3{font-size:23px;line-height:1.32}.scene-panel .scene-top .eyebrow{font-size:11px;letter-spacing:.08em}.scene-panel .scene-top .text-link{font-size:12px;margin-top:4px}.scene-panel .scene-type{font-size:12px;margin-top:6px}.scene-panel .scene-foot{min-height:100px;padding-top:12px}.scene-panel .scene-foot p:first-child,.scene-panel .scene-foot p:last-child{max-width:100%;font-size:14px}.scene-panel .scene-image figcaption{font-size:12px;padding:20px 12px 10px}.scene-panel .scene-image{aspect-ratio:1}}
@media(max-height:600px){.motion-ready .scene-stage{padding-top:72px;padding-bottom:15px}.scene-panel .scene-top{margin-bottom:10px}.scene-panel .scene-top h3{font-size:22px}.scene-panel .scene-top .eyebrow{display:none}.scene-panel .scene-type{font-size:12px;margin-top:4px}.scene-panel .scene-foot{min-height:0;padding-top:10px}.scene-panel .scene-foot p{font-size:12px!important}}