:root{--bg:#1f2430;--bg2:#242a36;--panel:#292f3d;--panel2:#303848;--ink:#e6e1cf;--muted:#b4bac3;--muted2:#8290a2;--line:#414956;--gold:#ffcc66;--cyan:#5ccfe6;--teal:#95e6cb;--orange:#ffa759;--font:'Maple Mono NF CN','Maple Mono','Cascadia Code','Microsoft YaHei',monospace;--ease:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.85 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}::selection{background:var(--gold);color:#19202a}.skip{position:fixed;left:12px;top:-100px;z-index:300;background:var(--gold);color:#161b23;padding:10px 18px}.skip:focus{top:12px}.wrap{width:min(1400px,calc(100% - 10vw));margin:auto}.micro,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--gold)}.eyebrow .star{font-size:17px;margin-right:9px;vertical-align:-1px}.eyebrow{margin-bottom:29px}h2{font-weight:650;letter-spacing:-.08em;line-height:1.2}h2 em{font-style:normal;color:var(--muted2)}
.nav{position:fixed;inset:0 0 auto;height:76px;z-index:100;display:flex;align-items:center;padding:0 4.4vw;gap:25px;border-bottom:1px solid transparent;transition:background .4s,border-color .4s}.nav.has-bg{background:#1f2430ee;border-color:#3e4654;backdrop-filter:blur(24px)}.nav__brand{display:flex;align-items:center;gap:13px;min-width:190px}.nav__seal{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--gold);color:var(--gold);width:33px;height:38px;border-radius:2px;font-family:'STKaiti','Noto Serif CJK SC',serif;font-size:13px;line-height:1.15}.nav__seal span{font-size:12px}.nav__name{font-size:16px;line-height:1.2;font-weight:740;letter-spacing:-.03em}.nav__name small{display:block;color:var(--muted2);font-size:9px;letter-spacing:.14em;margin-top:5px}.nav__links{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2.5vw,48px)}.nav__links a{font-size:11px;color:var(--muted);transition:color .2s}.nav__links a:hover{color:var(--gold)}.nav__actions{display:flex;gap:15px;align-items:center}.nav__lang{border:0;background:none;color:var(--muted2);padding:6px;font-size:11px}.nav__contact{border:1px solid #6f7780;padding:7px 18px;font-size:11px;border-radius:100px;transition:background .25s,color .25s}.nav__contact span{color:var(--gold);margin-left:15px}.nav__contact:hover{background:var(--gold);color:#191e27}.nav__contact:hover span{color:inherit}.nav__menu{display:none;border:0;background:none;width:30px;height:30px;align-content:center}.nav__menu span{display:block;height:1px;background:var(--ink);margin:6px 0}.mobile-menu{position:fixed;z-index:99;top:65px;left:0;right:0;padding:20px 22px 25px;background:#252c38f7;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.mobile-menu a{display:block;font-size:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.hero-runway{height:240svh;position:relative}.hero{height:100svh;min-height:610px;position:sticky;top:0;isolation:isolate;overflow:hidden;background:var(--bg)}.hero__wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 43% 53% at 50% 46%,#63768915,transparent 87%),radial-gradient(ellipse 29% 47% at 13% 64%,#ffa75908,transparent 90%),radial-gradient(ellipse 28% 47% at 87% 38%,#5ccfe607,transparent 90%)}.hero__grid{position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(90deg,#535b6338 1px,transparent 1px),linear-gradient(#535b6338 1px,transparent 1px);background-size:106px 106px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 80%,transparent)}.knowledge{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 13%,black 80%,transparent);z-index:0;transition:opacity .6s}.knowledge__column{position:absolute;top:0;width:27%;height:100%;overflow:hidden}.knowledge__column:nth-child(1){left:2.8%}.knowledge__column:nth-child(2){right:2.8%}.knowledge__column:nth-child(3){left:36%;width:27%;opacity:.38}.knowledge__track{width:100%;position:absolute;inset:0 auto auto;animation:knowledge-descend 260s linear infinite;will-change:transform}.knowledge__group{display:block;margin-bottom:clamp(25px,5vh,55px);color:var(--muted);opacity:.84;font-size:clamp(10px,.87vw,13px);line-height:2;white-space:normal;word-break:break-word}.knowledge__group strong{display:block;font-size:10px;color:var(--gold);letter-spacing:.075em;margin-bottom:5px}.knowledge__group code{color:var(--cyan);font:inherit}.knowledge__group p{margin-bottom:4px}.knowledge__column:nth-child(2) .knowledge__track{animation-duration:330s;animation-delay:-96s}.knowledge__column:nth-child(3) .knowledge__track{animation-duration:390s;animation-delay:-180s}@keyframes knowledge-descend{from{transform:translate3d(0,-12%,0)}to{transform:translate3d(0,45%,0)}}.hero__rail{position:absolute;z-index:2;top:106px;left:5%;right:5%;display:flex;justify-content:space-between;color:var(--muted2);font-size:9px;letter-spacing:.16em}.pulse{display:inline-block;background:var(--teal);width:5px;height:5px;border-radius:50%;vertical-align:2px;box-shadow:0 0 13px var(--teal);margin-right:7px}.binary{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}.hero__copy{position:absolute;z-index:2;left:0;right:0;top:73%;text-align:center;transition:opacity .1s;pointer-events:none}.hero__copy h1{font-size:clamp(41px,5vw,79px);font-weight:680;letter-spacing:-.11em;margin:5px 0 6px}.hero__copy h1 span{color:var(--gold)}.hero__copy>p:not(.micro){font-size:clamp(12px,1.15vw,16px);color:var(--ink)}.hero__copy>small{display:block;font-size:11px;color:var(--muted2);margin-top:10px}.hero__bottom{position:absolute;z-index:3;bottom:24px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:28px;color:var(--muted2);font-size:9px;letter-spacing:.12em}.hero__bottom i{display:inline-block;color:var(--gold);font-size:17px;font-style:normal;margin-left:8px}.progress-track{width:150px;height:1px;background:var(--line)}.progress-track span{display:block;height:100%;background:var(--gold);width:0}.field-hub{position:absolute;z-index:3;inset:17% 10% 13%;opacity:0;pointer-events:none;transition:opacity .24s}.field-hub.active{opacity:1;pointer-events:auto}.field-hub__lead{text-align:center;font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:10px}.field-hub__lead span{color:var(--muted)}.field-hub__grid{height:calc(100% - 38px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px 20px}.field-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;border:1px solid #56627365;border-radius:12px;padding:15px;background:#252b3699;transition:border-color .25s,background .25s,transform .25s;overflow:hidden;outline-offset:3px}.field-link:hover,.field-link:focus-visible{background:#2c3542;border-color:var(--gold);transform:translateY(-3px)}.field-link__num{align-self:flex-start;color:var(--muted2);font-size:8px;letter-spacing:.11em}.field-link__space{height:64%;width:100%;display:block}.field-link__title{color:var(--ink);font-size:12px;letter-spacing:.03em}.field-link__sub{align-self:stretch;display:flex;justify-content:space-between;color:var(--muted2);font-size:9px}.field-link__sub b{color:var(--gold);font-weight:500;font-size:16px}.hero-hub .knowledge{opacity:.13}
.introduction{padding:clamp(120px,15vw,230px) 0 clamp(100px,11vw,150px);display:grid;grid-template-columns:1.15fr .65fr;align-items:end;gap:10vw}.introduction h2{font-size:clamp(44px,5.4vw,86px)}.introduction>p{font-size:clamp(13px,1vw,16px);line-height:2.25;color:var(--muted);max-width:480px}.text-link{display:inline-block;color:var(--gold);font-size:12px;margin-top:28px}.text-link span{margin-left:12px}.case-index-bar{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;color:var(--muted2);font-size:10px;letter-spacing:.12em}
.case{height:280svh;position:relative;border-top:1px solid var(--line)}.case__sticky{position:sticky;top:0;min-height:640px;height:100svh;display:grid;grid-template-columns:57% 43%;overflow:hidden}.case__visual{position:relative;background:#1a202a;overflow:hidden;isolation:isolate;border-right:1px solid var(--line)}.case__visual:before{position:absolute;inset:0;content:'';background:radial-gradient(ellipse at 55% 47%,#64748824,transparent 64%);pointer-events:none}.scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.visual__top,.visual__bottom{position:absolute;z-index:2;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.055em;color:var(--muted2)}.visual__top{top:112px}.visual__bottom{bottom:38px}.visual__badge{border:1px solid #626c7a;color:var(--gold);padding:3px 9px;border-radius:20px;font-size:8px}.scene-replay{background:#2d3546bd;border:1px solid var(--line);color:var(--muted);font-size:10px;border-radius:5px;padding:7px 13px;white-space:nowrap}.scene-replay:hover{border-color:var(--gold);color:var(--gold)}.case__story{position:relative;padding:clamp(108px,11vh,135px) clamp(32px,5vw,100px) 53px;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.case__story .eyebrow{margin-bottom:24px}.case__story h2{font-size:clamp(35px,3.2vw,60px);margin-bottom:18px}.case__lead{font-size:clamp(12px,1vw,15px);color:var(--muted);line-height:1.95;max-width:540px}.case__beats{position:relative;flex:1;min-height:185px;margin-top:25px}.beat{position:absolute;left:0;right:0;top:50%;transform:translateY(calc(-50% + 17px));opacity:0;pointer-events:none;transition:opacity .45s,transform .55s var(--ease)}.beat.active{transform:translateY(-50%);opacity:1;pointer-events:auto}.beat b{display:block;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.13em;margin-bottom:11px}.beat h3{font-size:clamp(17px,1.55vw,25px);letter-spacing:-.045em;margin-bottom:10px}.beat p{font-size:12px;line-height:2;color:var(--muted);max-width:430px}.case__next{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}.case__next span{font-size:20px;color:var(--gold)}
.manifesto{padding:clamp(120px,16vw,240px) 0;display:grid;grid-template-columns:.48fr 1fr;gap:7vw;border-top:1px solid var(--line)}.manifesto__mark{font-family:'STKaiti','Noto Serif CJK SC',serif;font-size:clamp(65px,9vw,150px);line-height:1.25;color:var(--gold);opacity:.64;letter-spacing:.3em;text-align:center}.manifesto__text h2{font-size:clamp(46px,6.7vw,108px);margin-bottom:56px}.manifesto__text>p:not(.eyebrow){font-size:clamp(15px,1.45vw,20px);color:var(--muted);max-width:750px;line-height:2;margin-top:24px}.manifesto__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px}.manifesto__tags span{border:1px solid var(--line);padding:6px 18px;font-size:10px;color:var(--muted2);border-radius:100px}.contact{background:var(--bg2);border-top:1px solid var(--line)}.contact__inner{padding:clamp(100px,12vw,190px) 0 25px}.contact h2{font-size:clamp(48px,6.6vw,110px);margin-bottom:35px}.contact__inner>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:15px;line-height:2}.contact__cta{display:inline-flex;align-items:center;justify-content:space-between;min-width:min(350px,100%);border-bottom:1px solid var(--gold);font-size:clamp(20px,2.2vw,31px);margin-top:80px;padding:0 0 20px}.contact__cta span{font-size:37px;color:var(--gold)}.contact__bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:clamp(120px,16vw,220px);font-size:10px;color:var(--muted2)}.motion-control{position:fixed;right:19px;bottom:21px;z-index:30}.motion-control button{border:1px solid var(--line);background:#202634d9;color:var(--muted);padding:6px 12px;border-radius:100px;font-size:10px;backdrop-filter:blur(12px)}.motion-control button span{margin-left:7px;color:var(--gold)}
@media(min-width:1600px){.case__sticky{grid-template-columns:58% 42%}.case__story{padding-left:clamp(70px,6vw,130px)}}
@media(max-width:1080px){.nav__links{gap:14px}.nav__brand{min-width:145px}.knowledge__column:nth-child(3){display:none}.field-hub{inset:18% 5% 13%}.case__sticky{grid-template-columns:53% 47%}.case__story{padding:95px 32px 35px}.case__story h2{font-size:40px}.visual__top{top:95px}}
@media(max-width:760px){html{scroll-padding-top:62px}.wrap{width:calc(100% - 40px)}body{font-size:12px}.nav{height:64px;padding:0 20px}.nav__seal{width:27px;height:31px;font-size:11px}.nav__brand{min-width:0;gap:8px}.nav__name{font-size:13px}.nav__name small{font-size:8px}.nav__links,.nav__contact{display:none}.nav__menu{display:block}.nav__actions{margin-left:auto}.hero-runway{height:205svh}.hero{min-height:0}.hero__rail{top:82px;left:20px;right:20px;font-size:8px}.hero__rail span:last-child{display:none}.knowledge__column:nth-child(1){left:4%;width:42%}.knowledge__column:nth-child(2){right:4%;width:42%}.knowledge__group{font-size:9px;opacity:.6}.knowledge__group strong{font-size:8px}.knowledge__column:nth-child(3){display:none}.hero__copy{top:65%}.hero__copy h1{font-size:50px}.hero__copy>p:not(.micro){font-size:11px}.hero__copy small{font-size:9px;width:80%;margin:10px auto 0}.hero__bottom{left:20px;right:20px;bottom:18px;font-size:8px}.hero__bottom .progress-track{display:none}.field-hub{inset:13% 16px 9%}.field-hub__lead{font-size:9px;margin-bottom:9px}.field-hub__lead span{font-size:8px}.field-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:9px}.field-link{padding:9px 10px;border-radius:7px}.field-link__num{font-size:7px}.field-link__title{font-size:10px}.field-link__sub{font-size:8px}.field-link__space{height:50%}.introduction{display:block;padding:105px 0 100px}.introduction h2{font-size:clamp(36px,9vw,58px)}.introduction>p{margin-top:25px;font-size:12px;line-height:2.1}.case-index-bar{font-size:8px}.case-index-bar span:last-child{display:none}.case{height:250svh}.case__sticky{height:100svh;min-height:0;display:flex;flex-direction:column}.case__visual{height:49%;flex:none;order:0;border:0;border-bottom:1px solid var(--line)}.visual__top{top:78px;left:16px;right:16px;font-size:8px}.visual__bottom{bottom:12px;left:16px;right:16px;font-size:7px}.visual__badge{font-size:7px}.scene-replay{padding:5px 8px;font-size:8px}.case__story{order:1;height:51%;padding:14px 21px 19px;min-height:0}.case__story .eyebrow{margin-bottom:5px;font-size:8px}.case__story h2{font-size:clamp(30px,7.7vw,42px);margin-bottom:7px;line-height:1.16}.case__lead{font-size:10px;line-height:1.65}.case__beats{min-height:0;margin-top:3px;flex:1}.beat b{font-size:8px;margin-bottom:4px}.beat h3{font-size:14px;margin-bottom:3px}.beat p{font-size:10px;line-height:1.6}.case__next{padding-top:6px;font-size:9px;line-height:1.5}.case__next span{font-size:15px}.manifesto{padding:110px 0;grid-template-columns:1fr;gap:35px}.manifesto__mark{display:none}.manifesto__text h2{font-size:58px;margin-bottom:25px}.manifesto__text>p:not(.eyebrow){font-size:13px}.contact__inner{padding:100px 0 25px}.contact h2{font-size:47px}.contact__inner>p:not(.eyebrow){font-size:12px}.contact__cta{margin-top:55px}.contact__bottom{margin-top:100px;flex-wrap:wrap;gap:15px}.motion-control{right:10px;bottom:10px}.motion-control button{font-size:9px;padding:5px 10px}}
@media(max-width:385px){.hero__copy{top:64%}.hero__copy h1{font-size:42px}.field-link__space{height:40%}.case__story{padding:9px 17px 11px}.case__story h2{font-size:28px}.case__lead{font-size:9px}.beat p{font-size:9px}.beat h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.knowledge__track{animation:none!important}*,*:before,*:after{transition-duration:.01ms!important}}
/* Final art-direction pass: keep technical knowledge readable, but behind the brand. */
.knowledge__column:nth-child(1){width:23%;left:2.7%;top:120px;height:calc(100% - 170px)}
.knowledge__column:nth-child(2){width:23%;right:2.7%;top:120px;height:calc(100% - 170px)}
.knowledge__column:nth-child(3){display:none}
.knowledge__group{opacity:.7;font-size:clamp(11px,.88vw,13px)}
.knowledge__track{animation-duration:700s}
.knowledge__column:nth-child(2) .knowledge__track{animation-duration:830s}
.motion-paused .knowledge__track{animation-play-state:paused}
.field-link{background:#252b36dc;border-color:#5a627377}
.hero-hub .knowledge{opacity:.04!important}
@media(max-width:760px){.knowledge__column:nth-child(1){top:104px;left:2%;width:31%;height:65%;}.knowledge__column:nth-child(2){top:104px;right:2%;width:31%;height:65%}.knowledge__group{font-size:9px;opacity:.47;line-height:1.9}.hero__wash{background:radial-gradient(ellipse 61% 49% at 50% 34%,#1f2430f0,transparent 90%),radial-gradient(ellipse 50% 35% at 50% 71%,#1f2430d9,transparent 94%)}.hero__copy{top:66%}}
/* Keep reconstituted 0/1 typography unobstructed: field cards are click targets, not opaque panels. */
.field-link{background:rgba(37,43,54,.16);border-color:rgba(136,148,161,.22)}
.field-link:hover,.field-link:focus-visible{background:rgba(48,59,72,.42);border-color:var(--gold)}
.contact__qr{display:flex;align-items:center;gap:24px;margin-top:48px;color:var(--muted);max-width:560px}.contact__qr img{width:160px;height:160px;object-fit:contain;background:#e6e1cf;padding:8px;border-radius:8px}.contact__qr strong{display:block;color:var(--gold);font-size:12px;letter-spacing:.16em}.contact__qr p{font-size:12px;margin-top:13px;line-height:1.9}.contact__bottom a:hover{color:var(--gold)}
@media(max-width:760px){.contact__qr{gap:17px}.contact__qr img{width:130px;height:130px}.contact__bottom{justify-content:start}.contact__bottom>a:last-child{margin-left:auto}}
/* Native semantic HTML remains readable when scripts cannot run. */
html:not(.js) .hero-runway{height:100svh}html:not(.js) .hero__copy{top:46%}html:not(.js) .field-hub{opacity:0}html:not(.js) .case{height:auto;min-height:620px}html:not(.js) .case__sticky{position:relative;height:auto;min-height:700px}html:not(.js) .case__beats{display:block;flex:none}html:not(.js) .beat{position:relative;opacity:1;top:auto;transform:none;margin:22px 0}html:not(.js) .scene-canvas{background:radial-gradient(ellipse at center,#394a5a,#1b2330)}
@media(max-width:760px){html:not(.js) .case__sticky{min-height:0}html:not(.js) .case__story{height:auto}html:not(.js) .case__visual{height:260px}html:not(.js) .case__beats{margin-top:25px}}

/* POLISH PASS: visibly moving knowledge, decipherable recomposed labels and novice-first project narration. */
.knowledge__track{animation-duration:92s!important;}
.knowledge__column:nth-child(2) .knowledge__track{animation-duration:118s!important;}
.flow-quick .knowledge__track{animation-duration:62s!important;}
.flow-quick .knowledge__column:nth-child(2) .knowledge__track{animation-duration:80s!important;}
.motion-paused .knowledge__track{animation-play-state:paused!important}
.field-link{background:rgba(28,34,46,.055)!important;border-color:rgba(204,202,194,.20)!important;backdrop-filter:none;}
.field-link:hover,.field-link:focus-visible{background:rgba(33,43,54,.35)!important;border-color:var(--gold)!important;}
.field-link__title{font-size:clamp(12px,1.08vw,16px);font-weight:730;color:#fff4e1;text-shadow:0 2px 9px #171b2e;}
.field-link__num{color:#afbac6;}
.field-link__space{height:61%;}
.case__question{font-size:clamp(17px,1.45vw,24px);line-height:1.45;color:var(--gold);font-weight:720;letter-spacing:-.04em;margin:0 0 15px;max-width:520px}
.case__story h2{font-size:clamp(30px,2.55vw,45px);margin-bottom:13px}
.case__lead{font-size:clamp(13px,1.03vw,16px);color:#d8dce4;line-height:1.8}
.case__visual-caption{border-left:2px solid var(--teal);padding-left:14px;color:#a6c2d0;margin-top:16px;max-width:530px;font-size:clamp(11px,.89vw,13px);line-height:1.7}
.beat h3{font-size:clamp(16px,1.33vw,22px);line-height:1.5}
.beat p{font-size:clamp(11px,.85vw,13px);line-height:1.8}
.case__tech{align-self:flex-start;background:none;border:0;color:var(--gold);padding:8px 0;margin:2px 0 9px;cursor:pointer;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.case__tech:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.tech-dialog{max-width:min(680px,calc(100vw - 28px));width:100%;max-height:min(85svh,780px);margin:auto;border:1px solid #73839563;border-radius:20px;background:#202936;color:#e6e1cf;padding:0;box-shadow:0 30px 90px #0009;}
.tech-dialog::backdrop{background:rgba(3,8,17,.75);backdrop-filter:blur(9px)}
.tech-dialog__inner{padding:clamp(23px,4.5vw,48px);overflow:auto;max-height:85svh;}
.tech-dialog__head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}
.tech-dialog__close{background:#323d4c;color:#dbe6ec;border:1px solid #5d6879;border-radius:50%;height:40px;width:40px;font-size:16px;cursor:pointer}
.tech-dialog h2{font-size:clamp(22px,3vw,35px);line-height:1.3;margin:0 0 19px}
.tech-dialog p{font-size:14px;line-height:1.9;color:#bac5d1}
.tech-dialog__stack,.tech-dialog__boundary{padding:21px 0;border-top:1px solid #53617177;margin-top:24px}
.tech-dialog__stack span,.tech-dialog__boundary span{display:block;color:#ffcc66;font-size:11px;letter-spacing:.09em;margin-bottom:11px}
.motion-control{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.contact__qr{background:#28324265;border:1px solid #65718460;border-radius:18px;padding:22px;align-items:center;max-width:690px;}
.contact__qr img{width:180px;height:180px;flex-shrink:0;border:12px solid #f7f7f7;background:#fff;object-fit:contain;padding:0;image-rendering:auto}
.contact__qr img[hidden]{display:none}
.contact__qr-link{display:inline-block;margin-top:16px;color:var(--gold);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.contact__qr-fallback{font-size:12px!important;color:#e9ab85!important}
@media(max-width:1080px){.case__question{font-size:18px;margin-bottom:9px}.case__visual-caption{margin-top:9px}.case__story h2{font-size:33px;margin-bottom:7px}.case__story{padding-top:75px}}
@media(max-width:760px){
 .field-link__title{font-size:clamp(12px,3.2vw,15px)}
 .field-link__space{height:53%}
 .case__story{padding:12px 19px 15px;height:55%}
 .case__visual{height:45%}
 .case__story .eyebrow{margin-bottom:3px}
 .case__question{font-size:clamp(13px,3.5vw,17px);margin-bottom:4px;line-height:1.35}
 .case__story h2{font-size:clamp(24px,6.8vw,34px);margin-bottom:5px}
 .case__lead{font-size:10.8px;line-height:1.55}
 .case__visual-caption{font-size:9px;line-height:1.4;padding-left:7px;margin-top:6px}
 .case__beats{margin-top:5px}
 .beat h3{font-size:12px;margin-bottom:2px}
 .beat p{font-size:9px;line-height:1.5}
 .case__tech{font-size:10px;margin:0 0 3px;padding:4px 0}
 .case__next{padding-top:4px}
 .contact__qr{padding:15px;gap:14px;}
 .contact__qr img{width:122px;height:122px;border-width:7px;}
 .contact__qr p{margin-top:6px;font-size:10px}
 .contact__qr-link{font-size:10px;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.knowledge__track{animation:none!important}}

.contact__qr img{opacity:0;transition:opacity .3s ease}.contact__qr.qr-ready img{opacity:1}.contact__qr-loading{font-size:12px!important;color:var(--muted)!important}.contact__qr-loading[hidden]{display:none}

/* RELEASE REFINEMENT: unobstructed binary typographic navigation. */
.field-hub{inset:16% 4% 11%;z-index:3}
.field-hub__lead{margin-bottom:14px;color:#b9c8d5;opacity:.9;letter-spacing:.17em;font-size:10px}
.field-hub__grid{gap:12px 18px}
.field-link,.field-link:hover,.field-link:focus-visible{background:transparent!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;box-shadow:none!important;outline-offset:-2px;transform:none!important;overflow:visible;display:block;cursor:pointer;}
.field-link{position:relative;padding:0!important;min-height:0;transition:opacity .25s, filter .25s}
.field-link:hover{filter:drop-shadow(0 0 16px #ffcc6638)}
.field-link::after{content:'↗';position:absolute;right:8%;top:12%;font-size:19px;color:#ffcc66;opacity:0;transform:translate(-5px,5px);transition:opacity .2s,transform .2s;pointer-events:none}
.field-link:hover::after,.field-link:focus-visible::after{opacity:1;transform:translate(0,0)}
.field-link:focus-visible{outline:2px dashed var(--gold)!important;outline-offset:4px}
.field-hub:has(.field-link:hover) .field-link:not(:hover){opacity:.64}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-hub .knowledge{opacity:.075!important}
/* Longer, genuinely useful technical articles. */
.tech-dialog{max-width:min(880px,calc(100vw - 30px));max-height:min(92svh,940px);border-radius:22px}
.tech-dialog__inner{max-height:90svh;padding:clamp(22px,3.8vw,44px)}
.tech-dialog__architecture{margin:28px 0 27px}
.tech-dialog__architecture h3,.tech-dialog__chapter-head,.tech-dialog__tradeoffs h3{font-size:clamp(15px,1.4vw,19px);color:#f0e8d6;letter-spacing:-.02em;margin:0 0 16px}
.tech-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 6px}
.tech-flow__node{padding:11px 12px;border:1px solid #56657688;background:#293544;border-radius:9px;color:#dfe8ed;font-size:12px;line-height:1.55}
.tech-flow__arrow{font-size:14px;color:#ffcc66}
.tech-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:26px}
.tech-chapter{background:#293545;border:1px solid #52617477;border-radius:13px;padding:19px 18px}
.tech-chapter h3{font-size:14px;color:#ffcc66;line-height:1.5;margin-bottom:10px}
.tech-chapter p{font-size:12px;line-height:1.85;color:#c1cbd8}
.tech-dialog__tradeoffs{padding:21px 0;border-top:1px solid #53617177}
.tech-dialog__tradeoffs p{border-left:2px solid #5ccfe6;padding-left:15px;color:#d6dfdf}
.tech-dialog__stack,.tech-dialog__boundary{margin-top:14px;padding-top:18px}
@media(max-width:760px){
 .field-hub{inset:13% 2.5% 9%}
 .field-hub__grid{gap:6px}
 .field-hub__lead{font-size:8px}
 .field-link::after{font-size:14px}
 .tech-chapters{grid-template-columns:1fr}
 .tech-chapter{padding:16px}
 .tech-dialog__inner{padding:23px 18px}
 .tech-flow__node{font-size:11px;padding:9px}
}
@media(max-width:760px){.tech-dialog__head{gap:8px}.tech-dialog__head .eyebrow{font-size:9px;letter-spacing:.06em;white-space:nowrap}}

/* Live-site revision: keep the original palette and all technical scenes. */
.hero-runway{height:195svh}
.hero__copy{left:5%;right:auto;top:34%;width:45%;max-width:680px;text-align:left;pointer-events:auto}
.hero__copy h1{font-size:clamp(30px,3.25vw,53px);line-height:1.5;letter-spacing:-.07em;margin:20px 0 20px;font-weight:650}
.hero__copy h1 em{font-style:normal;color:var(--ink)}
.hero__copy>p:not(.micro){font-size:clamp(11px,1vw,15px);color:var(--gold);line-height:1.9}
.hero__copy>small{font-size:12px;color:var(--muted);line-height:2.1;max-width:550px;margin-top:19px}
.hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px;font-size:12px;letter-spacing:0}
.hero__primary{padding:12px 19px;background:var(--gold);color:var(--bg);border:1px solid var(--gold);border-radius:4px;transition:filter .2s}
.hero__primary:hover{filter:brightness(1.08)}
.hero__secondary{padding:8px 0;border-bottom:1px solid #b4bac366;color:var(--ink)}
.knowledge{opacity:.14!important;mask-image:linear-gradient(90deg,transparent 0%,transparent 45%,#000 74%,transparent 100%)}
.hero-hub .knowledge{opacity:.035!important}
.knowledge__column:nth-child(1){left:64%;width:30%}.knowledge__column:nth-child(2),.knowledge__column:nth-child(3){display:none}
.hero__grid{opacity:.17}
.hero__bottom{bottom:34px;padding-right:190px}
.introduction{padding-top:105px;padding-bottom:48px;gap:6vw;grid-template-columns:1.2fr .8fr}
.introduction h2{font-size:clamp(35px,4vw,62px)}
.introduction>p{font-size:13px;line-height:2.1;max-width:470px}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:125px}
.problem-card{padding:32px 32px 0;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.problem-card .micro{font-size:9px;letter-spacing:.04em;color:var(--gold)}
.problem-card h3{font-size:24px;font-weight:600;line-height:1.6;letter-spacing:-.04em;margin-top:16px}
.problem-card>p:not(.micro){color:var(--muted);font-size:13px;line-height:2;max-width:540px;margin-top:13px;margin-bottom:25px}
.problem-card details{margin-top:auto;border-top:1px solid var(--line)}
.problem-card summary{list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;min-height:58px;font-size:11px;color:var(--ink)}
.problem-card summary::-webkit-details-marker{display:none}.problem-card summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.problem-card summary:hover,.problem-card details[open] summary{color:var(--gold)}
.problem-card summary>span:last-child{font-size:19px;transition:transform .25s}
.problem-card details[open] summary>span:last-child{transform:rotate(45deg)}
.problem-detail{padding-bottom:25px}.problem-detail p{padding:16px;background:var(--bg2);color:var(--muted);font-size:11px;line-height:2;overflow-wrap:anywhere}
.problem-detail a{display:inline-block;color:var(--gold);font-size:11px;margin-top:18px}
.practice{padding-bottom:115px}.revision-heading{max-width:850px;margin-bottom:45px}
.revision-heading h2{font-size:clamp(36px,4vw,65px)}.revision-heading>p:last-child{font-size:13px;color:var(--muted);max-width:650px;margin-top:22px;line-height:2}
.practice-row{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.practice-number{display:block;font-size:11px;color:var(--gold);margin-bottom:18px}.practice-row h3{font-size:25px;letter-spacing:-.04em;font-weight:600;line-height:1.6}
.practice-row .text-link{margin-top:18px;font-size:11px}.practice-row>div>p{font-size:13px;line-height:2;color:var(--muted)}
.practice-row>div>.practice-label{font-size:10px;color:var(--gold);margin-bottom:7px}.practice-row>div>.practice-label:not(:first-child){margin-top:18px}
.practice-row>div>.practice-flow{color:var(--ink);font-size:12px;line-height:2.2}
.practice-row>div>.practice-limit{margin-top:20px;padding-left:13px;border-left:2px solid var(--line);font-size:10px;color:var(--muted2)}
html[lang=en] .hero__copy h1{font-size:clamp(30px,3.5vw,55px);line-height:1.3;letter-spacing:-.05em}
html:not(.js) .hero__copy{top:30%}
html:not(.js) .nav__links{display:flex}
@media(max-width:1100px){.hero__copy{top:31%;width:46%}.hero__copy h1{font-size:clamp(28px,3.25vw,40px)}.hero__copy>small{font-size:11px}.hero__copy>p:not(.micro){font-size:11px}.hero__actions{gap:20px;font-size:11px}.hero__bottom{font-size:8px}.hero__bottom .progress-track{display:none}.nav{gap:16px}.nav__brand{min-width:150px}.nav__links{gap:18px}.practice-row{gap:40px}}
@media(max-width:760px){.hero-runway{height:190svh}.hero__copy{top:18%;left:6%;width:88%;max-width:none;text-align:left}.hero__copy h1{font-size:clamp(27px,6.5vw,43px);letter-spacing:-.07em;line-height:1.5;margin:14px 0}.hero__copy>p:not(.micro){font-size:10px;line-height:1.9}.hero__copy>small{width:100%;max-width:550px;font-size:11px;margin:14px 0 0;line-height:2}.hero__copy .micro{font-size:9px}.hero__actions{gap:23px;margin-top:23px;font-size:11px}.hero__primary{padding:10px 15px}.hero__bottom{left:6%;right:6%;bottom:68px;padding:0;gap:12px;font-size:7px}.hero__bottom>span:last-of-type{font-size:7px;letter-spacing:0}.knowledge{opacity:.07!important;mask-image:linear-gradient(to bottom,transparent 0%,transparent 48%,#000 73%,transparent 100%)}.knowledge__column:nth-child(1){left:5%;top:50%;width:90%;height:40%}.knowledge__group{font-size:8px;line-height:1.9}.hero__wash{background:radial-gradient(ellipse 70% 24% at 50% 68%,#636d7a0d,transparent 90%)}.introduction{padding-top:75px;padding-bottom:35px;display:block}.introduction h2{font-size:39px}.introduction>p{margin-top:23px;font-size:12px}.problem-grid{grid-template-columns:1fr;margin-bottom:75px}.problem-card{padding:25px 23px 0}.problem-card h3{font-size:23px}.problem-card>p:not(.micro){font-size:12px;margin-top:12px}.problem-card .micro{font-size:9px}.problem-detail p{font-size:10px}.practice{padding-bottom:75px}.revision-heading{margin-bottom:30px}.revision-heading h2{font-size:39px}.revision-heading>p:last-child{font-size:12px}.practice-row{grid-template-columns:1fr;gap:25px;padding:28px 0}.practice-row h3{font-size:24px}.practice-number{margin-bottom:10px}.practice-row>div>p{font-size:12px}.practice-row>div>.practice-flow{font-size:11px}.practice-row>div>.practice-limit{font-size:10px}.nav__links{display:none}html[lang=en] .hero__copy h1{font-size:clamp(27px,7.5vw,42px);line-height:1.25}html[lang=en] .hero__copy>small{font-size:10px;line-height:1.9}html[lang=en] .hero__copy>p:not(.micro){font-size:9px}html:not(.js) .hero__copy{top:18%}html:not(.js) .nav__links{display:none}html:not(.js) .mobile-menu{display:block;position:static;padding-top:75px}html:not(.js) .hero-runway{height:110svh}html:not(.js) .hero__bottom{display:none}}
@media(max-height:700px) and (max-width:760px){.hero__copy{top:17%}.hero__copy h1{font-size:26px;margin-block:10px}.hero__copy>small{font-size:10px;margin-top:10px}.hero__actions{margin-top:17px}.hero__bottom{bottom:60px}}
@media(prefers-reduced-motion:reduce){.hero__copy{transition:none}.problem-card summary>span:last-child{transition:none}}

/* The palette and the existing engineering scenes are inherited from the live site. */
.workcell{position:absolute;z-index:2;left:51.5%;right:4%;top:23%;margin:0;border:1px solid #6e7d8b50;border-radius:12px;background:linear-gradient(145deg,#28354394,#1c263180);box-shadow:0 22px 65px #0b13242b;transition:opacity .1s}
.workcell__header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 21px 0;font-size:9px;letter-spacing:.08em;color:var(--muted2)}
.workcell__type{color:var(--gold);font-size:8px;letter-spacing:0}
.workcell__drawing{margin:8px 0 0;overflow:hidden}.workcell__drawing svg{display:block;width:100%;height:auto}
.workcell__drawing svg text{font-family:var(--font);font-size:11px;letter-spacing:.025em}
.workcell__summary{display:grid;grid-template-columns:49px 1fr;align-items:start;gap:12px;margin:0 21px;padding:17px 0 16px;border-top:1px solid var(--line);min-height:78px}
.workcell__count{font-size:9px;color:var(--gold);padding-top:3px;letter-spacing:.06em}
.workcell__summary p{font-size:11px;line-height:1.9;color:var(--ink)}
.workcell__steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 18px 16px}
.workcell__steps button{border:0;border-top:2px solid var(--line);padding:9px 2px 0;background:none;color:var(--muted2);font-size:9px;text-align:left;min-width:0;line-height:1.7;transition:border-color .2s,color .2s}
.workcell__steps button>span:first-child{display:block;font-size:8px;letter-spacing:.06em;margin-bottom:3px}
.workcell__steps button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.workcell__steps button.is-complete{color:var(--muted);border-color:#a6b0a97a}.workcell__steps button:hover{color:var(--ink)}
.workcell__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #41495680;padding:12px 20px;font-size:9px;color:var(--muted2)}
.workcell__controls{display:flex;gap:13px;flex:none}.workcell__controls button{padding:3px 0;border:0;background:none;color:var(--muted);font-size:9px;min-height:27px}.workcell__controls button:hover{color:var(--gold)}.workcell__controls button:disabled{color:var(--muted2);cursor:default}
.hero__copy{top:31%;width:44%}.hero__copy h1{font-size:clamp(30px,3.2vw,50px)}
.knowledge{opacity:.06!important}.hero-hub .knowledge{opacity:.035!important}
.mobile-field-index{display:none}
.project-evidence{border:1px solid #63728066;border-radius:12px;background:#242e3a85;margin:0 0 55px;overflow:hidden}
.project-evidence__head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:20px 27px}.project-evidence__head .eyebrow{font-size:9px;margin:0}.evidence-origin{font-size:10px;color:var(--muted)}
.project-evidence__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:0;align-items:stretch}
.project-evidence__visual{min-width:0;padding:25px;background:#17212c80;display:flex;flex-direction:column;justify-content:center}
.project-evidence__image{position:relative;overflow:hidden;border:1px solid #64738488;border-radius:7px;aspect-ratio:1.17;background:#111a23;isolation:isolate}
.project-evidence__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .8s var(--ease);transform-origin:8% 20%}
.project-evidence[data-view=detail] .project-evidence__image img{transform:scale(2.7)}
.project-evidence__image-note{position:absolute;bottom:0;inset-inline:0;padding:12px 15px;background:linear-gradient(transparent,#101927ee);font-size:9px;color:#d2d5cb;pointer-events:none;min-height:48px;display:flex;align-items:flex-end}
.sample-controls{display:flex;gap:19px;align-items:center;margin-top:16px;flex-wrap:wrap}.sample-controls button{font-size:10px;padding:7px 0;background:none;border:0;border-bottom:1px solid transparent;color:var(--muted2)}.sample-controls button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.project-evidence__story{padding:35px 33px 32px;min-width:0}.project-evidence__story>.micro{font-size:9px;letter-spacing:.035em;color:var(--muted2);line-height:1.9}
.project-evidence__story h3{font-size:clamp(23px,2.2vw,35px);line-height:1.55;letter-spacing:-.06em;margin-top:18px;font-weight:600}.project-evidence__story h3 em{font-style:normal;color:var(--gold)}
.evidence-lead{font-size:12px;line-height:2;color:var(--muted);margin-top:18px}
.evidence-flow{list-style:none;padding:0;margin:25px 0 0}.evidence-flow li{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.evidence-flow li>span{font-size:9px;color:var(--gold);padding-top:4px}.evidence-flow h4{font-size:13px;font-weight:500;margin:0 0 5px;line-height:1.7}.evidence-flow p{font-size:11px;color:var(--muted);line-height:1.9}
.evidence-boundary{font-size:10px;color:var(--muted2);border-left:2px solid var(--line);padding-left:12px;margin-top:23px;line-height:1.95}.project-evidence__story>.text-link{font-size:11px;margin-top:21px}
html:not(.js) .workcell__controls,html:not(.js) .workcell__steps,html:not(.js) .sample-controls{display:none}
html:not(.js) .workcell [data-cell-exposure],html:not(.js) .workcell [data-cell-scan]{opacity:0}
html:not(.js) .workcell [data-cell-defect],html:not(.js) .workcell [data-cell-feedback]{opacity:1}
@media(min-width:1700px){.workcell{top:20%;max-width:760px;left:auto;width:45%}.hero__copy{top:33%}}
@media(max-width:1100px) and (min-width:761px){.workcell{left:50%;right:3%;top:25%}.workcell__header{padding:15px 14px 0;font-size:8px;gap:8px}.workcell__type{font-size:7px}.workcell__summary{margin-inline:14px;grid-template-columns:38px 1fr;gap:8px;padding-block:13px;min-height:82px}.workcell__summary p{font-size:10px}.workcell__steps{margin-inline:12px;gap:4px}.workcell__steps button{font-size:8px}.workcell__footer{padding:10px 13px}.workcell__footer>span{display:none}.workcell__controls{margin-left:auto}.hero__copy h1{font-size:clamp(27px,3.25vw,38px)}.project-evidence__grid{grid-template-columns:1fr 1fr}.project-evidence__story{padding:25px}.project-evidence__visual{padding:18px}}
@media(max-width:760px){
 .hero-runway{height:auto}.hero{position:relative;height:auto;min-height:100svh;padding-bottom:24px;overflow:hidden}
 .hero__copy{position:relative;inset:auto;top:auto;left:auto;right:auto;max-width:none;width:88%;margin:0 auto;padding-top:137px;text-align:left}
 .hero__copy h1{font-size:clamp(27px,6.5vw,43px);line-height:1.5;margin:14px 0}.hero__copy>small{font-size:11px;line-height:2}
 .workcell{position:relative;inset:auto;left:auto;right:auto;top:auto;width:88%;margin:34px auto 0;border-radius:9px;box-shadow:none}
 .workcell__header{padding:14px 13px 0;font-size:8px;gap:8px}.workcell__type{font-size:7px}.workcell__drawing{margin-top:8px}
 .workcell__summary{margin-inline:13px;grid-template-columns:37px 1fr;gap:8px;min-height:77px;padding-block:13px}.workcell__summary p{font-size:10px;line-height:1.9}.workcell__count{font-size:8px}
 .workcell__steps{margin:0 12px 14px;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.workcell__steps button{font-size:10px;min-height:43px;padding-top:6px}.workcell__steps button>span:first-child{display:inline;font-size:8px;margin-right:6px}
 .workcell__footer{padding:10px 13px}.workcell__footer>span{font-size:8px;max-width:125px;line-height:1.7}.workcell__controls{gap:10px}.workcell__controls button{font-size:9px;min-height:32px}
 .binary,.hero .field-hub{display:none}.knowledge{opacity:.04!important;mask-image:linear-gradient(to bottom,transparent 30%,#000 80%,transparent)}
 .mobile-field-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin:25px 6% 0;font-size:10px;color:var(--muted)}.mobile-field-index>span{grid-column:1/-1;font-size:8px;color:var(--muted2);letter-spacing:.05em}.mobile-field-index a{padding-block:5px}.mobile-field-index a:hover{color:var(--gold)}
 .hero__bottom{position:relative;inset:auto;left:auto;right:auto;bottom:auto;width:88%;margin:23px auto 0;padding:17px 0 0;border-top:1px solid var(--line);font-size:7px}.hero__bottom>span:last-of-type{display:none}
 .project-evidence{margin-bottom:35px;border-radius:9px}.project-evidence__head{padding:16px 17px;gap:10px;align-items:start}.project-evidence__head .eyebrow{font-size:8px;letter-spacing:.04em}.evidence-origin{font-size:8px;line-height:1.8;text-align:right;flex:none}
 .project-evidence__grid{grid-template-columns:1fr}.project-evidence__visual{padding:16px}.project-evidence__image{aspect-ratio:1.17}.project-evidence__story{padding:22px 20px 25px}.project-evidence__story h3{font-size:27px;margin-top:15px}.evidence-lead{font-size:12px}.sample-controls{margin-top:10px;gap:20px}.sample-controls button{font-size:10px;min-height:35px}.evidence-flow{margin-top:22px}.evidence-flow h4{font-size:13px}.evidence-flow p{font-size:11px}.evidence-boundary{font-size:10px}.project-evidence__image-note{font-size:8px}
 html:not(.js) .hero__copy{top:auto;padding-top:45px}html:not(.js) .hero-runway{height:auto}html:not(.js) .hero__bottom{display:flex}
}
@media(max-height:700px) and (max-width:760px){.hero__copy{top:auto;padding-top:125px}.hero__copy h1{font-size:26px}.hero__copy>small{font-size:10px}.workcell{margin-top:28px}.hero__bottom{bottom:auto}}
@media(prefers-reduced-motion:reduce){.project-evidence__image img,.workcell{transition:none}}
@media(max-width:760px){.hero__bottom{flex-direction:column;align-items:flex-start;gap:15px}.hero__bottom .motion-control{position:static;inset:auto;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:0;padding:0}.hero__bottom .motion-control button{font-size:9px;padding:7px 12px}}
@media(max-height:800px) and (min-width:761px){.workcell{top:18%}.workcell__drawing svg{height:min(34svh,260px)}.workcell__summary{min-height:66px;padding-block:11px}.workcell__steps{margin-bottom:10px}.workcell__footer{padding-block:8px}.hero__copy{top:26%}}

/* Fewer frames, a single accent and one clear visual per section. */
.workcell{background:transparent;border:0;box-shadow:none;border-radius:0}
.workcell__header{padding-inline:0;border-bottom:1px solid #64717c45;padding-bottom:13px}.workcell__type{color:var(--muted2)}
.workcell__summary{margin-inline:0}.workcell__steps{margin-inline:0;border-top:1px solid #64717c55;padding-top:9px}.workcell__steps button,.workcell__steps button[aria-pressed=true],.workcell__steps button.is-complete{border:0}
.workcell__footer{padding-inline:0;border-top:0}.workcell__footer>span{display:none}.workcell__controls{margin-left:auto}.cell-callouts{display:none}
.problem-grid{border:0;gap:0 55px}.problem-card{border:0;border-top:1px solid var(--line);padding:27px 0 0}.problem-card h3{font-weight:500}.problem-card summary{font-size:11px;color:var(--muted)}
.project-evidence{border:0;border-radius:0;background:transparent;margin-bottom:50px}.project-evidence__head{padding:18px 0;background:none}.project-evidence__visual{padding:24px 20px 24px 0;background:none}.project-evidence__story{padding-right:0}.project-evidence__story h3{font-weight:500}
.positioning-illustration{overflow:hidden}.positioning-svg{width:100%;height:auto;display:block;transition:transform .6s var(--ease);transform-origin:38% 50%}.positioning-svg text{font:10px 'Cascadia Code',Consolas,monospace;letter-spacing:.04em}
.project-evidence[data-view=detail] .positioning-svg{transform:scale(1.25)}
.generic-target{transform-box:view-box;transform-origin:270px 268px}.project-evidence.is-in-view .generic-target{animation:locate-target 6s var(--ease) both}.project-evidence.is-in-view .generic-location{animation:locate-mark 6s ease both}.project-evidence.is-in-view .generic-scan{animation:locate-scan 6s ease both}.project-evidence.is-in-view .generic-link,.project-evidence.is-in-view .generic-coordinates{animation:locate-output 6s ease both}
@keyframes locate-target{0%,10%{transform:translate(-30px,19px) rotate(-7deg)}65%,100%{transform:translate(0,0) rotate(0)}}
@keyframes locate-mark{0%,30%{opacity:0}65%,100%{opacity:1}}
@keyframes locate-scan{0%,12%{opacity:0;transform:translateY(0)}25%{opacity:.8}65%{opacity:.8;transform:translateY(270px)}75%,100%{opacity:0;transform:translateY(270px)}}
@keyframes locate-output{0%,65%{opacity:0}90%,100%{opacity:1}}
.motion-paused .generic-target,.motion-paused .generic-location,.motion-paused .generic-scan,.motion-paused .generic-link,.motion-paused .generic-coordinates{animation-play-state:paused!important}
.system-story{max-width:1400px;width:90%;margin:0 auto;padding:95px 0 105px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:7vw;border-bottom:1px solid var(--line)}
.system-story__intro .eyebrow{margin-bottom:23px}.system-story__intro h2{font-size:clamp(32px,3.1vw,49px);line-height:1.4;letter-spacing:-.055em;font-weight:550}.system-story__intro>p:last-child{font-size:13px;line-height:2;color:var(--muted);max-width:420px;margin-top:24px}
.system-story .workcell{position:relative;inset:auto;left:auto;right:auto;top:auto;max-width:none;width:100%;margin:0;opacity:1!important}.system-story .workcell__drawing svg{height:auto;max-height:none}
.hero-runway{height:195svh}.hero{position:sticky;height:100svh;min-height:610px;padding-bottom:0}.hero__copy{position:absolute;left:5%;right:auto;top:31%;width:44%;max-width:680px;margin:0;padding-top:0}
.binary{display:block}.hero .field-hub{display:block}.mobile-field-index{display:none}
.hero__bottom{position:absolute;left:5%;right:5%;bottom:28px;width:auto;margin:0;padding:0;border:0;flex-direction:row;align-items:center}.hero__bottom>span:last-of-type{display:inline}
.motion-control #flowSpeed{display:none}.motion-control button{background:#1f2430b0;border:0;border-radius:0;color:var(--muted2);padding:7px 0 7px 12px;font-size:9px;backdrop-filter:none}.motion-control button:hover{color:var(--gold)}
.case{height:160svh}
@media(max-width:1100px) and (min-width:761px){.system-story{gap:35px;grid-template-columns:.8fr 1.2fr}.system-story__intro h2{font-size:32px}.hero__copy{top:29%}}
@media(max-width:760px){
 .hero-runway{height:195svh}.hero{position:sticky;height:100svh;min-height:0;padding-bottom:0}.hero__copy{position:absolute;left:6%;right:auto;top:18%;width:88%;max-width:none;margin:0;padding-top:0}.hero__copy h1{font-size:clamp(27px,6.5vw,43px)}
 .binary,.hero .field-hub{display:block}.hero__bottom{position:absolute;left:6%;right:6%;bottom:28px;width:auto;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;border:0}.hero__bottom>span:last-of-type{display:inline}
 .hero__bottom .motion-control{display:none}.system-story{width:88%;padding:64px 0 65px;grid-template-columns:1fr;gap:29px}.system-story__intro .eyebrow{font-size:9px;margin-bottom:17px}.system-story__intro h2{font-size:32px}.system-story__intro>p:last-child{font-size:12px;margin-top:17px}
 .system-story .workcell{position:relative;inset:auto;width:100%;margin:0}.workcell__header{padding-inline:0;font-size:8px}.workcell__summary{margin-inline:0}.workcell__steps{margin-inline:0}.workcell__footer{padding-inline:0}
 .problem-grid{gap:0}.problem-card{padding-top:24px}.project-evidence__visual{padding:20px 0 0}.project-evidence__story{padding:25px 0}.project-evidence__head{padding:15px 0}.project-evidence{margin-bottom:30px}.case{height:150svh}
 html:not(.js) .hero-runway{height:100svh}html:not(.js) .hero__copy{top:25%;padding-top:0}html:not(.js) .hero__bottom{display:none}
}
@media(max-height:700px) and (max-width:760px){.hero__copy{top:17%;padding-top:0}.hero__copy h1{font-size:26px}.hero__bottom{bottom:19px}}
@media(prefers-reduced-motion:reduce){.positioning-svg{transition:none}.generic-target,.generic-location,.generic-scan,.generic-link,.generic-coordinates{animation:none!important}.generic-scan{opacity:0}}