@font-face{font-family:Mondwest;src:url('/fonts/PPMondwest-Regular.otf') format('opentype');font-display:swap}@font-face{font-family:Neuebit;src:url('/fonts/PPNeueBit-Bold.otf') format('opentype');font-display:swap}
:root{color-scheme:dark;--ease-acquire:cubic-bezier(.16,1,.3,1);--ease-standard:cubic-bezier(.4,0,.2,1);--ease-exit:cubic-bezier(.4,0,1,1);--ease-drift:cubic-bezier(.45,0,.55,1);--ease-spring:linear(0 0%,.0457 4%,.1542 7%,.292 11%,.4359 14%,.5715 18%,.6906 21%,.7894 25%,.8676 29%,.9265 32%,.9687 36%,.9972 39%,1.0148 43%,1.0243 46%,1.028 50%,1.028 54%,1.0256 57%,1.0219 61%,1.0179 64%,1.0139 68%,1.0103 71%,1.0072 75%,1.0047 79%,1.0028 82%,1.0014 86%,1.0004 89%,.9998 93%,.9994 96%,1 100%);--z-behind:-1;--z-world:0;--z-page:2;--z-port:3;--z-copy:4;--z-chrome-low:5;--z-port-raised:6;--z-chrome:10;--z-menu:20;--z-transition:30;--z-overlay:40;--z-overlay-top:41;--z-splash:50;--z-skip:100;--type-2xs:9px;--type-xs:11px;--type-sm:13px;--type-md:15px;--type-lg:18px;--type-xl:22px;--type-2xl:30px;--type-3xl:38px;--type-4xl:52px;--type-5xl:62px;--type-6xl:82px;--leading-tight:1.15;--leading-micro:1.3;--leading-body:1.6;--hairline:.5px;--rule:.75px;--instrument-stroke-strong:1.6px;--focus:var(--ink-91);--focus-width:2px;--track-display:-.035em;--track-display-soft:-.02em;--track-micro:.02em;--track-label:.04em;--track-caps:.06em;--ink-17:#0b100e;--ink-20:#101713;--ink-35:#2c4035;--ink-37:#374431;--ink-39:#3f4a38;--ink-42:#465142;--ink-46:#515b54;--ink-54:#617569;--ink-56:#657b68;--ink-58:#648371;--ink-60:#718875;--ink-63:#769280;--ink-65:#829487;--ink-67:#899a7f;--ink-72-teal:#88aca6;--ink-72:#9fa99f;--ink-73:#9dad93;--ink-74:#a6afa6;--ink-76:#a7b79b;--ink-77:#a7b8aa;--ink-80:#a7c6ae;--ink-81:#b6c5b6;--ink-84:#c2cfc3;--ink-85:#bad7c2;--ink-87:#cdd8cf;--ink-89:#d1dfc3;--ink-91:#dbe7d6;--ink-96:#edf4e8;--black:#070909;--white:#e9eae3;--muted:#979f99;--line:#313735;--rail:#424b47;--mono:Neuebit,'Courier New',monospace;--sans:Arial,Helvetica,sans-serif;--gutter:clamp(22px,4vw,80px);--field-left:calc(var(--gutter) + 318px);--header:90px;--footer:66px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--black);color:var(--white);font:var(--type-md)/1.6 var(--sans);display:grid;grid-template-rows:var(--header) minmax(0,1fr) var(--footer);overflow:hidden}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a,button,summary{touch-action:manipulation}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1{font-family:Mondwest,serif}svg{display:block}::selection{color:var(--black);background:var(--white)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:4px}.micro{font:var(--type-xs)/1.6 var(--mono);letter-spacing:var(--track-micro);text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;z-index:var(--z-skip);background:var(--white);color:#000;padding:12px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:var(--z-chrome);display:flex;align-items:center;padding:0 var(--gutter);gap:28px}.site-header:after{content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,#424b4766,#424b4733)}.brand{font:38px/1 Mondwest,serif;letter-spacing:-1.7px;display:flex;align-items:center;gap:17px}.brand svg{width:22px;height:22px;fill:none;stroke:var(--ink-65);stroke-width:0.64}.header-name{font-size:var(--type-2xs);color:var(--ink-81);line-height:1.65}.header-contact{margin-left:auto;display:flex;gap:28px;align-items:center}.header-contact span{font:var(--type-xl) Mondwest}.site-controls{position:relative;z-index:var(--z-chrome);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-top:var(--rule) solid #252c28;background:var(--black)}.site-controls>[data-nav]{font:var(--type-xl) Mondwest,serif;min-height:44px;padding:8px 0}.motion-controls{display:flex;gap:28px;color:var(--ink-74)}.motion-controls button{font:var(--type-xs) var(--mono);text-transform:uppercase;padding:15px 0;min-height:44px;letter-spacing:var(--track-micro)}body:not([data-page=home]) #pause-motion{display:none}
#world{position:fixed;inset:0;z-index:var(--z-world);transition:opacity .45s;background:var(--black)}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#connections path{fill:none;stroke:var(--ink-65);stroke-width:var(--hairline);opacity:.6}#connections circle{fill:var(--ink-91)}body:not([data-page=home]) #world{opacity:0;pointer-events:none}#view{position:relative;z-index:var(--z-page);overflow:auto;min-height:0;outline:none;scrollbar-color:var(--ink-46) var(--ink-20);scrollbar-width:thin}body[data-page=home] #view{pointer-events:none;overflow:hidden}.landing{height:100%;position:relative;isolation:isolate}.landing a{pointer-events:auto}.home-kicker{position:absolute;top:28px;left:var(--gutter);font-size:var(--type-2xs);color:var(--ink-72)}.surface-nav{position:absolute;inset:0}.surface-link{position:absolute;display:grid;grid-template-columns:1fr auto;gap:0 24px;min-width:150px;padding:12px 4px;transition:color .2s var(--ease-standard),translate .25s var(--ease-standard)}.surface-link>.micro{grid-column:1/3;font-size:var(--type-2xs);color:var(--ink-72)}.surface-link .micro i{font-style:normal;margin-left:7px;color:var(--ink-63)}.surface-link strong{font:clamp(29px,2.7vw,43px)/1.12 Mondwest,serif;letter-spacing:var(--track-display-soft)}.surface-arrow{font:var(--type-xl) Mondwest;align-self:center;opacity:0;transition:opacity .2s var(--ease-standard)}.surface-link:hover,.surface-link:focus-visible,.surface-link.active{color:#dceccc;translate:5px 0}.surface-link:hover .surface-arrow,.surface-link:focus-visible .surface-arrow,.surface-link.active .surface-arrow{opacity:1}.surface-0{left:10%;top:25%}.surface-1{right:10%;top:17%}.surface-2{right:6%;top:48%}.surface-3{left:6%;top:57%}.surface-4{left:62%;top:76%}.scene-instruction{position:absolute;left:50%;top:7%;transform:translateX(-50%);font-size:var(--type-2xs);letter-spacing:var(--track-caps);color:var(--ink-65);white-space:nowrap}.scene-instruction span{margin:0 9px}.landing-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:22px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.landing-bottom>div{color:var(--ink-77)}.landing-bottom .micro{font-size:var(--type-2xs);color:var(--ink-65)}.landing-bottom p{font:var(--type-xl)/1.15 Mondwest;margin-top:10px}.all-work{text-align:right;padding:10px 0}.all-work strong{display:block;font:var(--type-xl) Mondwest;margin-top:8px}.all-work strong span{margin-left:24px}.scene-fallback{position:absolute;top:46%;left:35%;max-width:30%;padding:20px;background:var(--black);color:var(--ink-77)}
.collection-page,.project-page{display:grid;grid-template-columns:minmax(230px,.76fr) minmax(0,1.35fr);gap:clamp(44px,7vw,120px);padding:42px var(--gutter) 80px;max-width:1660px;margin:auto}.page-intro{position:sticky;top:35px;align-self:start}.back-link{display:inline-block;padding:7px 0;margin-bottom:33px;color:var(--ink-77);font-size:var(--type-xs)}.eyebrow{color:var(--ink-72);margin-bottom:18px}.page-intro h1{font:clamp(48px,5.2vw,82px)/.98 Mondwest,serif;letter-spacing:var(--track-display);overflow-wrap:anywhere}.intro-description{font:var(--type-md)/1.75 var(--sans);max-width:350px;color:var(--ink-77);margin-top:24px}.collection-select{display:block;margin-top:34px;color:var(--ink-72);max-width:230px;font-size:var(--type-xs)}.collection-select select{display:block;margin-top:7px;width:100%;padding:12px 0;background:var(--black);border:0;border-bottom:var(--rule) solid var(--ink-42);font:var(--type-lg) Mondwest}.work-tree{min-width:0}.feature-eyebrow{display:block;margin-bottom:16px;color:var(--ink-72)}.feature-media{display:grid;place-items:center;width:100%;height:clamp(240px,40vh,450px);border:var(--rule) solid var(--line)}.feature-media img{object-fit:contain;max-width:100%;max-height:100%}.feature-caption{display:grid;grid-template-columns:1fr auto;gap:6px 25px;margin:16px 0 56px}.feature-caption strong{font:var(--type-3xl)/1.1 Mondwest}.feature-caption>span{font:var(--type-2xl) Mondwest}.feature-caption small{grid-column:1/3;font-size:var(--type-sm);color:var(--ink-77)}.tree-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:var(--type-xs);color:var(--ink-72);margin-bottom:22px}.tree-head button{font:inherit;min-height:44px}.client-branch{border-left:var(--rule) solid var(--rail);margin-left:6px}.client-branch summary{position:relative;display:flex;align-items:center;gap:20px;padding:20px 0 20px 27px;border-top:var(--rule) solid var(--line);cursor:pointer;list-style:none}.client-branch summary h2{font-size:var(--type-lg);flex:1}.client-branch summary>.micro{font-size:var(--type-xs);color:var(--instrument-ink)}.tree-node{position:absolute;left:-5px;background:var(--black);color:var(--ink-85);font:var(--type-md) var(--mono)}.disclosure{font:var(--type-lg) Mondwest}.client-branch[open] .disclosure{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.client-projects{padding:0 0 18px 27px}.project-link{display:grid;grid-template-columns:78px 1fr auto auto;gap:18px;align-items:center;border-bottom:var(--rule) solid #263122;padding:18px 0}.project-thumb{height:80px;width:78px;overflow:hidden}.project-thumb img{max-height:100%;max-width:100%;object-fit:contain}.project-link strong{font-size:var(--type-lg);font-weight:400;line-height:1.2;display:block}.project-link small{font:var(--type-xs)/1.5 var(--mono);color:var(--ink-72);display:block;margin-top:7px;text-transform:uppercase;letter-spacing:var(--track-micro)}.project-link:hover strong{text-decoration:underline;text-underline-offset:4px}.project-year{font-size:var(--type-xs);color:var(--muted)}.project-disciplines{font:var(--type-xs)/1.7 var(--mono);color:var(--ink-77);margin-top:23px;text-transform:uppercase;letter-spacing:var(--track-micro)}.project-context{margin-top:28px}.project-context h2{font-size:var(--type-md);font-weight:600}.project-context .intro-description{margin-top:13px}.project-credit{font:var(--type-xs)/1.7 var(--mono);color:var(--ink-73);margin-top:14px;text-transform:uppercase;letter-spacing:var(--track-micro)}.asset-jumps{border-left:var(--rule) solid var(--ink-39);display:grid;margin-top:25px}.asset-jumps a{position:relative;display:flex;gap:12px;align-items:center;padding:12px 0 12px 17px;font:var(--type-xs)/1.5 var(--mono);color:var(--ink-81);min-height:44px;text-transform:uppercase;letter-spacing:var(--track-micro)}.asset-jumps a:before{position:absolute;content:'';width:9px;left:0;top:50%;border-top:var(--rule) solid var(--ink-42)}.asset-jumps a span:first-child{color:#829476}.asset-jumps a span:last-child{margin-left:auto}.asset-tree{padding-left:23px;border-left:var(--rule) solid var(--rail);min-width:0}.asset{position:relative}.asset figcaption{display:flex;justify-content:space-between;position:relative}.asset-node{position:absolute;left:-30px;background:var(--black);color:#bfd2b1;font:var(--type-md) var(--mono)}.asset-frame{display:flex;justify-content:center;align-items:center}.next-project{display:grid;grid-template-columns:1fr auto;gap:15px;margin:54px 0 0;padding-top:26px;border-top:var(--rule) solid var(--ink-35)}.next-project>.micro{grid-column:1/3;font-size:var(--type-xs);color:var(--ink-77)}.next-project strong{font:var(--type-3xl)/1.1 Mondwest}.next-project>span:last-child{font:var(--type-2xl) Mondwest}.external-link{display:inline-block;margin-top:25px;font-size:var(--type-xs)}.contact-page{display:grid;grid-template-columns:1.2fr .7fr;gap:12vw;max-width:1400px;margin:auto;padding:40px var(--gutter) 90px}.contact-page h1{font:clamp(62px,7vw,110px)/.95 Mondwest}.contact-page em{font-style:normal;color:#acbfa0}.contact-description{margin-top:30px;max-width:440px;color:var(--ink-81)}.contact-services{font:var(--type-xs)/1.8 var(--mono);margin-top:20px;color:var(--ink-73);text-transform:uppercase;letter-spacing:var(--track-micro)}.email-link{font:clamp(20px,2.3vw,30px) Mondwest;display:inline-block;margin-top:26px}.identity-film{margin-top:44px}.contact-page form{align-self:center}.contact-page form h2{font:var(--type-3xl)/1.1 Mondwest;margin-bottom:30px}.contact-page label{display:block;font:var(--type-xs) var(--mono);margin:20px 0;text-transform:uppercase;letter-spacing:var(--track-micro)}.contact-page input,.contact-page textarea{display:block;width:100%;background:none;border:0;border-bottom:var(--rule) solid var(--ink-46);padding:12px 0;border-radius:0;font:var(--type-md) var(--sans)}fieldset{border:0;margin:0;padding:0}.contact-page form button{font:var(--type-xl) Mondwest;padding:15px 0}.preview-notice{color:var(--ink-76);font-size:var(--type-sm)}.preview-notice a{text-decoration:underline}.not-found{padding:80px var(--gutter)}.not-found h1{font:var(--type-6xl) Mondwest;margin:20px 0}
#navigation{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px var(--gutter) 60px;border:0;background:#070909ef;color:var(--white);backdrop-filter:blur(22px);overflow:auto}#navigation::backdrop{background:#030605cf}.nav-top{display:flex;justify-content:space-between;align-items:center;min-height:44px}.nav-top button{font:var(--type-xs) var(--mono);min-height:44px;text-transform:uppercase;letter-spacing:var(--track-micro)}.nav-layout{max-width:1120px;margin:64px auto 0;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.nav-root svg{width:75px;height:75px;fill:none;stroke:var(--ink-76);stroke-width:var(--hairline);margin-bottom:30px}.nav-root h2{font:var(--type-4xl)/1 Mondwest;margin-bottom:32px}.nav-root>a{display:block;font:var(--type-sm) var(--mono);padding:17px 0;border-bottom:var(--rule) solid var(--ink-37);max-width:260px;text-transform:uppercase;letter-spacing:var(--track-micro)}.nav-tree summary{display:grid;grid-template-columns:30px 1fr 24px 16px;align-items:center;gap:17px;padding:15px 0;border-bottom:var(--rule) solid var(--ink-42);list-style:none;cursor:pointer}.nav-tree strong{font:var(--type-3xl) Mondwest}.nav-tree summary>.micro{font-size:var(--type-2xs);color:var(--ink-73)}.nav-tree details>div{display:grid;padding:15px 0 25px 25px;border-left:var(--rule) solid var(--ink-42);margin-left:15px}.nav-tree details a{display:flex;justify-content:space-between;gap:20px;font-size:var(--type-sm);padding:12px 0;border-bottom:var(--rule) solid #263122}.nav-tree details small{font:var(--type-xs) var(--mono);color:var(--ink-73);text-transform:uppercase;letter-spacing:var(--track-micro)}.nav-tree details[open] summary>span:last-child{transform:rotate(45deg)}
#arrival{position:fixed;z-index:var(--z-transition);inset:0;background:var(--black);pointer-events:none;visibility:hidden;opacity:0;display:grid;place-items:center}#arrival span{font:clamp(45px,8vw,115px)/1 Mondwest;letter-spacing:var(--track-display)}#arrival i{position:absolute;inset:22%;border:var(--rule) solid var(--ink-67);pointer-events:none}.is-arriving #arrival{visibility:visible}#splash{position:fixed;inset:0;z-index:var(--z-splash);background:var(--black);display:grid;align-content:center;justify-items:center;gap:18px;pointer-events:auto;opacity:1;visibility:visible}#splash>span{font:clamp(70px,12vw,160px)/1 Mondwest;letter-spacing:var(--track-display);animation:identity-settle .5s ease-out both}#splash small{font-size:9px;color:var(--instrument-ink)}.skip-splash #splash{display:none}@keyframes splash-out{to{opacity:0;visibility:hidden}}@keyframes identity-in{0%{opacity:0;transform:translateX(-8px)}18%{opacity:1;clip-path:inset(15% 0 25%)}35%{clip-path:inset(0);transform:translateX(0)}64%{text-shadow:2px 0 var(--ink-72-teal),-2px 0 #a58fa7}100%{text-shadow:none}}
.model-slot{margin-bottom:40px;border:var(--rule) solid var(--ink-37);padding:20px}.model-slot button{min-height:44px;font:var(--type-xs) var(--mono);text-transform:uppercase;letter-spacing:var(--track-micro)}.model-canvas{width:100%;height:440px;touch-action:none}.model-toolbar{display:flex;justify-content:space-between;gap:16px}.model-status{font:var(--type-xs) var(--mono);color:var(--ink-76);text-transform:uppercase;letter-spacing:var(--track-micro)}
@media(min-width:1700px){.surface-0{left:16%}.surface-1{right:16%}.surface-2{right:13%}.surface-3{left:13%}}
@media(max-width:900px){.collection-page,.project-page{grid-template-columns:.8fr 1.2fr;gap:36px}.page-intro h1{font-size:var(--type-4xl)}.project-link{grid-template-columns:60px 1fr 14px;gap:12px}.project-thumb{width:60px;height:64px}.project-year{display:none}.surface-link{min-width:118px;gap:0 10px}.surface-0{left:5%}.surface-1{right:5%}.surface-2{right:3%}.surface-3{left:3%}.surface-4{left:59%}.home-kicker{font-size:var(--type-2xs)}.scene-instruction{top:12%}.nav-layout{gap:45px}}
@media(max-width:759px){:root{--header:74px;--footer:62px}.site-header{gap:17px}.brand{font-size:32px;gap:12px}.brand svg{width:17px;height:17px}.header-name{font-size:7px}.header-contact{font-size:0;gap:0}.header-contact span{font-size:22px}.site-controls>[data-nav]{font-size:19px}.motion-controls{gap:13px}.motion-controls button{font-size:8px}.home-kicker{top:19px;font-size:8px;max-width:180px}.scene-instruction{top:12%;font-size:7px}.scene-instruction span{margin:0 3px}.surface-link{min-width:97px;gap:0 8px;padding:10px 0}.surface-link strong{font-size:30px}.surface-link>.micro{font-size:7px}.surface-link .micro i{margin-left:2px}.surface-arrow{display:none}.surface-0{left:7%;top:24%}.surface-1{right:5%;top:20%}.surface-2{right:4%;top:52%}.surface-3{left:4%;top:62%}.surface-4{left:55%;top:77%}.landing-bottom{bottom:13px}.landing-bottom>div{display:none}.all-work{text-align:left}.all-work .micro{font-size:7px}.all-work strong{font-size:19px;margin-top:5px}.all-work strong span{margin-left:10px}.scene-fallback{left:22%;max-width:56%;top:41%;font-size:8px}.collection-page,.project-page{display:block;padding:28px 22px 60px}.page-intro{position:static;margin-bottom:40px}.page-intro h1{font-size:62px}.back-link{margin-bottom:23px}.eyebrow{font-size:9px}.intro-description{font-size:14px;max-width:100%;margin-top:20px}.collection-select{margin-top:23px;max-width:none}.collection-select select{font-size:19px}.feature-media{height:330px}.feature-caption strong{font-size:31px}.feature-caption{margin-bottom:38px}.client-projects{padding-left:20px}.client-branch summary{padding-left:20px;gap:13px}.client-branch summary h2{font-size:18px}.project-link strong{font-size:16px}.project-link small{font-size:9px}.project-context h2{font-size:16px}.project-context{margin-top:23px}.next-project strong{font-size:30px}.contact-page{display:block;padding:28px 22px 60px}.contact-page h1{font-size:70px}.contact-page form{margin-top:55px}.contact-page form h2{font-size:33px}.nav-layout{display:block;margin-top:25px}.nav-root{display:grid;grid-template-columns:55px 1fr;gap:10px 18px;margin-bottom:28px}.nav-root svg{width:45px;height:45px;grid-row:1/3}.nav-root h2{font-size:30px;margin-bottom:12px}.nav-root h2 br{display:none}.nav-root>a{grid-column:2;font-size:11px;padding:12px 0;max-width:none}.nav-tree strong{font-size:34px}.nav-tree details small{font-size:8px;max-width:85px;text-align:right}.nav-tree details a{font-size:13px}.model-canvas{height:330px}}
@media(max-height:560px){:root{--header:56px;--footer:48px}.landing-bottom{bottom:8px}.landing-bottom>div{display:none}.scene-instruction{display:none}.home-kicker{top:10px}.surface-link{padding:4px 0}.surface-link strong{font-size:var(--type-xl)}.surface-link>.micro{font-size:var(--type-2xs)}.surface-0{top:17%}.surface-1{top:8%}.surface-2{top:49%}.surface-3{top:56%}.surface-4{top:76%}.all-work .micro{display:none}.all-work strong{font-size:var(--type-lg)}.site-controls{height:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}#splash{display:none}}body.reduced *,body.reduced *:before,body.reduced *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}body.reduced #splash{display:none}body.reduced #pause-motion{display:none}

/* Liquid study: restrained interface around one continuous central body. */
#arrival{background:transparent;display:block;opacity:1;visibility:hidden;pointer-events:none}
#arrival.visible{visibility:visible;pointer-events:auto}#arrival svg,#arrival canvas{width:100%;height:100%;display:block}
.orb-caption{position:absolute;top:0;left:0;pointer-events:none;text-align:center;opacity:0;transition:opacity .18s var(--ease-standard);white-space:nowrap}
.orb-caption.visible{opacity:1}.orb-caption strong{display:block;font:var(--type-2xl)/1.1 Mondwest}.orb-caption small{display:block;font:var(--type-xs) var(--mono);letter-spacing:var(--track-label);margin-top:9px;color:var(--ink-72);text-transform:uppercase}
.surface-link.is-focused{color:#fff}.surface-link.is-focused .surface-arrow{opacity:1}
body.fluid-transition #world{opacity:1;z-index:var(--z-transition);background:transparent;transition:none;pointer-events:auto}
body.fluid-transition.fluid-recovering #world{z-index:var(--z-world)}
#view.liquid-arrival{perspective:var(--arrival-perspective);perspective-origin:50% var(--arrival-origin)}
.arrival-space{transform-style:preserve-3d}
[data-liquid-arrival]{transform-origin:50% 50%;backface-visibility:hidden}
body.fluid-docked #world{opacity:1;background:transparent;pointer-events:none;transition:none}
.home-orb{display:block;position:relative;width:64px;height:44px;margin:0 0 16px -13px;cursor:pointer;border-radius:50%;touch-action:manipulation}
.home-orb:before{content:'';position:absolute;inset:7px 17px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#7c8782,var(--ink-20) 30%,var(--black) 64%,var(--instrument-quiet));box-shadow:inset -1px -1px 2px #a7b8aa40}
body.fluid-docked .home-orb:before,body.fluid-transition .home-orb:before{visibility:hidden}
.home-orb:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:4px}
.project-heading>.home-orb{display:inline-block;vertical-align:middle;margin-right:20px}
body:not(.reduced):not([data-page=home]) #pause-motion{display:inline-block}
body.fluid-transition #connections,body.fluid-transition .orb-caption{visibility:hidden}
.surface-link .micro i{color:var(--ink-72)}.feature-media{padding:28px;background:var(--ink-17)}.project-thumb{padding:8px;background:var(--ink-20)}
.scene-instruction{color:var(--ink-72)}.model-status{margin:12px 0}
.feature-media{display:flex;align-items:center;justify-content:center;overflow:hidden}
.feature-media img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
@media(max-width:759px){.orb-caption strong{font-size:22px}.orb-caption small{font-size:7px}.feature-media{padding:20px}}

/* Five fixed navigation anchors; five moving windows on the same liquid. */
.nav-dot{display:none}.surface-copy{display:contents}.surface-copy>.micro{grid-column:1/3;font-size:var(--type-2xs);color:var(--ink-72)}
.scene-instruction .touch-instruction{display:none}.scene-instruction span{margin:0}
.tracker-navigation .surface-link{left:var(--anchor-x);top:var(--anchor-y);right:auto;bottom:auto;transform:translate(-50%,-50%);translate:none;display:block;min-width:44px;width:44px;height:44px;padding:0;border-radius:50%;touch-action:manipulation}
.tracker-navigation .nav-dot{display:block;position:absolute;box-sizing:border-box;width:22px;height:22px;left:11px;top:11px;border-radius:50%;border:1px solid var(--ink-77);background:var(--black);transition:background-color .16s var(--ease-standard),border-color .16s var(--ease-standard),scale .32s var(--ease-spring)}
.tracker-navigation .surface-link:active .nav-dot{scale:.88;transition-duration:.07s;transition-timing-function:var(--ease-exit)}
.site-controls>[data-nav]{transition:scale .3s var(--ease-spring)}.site-controls>[data-nav]:active{scale:.94;transition:scale .07s var(--ease-exit)}
.tracker-navigation .nav-dot:before{content:attr(data-channel);position:absolute;inset:0;display:grid;place-items:center;padding-top:1px;font:var(--type-sm)/1 Neuebit,monospace;letter-spacing:0;color:var(--ink-91);transition:color .16s var(--ease-standard)}
.tracker-navigation .surface-link:is(:hover,:focus-visible,.is-focused) .nav-dot{background:var(--ink-91);border-color:var(--ink-91)}
.tracker-navigation .surface-link:is(:hover,:focus-visible,.is-focused) .nav-dot:before{color:var(--black)}
.tracker-navigation .surface-link:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:3px}
.tracker-navigation .surface-copy{position:absolute;left:100%;top:50%;display:grid;grid-template-columns:1fr auto;gap:0 16px;width:max-content;padding:14px 10px;opacity:0;visibility:hidden;transform:translate(-7px,-50%);transition:opacity .22s var(--ease-standard),transform .3s var(--ease-acquire),visibility .22s var(--ease-standard);pointer-events:none}
.tracker-navigation .surface-link[data-side=left] .surface-copy{left:auto;right:100%;text-align:right;transform:translate(7px,-50%)}
.tracker-navigation .surface-link[data-side=bottom] .surface-copy{left:50%;right:auto;top:100%;text-align:center;transform:translate(-50%,-7px);padding:6px 10px}
.tracker-navigation .surface-link:is(:hover,:focus-visible,.is-focused) .surface-copy{visibility:visible;opacity:1;transform:translate(0,-50%);pointer-events:auto}
.tracker-navigation .surface-link[data-side=bottom]:is(:hover,:focus-visible,.is-focused) .surface-copy{transform:translate(-50%,0)}
.tracker-navigation .surface-copy>.micro{font-size:var(--type-2xs);margin-bottom:3px;letter-spacing:var(--track-micro)}
.tracker-navigation .surface-copy .surface-arrow{opacity:1}
.tracker-navigation .orb-caption{display:none}
#connections .tracker-frame{fill:none;stroke:var(--ink-81);stroke-width:var(--hairline);vector-effect:non-scaling-stroke;opacity:.68}
#connections .tracker-leader{stroke:var(--ink-72);stroke-width:var(--hairline);opacity:.46;vector-effect:non-scaling-stroke}
#connections .tracker.is-selected .tracker-frame{stroke:var(--ink-96);stroke-width:var(--instrument-stroke);opacity:1}
#connections .tracker.is-selected .tracker-leader{opacity:.85}
body.fluid-transition .surface-nav{opacity:0;pointer-events:none}
body.fluid-transition .surface-nav a{pointer-events:none}
@media(max-width:900px){
 .tracker-navigation .surface-copy{background:#070909ed}
 .tracker-navigation .surface-link[data-side=left] .surface-copy{left:100%;right:auto;text-align:left;transform:translate(-7px,-50%)}
 .tracker-navigation .surface-link[data-side=right] .surface-copy{left:auto;right:100%;text-align:right;transform:translate(7px,-50%)}
 .tracker-navigation .surface-link:is(:hover,:focus-visible,.is-focused) .surface-copy{transform:translate(0,-50%)}
 .tracker-navigation .surface-link[data-side=bottom]:is(:hover,:focus-visible,.is-focused) .surface-copy{transform:translate(-50%,0)}
}
@media(max-width:759px){.surface-copy>.micro,.tracker-navigation .surface-copy>.micro{font-size:7px}.tracker-navigation .surface-copy{gap:0 8px}.tracker-navigation .scene-instruction{top:10%;font-size:7px}.tracker-navigation .drag-instruction{display:none}}
@media(hover:none){.scene-instruction .pointer-instruction,.scene-instruction .drag-instruction{display:none}.scene-instruction .touch-instruction{display:inline}}
@media(max-height:560px){
 .tracker-navigation .surface-link[data-side=bottom] .surface-copy{left:100%;top:50%;bottom:auto;text-align:left;transform:translate(-7px,-50%)}
 .tracker-navigation .surface-link[data-side=bottom]:is(:hover,:focus-visible,.is-focused) .surface-copy{transform:translate(0,-50%)}
}
.empty-collection{align-self:start;border-top:var(--rule) solid var(--ink-42);padding:clamp(24px,4vw,58px) 0;max-width:620px}
.empty-collection>.micro{color:var(--ink-72);font-size:var(--type-xs)}
.empty-collection h2{font:clamp(36px,4vw,62px)/1.05 Mondwest,serif;letter-spacing:var(--track-display-soft);margin:32px 0 24px}
.empty-collection p{color:var(--ink-77);line-height:1.7;font-size:var(--type-md);max-width:32ch}
.empty-collection>a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;margin-top:36px;padding:14px 0;border-bottom:var(--rule) solid var(--ink-42);font:var(--type-xl) Mondwest,serif}
.empty-collection>a:hover{text-decoration:underline;text-underline-offset:5px}
.empty-collection .build-band{display:block;height:14px;max-width:420px;margin-top:22px;border-block:var(--rule) solid var(--ink-46);background:repeating-linear-gradient(-45deg,var(--ink-46) 0 1px,transparent 1px 7px)}
.tracker-navigation .surface-link.is-building .nav-dot{border-style:dashed}

/* Instrument field: one reading rail, five stable windows, one selection slot. */
.header-name{font-size:var(--type-xs)}.motion-controls button{font-size:var(--type-xs)}
.home-bio{position:absolute;left:var(--gutter);top:36px;width:min(340px,calc(var(--field-left) - var(--gutter) - 40px));pointer-events:auto;z-index:var(--z-copy)}
.home-bio summary{display:none;list-style:none;cursor:pointer}
.bio-heading{color:var(--ink-65);margin-bottom:20px}
.typed-profile{display:grid;font:var(--type-sm)/1.85 var(--mono);color:#b3bdb6;letter-spacing:var(--track-display-soft)}
.typed-profile>span{grid-area:1/1}.profile-reserve{visibility:hidden}.typed-profile>.sr-only{position:absolute}
.profile-typing.is-typing:after{content:'▌';color:var(--ink-87);animation:terminal-caret .7s steps(1) infinite}
.bio-contact{display:inline-block;padding:18px 0;color:var(--ink-87);font-size:var(--type-xs)}
.home-readout{position:absolute;left:var(--gutter);bottom:104px;display:grid;grid-template-columns:1fr;gap:4px;color:var(--muted);font-size:var(--type-xs);font-variant-numeric:tabular-nums}
.readout-heading{color:var(--ink-84);margin-bottom:7px;letter-spacing:var(--track-caps)}.home-readout b{font-weight:400;color:var(--ink-81)}
.landing-bottom{right:auto;bottom:24px}.all-work{text-align:left}.all-work .micro{font-size:var(--type-xs);color:var(--muted)}.all-work strong{font-size:var(--type-xl)}
.tracker-targets{position:absolute;inset:0;pointer-events:none}
.tracker-target{position:absolute;display:block;transform:translate(-50%,-50%);min-width:30px;min-height:30px;pointer-events:auto;cursor:pointer;z-index:var(--z-page)}
.tracker-target:before{content:'';position:absolute;inset:-7px;min-width:44px;min-height:44px}
.tracker-target[hidden]{display:none}
.tracker-label{position:absolute;bottom:calc(100% + 9px);left:0;width:max-content;max-width:160px;display:grid;gap:2px;font:var(--type-xs)/1.35 var(--mono);letter-spacing:var(--track-micro);text-transform:uppercase;pointer-events:none;color:var(--ink-81);transition:opacity .25s var(--ease-standard)}
.tracker-label b{font-weight:400;white-space:nowrap}.tracker-data{font-size:var(--type-2xs);letter-spacing:0;color:var(--ink-65);font-variant-numeric:tabular-nums}
.tracker-target.is-muted .tracker-label{opacity:.36}.tracker-target.is-focused .tracker-label{color:var(--ink-96)}
.tracker-corner{position:absolute;inset:-1px;border:var(--rule) solid transparent;transition:border-color .2s var(--ease-standard)}
.tracker-target:is(:hover,:focus-visible) .tracker-corner{border-color:var(--ink-87)}
.tracker-target[data-tracker-target="4"] .tracker-corner{border-image:linear-gradient(125deg,#7adcca66,#d5a0da55,#c8d5a344) 1}
.tracker-navigation .surface-copy{display:none!important}
.home-selection{position:absolute;right:var(--gutter);bottom:30px;display:grid;grid-template-columns:1fr auto;gap:3px 20px;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .2s var(--ease-standard),transform .35s var(--ease-acquire)}
.home-selection.is-visible{opacity:1;transform:none}.home-selection .micro{grid-column:1/3;color:var(--ink-77);font-size:var(--type-xs)}.home-selection i{font-style:normal}.home-selection strong{font:clamp(29px,2.7vw,43px)/1.1 Mondwest}.home-selection .surface-arrow{opacity:1}
#connections .tracker-leader{stroke:#8a9c90;opacity:.58}.tracker-navigation .surface-link{z-index:var(--z-port)}
.site-controls .motion-controls{margin-left:auto}
/* Navigation sprouts from its one persistent root at the lower left. */
#navigation{inset:auto auto calc(var(--footer) + 10px) var(--gutter);width:min(510px,calc(100% - var(--gutter)*2));height:auto;max-height:calc(100dvh - var(--header) - var(--footer) - 24px);padding:16px 25px 24px;margin:0;border:var(--rule) solid var(--ink-42);background:#0b100ef5;backdrop-filter:blur(20px);transform-origin:bottom left}
#navigation[open]{animation:tree-rise .5s cubic-bezier(.18,.88,.26,1.08) both}
#navigation::backdrop{background:#03060588;backdrop-filter:blur(5px)}
.nav-layout{display:flex;flex-direction:column;margin:14px 0 0;gap:22px}
.nav-root{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin:0}
.nav-root svg{display:none}.nav-root h2{grid-column:1/-1;margin:0 0 7px;font:var(--type-2xl) Mondwest}
.nav-root>a{font-size:var(--type-xs);padding:9px 0;grid-column:auto;max-width:none}
.nav-tree{border-left:var(--rule) solid var(--instrument-quiet);margin-left:5px;padding-left:22px}
.nav-tree details{position:relative}.nav-tree details:before{content:'';position:absolute;left:-22px;top:28px;width:14px;border-top:var(--rule) solid var(--ink-65)}
#navigation[open] .nav-tree details{animation:branch-in .4s calc(.09s + var(--branch)*.065s) var(--ease-acquire) both}
.nav-tree summary{padding:10px 0;gap:12px;min-height:54px}.nav-tree strong{font-size:var(--type-2xl)}.nav-tree summary>.micro{font-size:var(--type-xs)}.nav-tree details small{font-size:var(--type-xs)}.nav-tree details>div{margin-left:0;padding-left:16px}
/* First entrance waits for the solver; return visits use the existing splash. */
body.booting[data-page=home] #world,body.booting[data-page=home] .landing{opacity:0}
body.booting[data-page=home] .site-header,body.booting[data-page=home] .site-controls{opacity:0}
body.booting[data-page=home] #splash{display:grid;animation:none;opacity:1;visibility:visible}
body.boot-ready #splash{animation:splash-out .4s both;pointer-events:none}
body.boot-ready[data-page=home] #world{transition:opacity .8s}
.home-entering .home-bio,.home-entering .home-readout,.home-entering .landing-bottom{animation:interface-in .6s var(--ease-acquire) .2s both}
.home-entering .surface-link{animation:anchor-in .55s var(--ease-acquire) .4s both}
.home-entering .tracker-target{animation:anchor-in .6s var(--ease-acquire) .4s both}
.home-entering .surface-1{animation-delay:.48s}.home-entering .surface-2{animation-delay:.56s}.home-entering .surface-3{animation-delay:.64s}.home-entering .surface-4{animation-delay:.72s}
body.fluid-transition .tracker-targets,body.fluid-transition .home-selection{visibility:hidden;pointer-events:none}
@keyframes locator-orbit{to{transform:rotate(360deg)}}
@keyframes terminal-caret{50%{opacity:0}}
@keyframes tree-rise{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes branch-in{from{opacity:0;transform:translate(-12px,10px)}to{opacity:1;transform:none}}
@keyframes interface-in{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes anchor-in{from{opacity:0}to{opacity:1}}
@media(max-width:1099px),(max-height:599px){
 .home-bio{left:var(--gutter);top:18px;width:min(420px,calc(100% - var(--gutter)*2))}
 .home-bio summary{display:flex;justify-content:space-between;gap:16px;font-size:var(--type-xs);min-height:34px;align-items:center;color:var(--ink-81)}
 .home-bio[open]{background:#070909f5;border:var(--rule) solid var(--ink-46);padding:9px 16px;left:calc(var(--gutter) - 16px);top:9px}
 .home-bio .bio-heading{display:none}.bio-content{padding-top:12px}.typed-profile{font-size:var(--type-sm);line-height:1.75}
 .home-readout{left:var(--gutter);bottom:78px;grid-template-columns:auto auto;gap:2px 14px;font-size:var(--type-xs)}
 .readout-heading{grid-column:1/-1;margin-bottom:3px}.simulation-time{display:none}
 .landing-bottom{bottom:15px}.all-work strong{font-size:var(--type-xl)}.all-work .micro{font-size:var(--type-2xs)}
 .home-selection{bottom:23px}.home-selection .micro{font-size:var(--type-xs)}
}
@media(max-width:599px){
 .header-name{display:none}.brand{font-size:32px}.header-contact{font-size:9px;gap:8px}.header-contact span{font-size:18px}
 .home-readout{font-size:9px;bottom:79px;gap:2px 9px}.tracker-label{font-size:10px;max-width:130px}.tracker-data{font-size:9px}
 .all-work .micro{font-size:9px}.all-work strong{font-size:19px}.all-work strong span{margin-left:8px}
 .home-selection strong{font-size:29px}.home-selection{gap:0 8px;bottom:25px}.home-selection .micro{font-size:9px}
 .home-selection .surface-arrow{display:none}.motion-controls{gap:15px}.motion-controls button{font-size:9px}
 #navigation{padding:12px 18px 18px}.nav-tree{padding-left:17px}.nav-tree details:before{left:-17px;width:11px}
 .nav-root h2{font-size:30px}.nav-tree strong{font-size:28px}
}
@media(max-height:499px){.home-readout{display:none}.home-bio{top:6px}.home-selection{bottom:6px}.landing-bottom{bottom:6px}.all-work strong{font-size:18px}.tracker-data{display:none}.home-bio[open]{max-height:calc(100vh - 130px);overflow:auto}.tracker-label{font-size:10px}}
body.reduced .profile-typing:after{display:none}
.tracker-label{background:#070909bc;padding:2px 3px;margin-left:-3px}
.tracker-data{font-size:var(--type-xs)}.tracker-target.is-muted .tracker-label{opacity:.65}
body.boot-ready[data-page=home] .site-header{animation:anchor-in .6s var(--ease-acquire) .05s both}
body.boot-ready[data-page=home] .site-controls{animation:anchor-in .6s var(--ease-acquire) .35s both}
.scene-unavailable .surface-nav{inset:60px var(--gutter) 110px 38%;display:grid;align-content:center;gap:18px}
.scene-unavailable .surface-link{position:static;display:block}.scene-unavailable .surface-copy{display:grid}.scene-unavailable .home-readout{display:none}
.scene-unavailable .scene-fallback{left:38%;top:auto;bottom:10px;max-width:55%;padding:12px 0;font-size:var(--type-xs)}
@media(max-width:1099px){.scene-unavailable .surface-nav{left:var(--gutter);top:90px}.scene-unavailable .scene-fallback{left:var(--gutter);bottom:80px;max-width:85%}}

/* Refinement 1: separate the left navigation rail and right archive exit. */
.landing-bottom{left:auto;right:var(--gutter);bottom:16px;z-index:var(--z-chrome-low)}
.all-work{min-height:44px;display:flex;align-items:center;text-align:right}
.all-work strong{font:var(--type-xl)/1 Mondwest,serif}
.home-selection{bottom:80px}
@media(max-width:599px){.all-work strong{font-size:22px}.home-selection{bottom:66px}}
@media(max-height:499px){.home-selection{bottom:52px}.landing-bottom{bottom:4px}}

/* Refinement 2: focus grows within the protected navigation envelope. */
.tracker-origin{position:absolute;pointer-events:auto}
.tracker-origin[hidden]{display:none}
.tracker-navigation .surface-link{z-index:var(--z-port-raised)}
.tracker-target.is-muted{pointer-events:none}
.tracker-target.is-muted .tracker-label{opacity:.30}
.tracker-target.is-focused .tracker-label{font-size:var(--type-xs)}

/* Refinement 3: a small nonmodal tree grows upward from the left root. */
#navigation{inset:auto auto calc(var(--footer) + 15px) var(--gutter);width:226px;height:auto;max-height:calc(100dvh - var(--header) - var(--footer) - 20px);z-index:var(--z-menu);padding:0 8px 0 0;border:0;background:var(--black);backdrop-filter:none;overflow:visible}
#navigation[hidden]{display:none}
#navigation{transform-origin:0 100%;transition:opacity .18s var(--ease-exit),transform .22s var(--ease-exit),display .22s allow-discrete}
#navigation[hidden]{opacity:0;transform:translateY(16px) scaleY(.88)}
#navigation:not([hidden]){opacity:1;transform:none;transition:opacity .22s var(--ease-standard),transform .56s var(--ease-spring),display .56s allow-discrete}
@starting-style{#navigation:not([hidden]){opacity:0;transform:translateY(24px) scaleY(.8)}}
#navigation .nav-top{min-height:30px;align-items:center;margin:0 0 8px 12px;border-bottom:var(--rule) solid var(--ink-42)}
#navigation .nav-top .micro{font-size:var(--type-2xs);color:var(--ink-72)}
#navigation .nav-top button{width:44px;height:36px;min-height:36px;font-size:var(--type-lg);padding:0;text-align:right}
#navigation .nav-tree{border-left:var(--rule) solid var(--ink-58);padding:0;margin:0 0 0 4px}
.nav-branch{position:relative;display:grid;grid-template-columns:21px 1fr 22px;gap:8px;align-items:center;min-height:46px;margin-left:24px;padding:5px 0;border-bottom:var(--rule) solid var(--line)}
.nav-branch strong{font:var(--type-xl)/1 Mondwest,serif}.nav-branch>.micro{font-size:var(--type-2xs);color:var(--muted)}.nav-branch .branch-count{text-align:right}
.branch-joint{position:absolute;left:-24px;top:12px;width:17px;height:11px;border-left:var(--rule) solid var(--ink-63);border-bottom:var(--rule) solid var(--ink-63);transform:skewY(-24deg);transform-origin:left center;transition:width .2s var(--ease-standard)}
.branch-joint:after{content:'';position:absolute;right:-2px;bottom:-2px;width:3px;height:3px;background:var(--ink-85)}
.nav-branch:is(:hover,:focus-visible){color:var(--ink-96);border-color:var(--ink-76)}.nav-branch:is(:hover,:focus-visible) .branch-joint{width:21px}
#navigation:not([hidden]) .nav-branch{animation:branch-spring .55s var(--ease-acquire) calc(.045s + var(--branch)*.055s) both}
.nav-terminal{position:relative;margin:0 0 0 4px;padding:11px 0 2px 12px;border-left:var(--rule) solid var(--ink-58);font-size:var(--type-2xs);letter-spacing:var(--track-caps);color:var(--muted)}
.nav-terminal>span{font-size:var(--type-2xs);margin-right:5px}
@media(max-height:849px),(max-width:1099px){body.nav-open .home-bio{visibility:hidden}}
body.nav-open .home-readout{visibility:hidden}
@keyframes tree-spring{0%{opacity:0;transform:translateY(24px) scaleY(.8)}55%{opacity:1;transform:translateY(-5px) scaleY(1.025)}78%{transform:translateY(2px) scaleY(.994)}100%{opacity:1;transform:none}}
@keyframes branch-spring{0%{opacity:0;transform:translate(-9px,13px)}65%{opacity:1;transform:translate(2px,-2px)}100%{opacity:1;transform:none}}
@media(max-width:1099px){#navigation{width:206px}}
@media(max-width:599px){
 #navigation{top:var(--header);bottom:auto;width:calc(100% - var(--gutter)*2);padding:0;transform-origin:0 100%}
 #navigation .nav-tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px}
 #navigation .nav-top{margin-bottom:3px;min-height:28px}.nav-branch{min-height:44px;margin-left:8px;grid-template-columns:1fr auto;gap:1px;padding:3px 0}
 .nav-branch strong{grid-column:1/-1;grid-row:2;font-size:17px}.branch-joint{left:-8px;width:5px;top:14px}#navigation .nav-terminal{display:none}
}
@media(max-height:499px){#navigation{width:196px}.nav-branch{min-height:33px}.nav-branch strong{font-size:20px}.nav-terminal{padding-top:6px}}

/* One third-circle arc at a time, driven by CSS wall time, independent of fluid. */
.tracker-navigation .surface-link .nav-dot:after,
.tracker-navigation .surface-link:is(:hover,:focus-visible,.is-focused) .nav-dot:after{content:'';position:absolute;inset:-6px;border:0;border-radius:50%;background:conic-gradient(transparent 225deg,var(--ink-89) 292deg,transparent 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);opacity:0;animation:locator-sequence 1.2s linear infinite both;animation-delay:calc(var(--orbit-index,0)*.24s);animation-play-state:running;
}
.surface-0{--orbit-index:0}.surface-1{--orbit-index:1}.surface-2{--orbit-index:2}.surface-3{--orbit-index:3}.surface-4{--orbit-index:4}
@keyframes locator-sequence{0%{opacity:0;transform:rotate(-35deg)}2%,15%{opacity:.95}18%{opacity:0;transform:rotate(325deg)}100%{opacity:0;transform:rotate(325deg)}}
body.reduced .nav-dot:after{display:none}
@media(prefers-reduced-motion:reduce){.nav-dot:after{display:none}}

/* Refinement 4: shared stroke weight, detail through spacing and intensity. */
:root{--instrument-stroke:1px;--instrument-ink:#8fa395;--instrument-quiet:#51675a}
#connections .tracker-frame,#connections .tracker-leader,#connections .tracker-secondary,#connections .tracker-ticks{fill:none;stroke:var(--instrument-ink);stroke-width:var(--instrument-stroke);vector-effect:non-scaling-stroke;opacity:.8}
#connections .tracker-secondary,#connections .tracker-ticks{stroke:var(--instrument-quiet);opacity:.8}
#connections .tracker.is-selected .tracker-frame{stroke:var(--ink-81);stroke-width:var(--instrument-stroke);opacity:1}
#connections .tracker{transition:opacity .22s var(--ease-standard)}
#connections .tracker-dimension{fill:var(--instrument-ink);font:var(--type-xs) var(--mono);text-anchor:middle;dominant-baseline:central;letter-spacing:var(--track-caps);text-transform:uppercase}
.tracker-target .tracker-corner{border:0!important;border-image:none!important}
.tracker-target.is-muted .tracker-label{opacity:0}
.tracker-label{bottom:calc(100% + 13px);padding-right:17px;background:linear-gradient(90deg,#070909e6 calc(100% - 14px),#07090900)}
.tracker-navigation .surface-link .nav-dot:after{mask:radial-gradient(farthest-side,transparent calc(100% - var(--instrument-stroke)),#000 0)}
#navigation .nav-tree,.branch-joint,.nav-terminal{border-width:var(--instrument-stroke)}
@media(max-width:599px),(max-height:499px){#connections .tracker-dimension{display:none}}

/* Refinement 5: catalog excerpts and real geometric / solver measurements. */
.home-selection{display:none}
.tracker-preview{position:absolute;left:20px;bottom:17px;max-width:calc(100% - 40px);display:grid;gap:7px;padding:12px 18px 9px 0;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(90deg,#070909e6 55%,#07090900);transition:opacity .2s var(--ease-standard)}
.tracker-preview>.micro{font-size:var(--type-2xs);color:var(--ink-72);letter-spacing:var(--track-caps)}
.tracker-preview>strong{font:clamp(29px,2.7vw,43px)/1.1 Mondwest,serif;color:var(--white);letter-spacing:var(--track-display-soft)}
.tracker-preview .preview-enter{margin-top:4px;color:var(--ink-87);font-size:var(--type-2xs)}
.preview-projects{display:grid;gap:3px;font:var(--type-xs)/1.45 var(--mono);color:var(--ink-84);max-width:31ch;letter-spacing:var(--track-micro)}
.preview-project{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tracker-target.is-focused .tracker-preview{opacity:1;visibility:visible;transition-delay:.22s}
.tracker-target.is-focused .preview-project{animation:project-type .42s calc(.24s + var(--row)*.21s) steps(26,end) both}
.portfolio-totals{color:var(--ink-81);margin-bottom:18px;letter-spacing:var(--track-label)}
.flow-probe{margin-top:7px;color:var(--instrument-ink)}
.speed-history{width:140px;height:24px;margin-top:2px;overflow:visible}
.speed-history path{fill:none;stroke:var(--instrument-ink);stroke-width:var(--instrument-stroke)}
.speed-history .speed-baseline{stroke:var(--ink-39)}
.tracking-strip{position:absolute;left:var(--field-left);right:calc(var(--gutter) + 115px);bottom:22px;height:62px;pointer-events:none;color:var(--muted)}
.tracking-caption{display:flex;justify-content:space-between;font-size:var(--type-2xs);line-height:18px;letter-spacing:var(--track-caps)}
.tracking-strip svg{width:100%;height:44px;overflow:visible}
.tracking-strip path{fill:none;stroke:var(--instrument-ink);stroke-width:var(--instrument-stroke);vector-effect:non-scaling-stroke}
.tracking-strip .meter-baseline,.meter-ruler path{stroke:var(--instrument-quiet)}
.tracking-strip text{fill:var(--ink-81);font:var(--type-xs) var(--mono);text-anchor:middle;text-transform:uppercase;letter-spacing:var(--track-micro)}.tracking-strip .is-active path{stroke:var(--ink-91)}
.home-entering .tracking-strip{animation:interface-in .7s var(--ease-acquire) .65s both}
@keyframes project-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(max-width:1099px),(max-height:599px){.tracking-strip{left:var(--gutter)}.portfolio-totals{grid-column:1/-1;margin-bottom:6px}.flow-probe,.speed-history{display:none}}
@media(max-width:599px){
 .tracking-strip{right:calc(var(--gutter) + 78px);bottom:16px;height:52px}.tracking-caption{font-size:8px;line-height:10px}
 .tracker-data{font-size:8px;max-width:155px}.tracker-label{max-width:155px;font-size:9px}
 .tracker-preview{left:12px;bottom:8px;max-width:calc(100% - 24px);padding:5px 9px 4px 0;gap:4px}
 .tracker-preview>strong{font-size:28px}.tracker-preview>.micro,.tracker-preview .preview-enter{font-size:8px}.preview-projects{font-size:9px;max-width:24ch}
 .tracker-target.is-focused .tracker-label{font-size:10px}
}
@media(max-height:499px){.tracking-strip{display:none}.tracker-preview{left:9px;bottom:6px;padding:4px 6px;gap:2px}.tracker-preview>strong{font-size:22px}.preview-projects{display:none}.tracker-preview .preview-enter{font-size:8px}.tracker-preview>.micro{font-size:8px}}
body.fluid-transition .tracking-strip{visibility:hidden}
body.reduced .preview-project{clip-path:none}
@media(max-height:499px){.landing-bottom{top:8px;bottom:auto}.all-work strong{font-size:22px}}
/* Tracker choreography: asymmetric information inside a balanced instrument field. */
#connections .tracker-telemetry{fill:var(--ink-77);font:var(--type-sm) Neuebit,monospace;letter-spacing:var(--track-micro)}
#connections .tracker-trace{stroke:var(--ink-77);stroke-width:var(--instrument-stroke);opacity:.65}
#connections .tracker-reticle{stroke:var(--white);stroke-width:var(--instrument-stroke);opacity:.85}
#connections .tracker-meter{stroke:var(--ink-91);stroke-width:var(--instrument-stroke-strong);opacity:.65}


#connections .tracker-frame{transition:stroke .14s var(--ease-standard),opacity .14s var(--ease-standard)}
.tracker-label{font-family:Neuebit,monospace;font-size:var(--type-sm);line-height:1;letter-spacing:var(--track-micro);gap:4px}
.tracker-data{font-family:Neuebit,monospace;font-size:var(--type-sm);line-height:1;color:var(--muted)}
.tracker-target.is-focused .tracker-label{font-size:var(--type-md)}
.tracker-target.is-muted{pointer-events:auto}
.tracker-target.is-muted .tracker-label{opacity:.8;bottom:8px;left:7px;max-width:calc(100% - 10px);background:#070909dc;font-size:var(--type-sm)}
.tracker-target.is-muted .tracker-data{display:none}
.tracker-target.is-muted .tracker-label b{white-space:normal}
.tracker-target.is-muted .tracker-preview{display:none}
#connections .tracker.is-parked .tracker-secondary,#connections .tracker.is-parked .tracker-ticks,#connections .tracker.is-parked .tracker-dimension{display:none}
.tracker-target:focus-visible{outline:none}.tracker-target:focus-visible .tracker-label{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:759px){.tracker-label{font-size:12px;line-height:1}.tracker-data{font-size:10px}.tracker-target.is-focused .tracker-label{font-size:13px}.tracker-target.is-muted .tracker-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){#connections .tracker-frame{transition:none}}
/* Acquisition instruments: a clear category, dense secondary measurements. */
.tracker-label b{font:var(--type-lg)/1.05 Mondwest,serif;letter-spacing:var(--track-display-soft)}
.tracker-data{font:var(--type-sm)/1 Neuebit,monospace;letter-spacing:var(--track-micro)}
.tracker-label{gap:5px}
.tracker-target.is-focused .tracker-label b{font-size:var(--type-xl)}
.tracker-channel{display:none}
.tracker-target.is-muted .tracker-channel{display:grid;position:absolute;top:10px;left:9px;font:var(--type-xl)/.9 Mondwest,serif;color:var(--ink-81);gap:5px;pointer-events:none}
.tracker-channel small{font:var(--type-sm)/1 Neuebit,monospace;color:var(--ink-67)}
.tracker-target.is-muted .tracker-label b{font:var(--type-md)/1 Neuebit,monospace;letter-spacing:0}
#connections .tracker-orbit-grid{fill:#070909e0;stroke:#b6c5b64d;stroke-width:var(--hairline);vector-effect:non-scaling-stroke}
#connections .tracker-orbit-trace{fill:none;stroke:var(--ink-89);stroke-width:var(--instrument-stroke);vector-effect:non-scaling-stroke}
#connections .tracker-orbit-label{fill:var(--ink-81);font:var(--type-sm) Neuebit,monospace;letter-spacing:var(--track-micro)}
@media(max-width:759px){.tracker-label b{font-size:15px}.tracker-data{font-size:12px}.tracker-target.is-focused .tracker-label b{font-size:18px}.tracker-target.is-muted .tracker-channel{font-size:18px;top:6px;left:6px;gap:2px}.tracker-channel small{font-size:10px}.tracker-target.is-muted .tracker-label{left:5px;bottom:5px}.tracker-target.is-muted .tracker-label b{font-size:12px}}
@media(max-height:499px){.tracker-target.is-muted .tracker-channel{display:none}.tracker-target.is-muted .tracker-label b{font-size:12px}.tracker-label b{font-size:14px}}
@media(max-width:759px){.landing.is-inspecting .home-readout,.landing.is-inspecting .tracking-strip{opacity:0;pointer-events:none}.home-readout,.tracking-strip{transition:opacity .18s var(--ease-standard)}}
@media(max-width:759px){.landing.is-inspecting .home-readout,.landing.is-inspecting .tracking-strip{animation:none;opacity:0}}
@media(max-width:359px){.tracker-preview>.micro{display:none}.tracker-preview{left:10px;bottom:8px;gap:3px}.tracker-target.is-muted .tracker-channel small{display:none}.tracker-target.is-muted .tracker-label b{font-size:11px}.tracker-target.is-muted .tracker-label{bottom:4px;left:4px;max-width:calc(100% - 8px)}}
.tracker-target.is-muted .tracker-number{display:none}
@media(max-width:359px){.tracker-target.is-muted .tracker-label b{font-size:0}.tracker-target.is-muted .tracker-label b:after{content:attr(data-short);font:12px/1 Neuebit,monospace}.tracker-target.is-muted .tracker-channel{top:5px;left:5px;font-size:16px}}
@media(max-height:499px){.tracker-preview>.micro{display:none}.tracker-preview>strong{font-size:17px}.tracker-preview{max-width:calc(100% - 14px);left:7px;padding:4px 0}.tracker-target.is-muted .tracker-label{left:4px;bottom:5px;max-width:calc(100% - 6px)}.tracker-target.is-muted .tracker-label b{font-size:0}.tracker-target.is-muted .tracker-label b:after{content:attr(data-short);font:12px/1 Neuebit,monospace}}
/* First-note completion: an observation instrument, with a quiet field around it. */
body[data-page=home]{--mono:Neuebit,monospace}
.home-bio .bio-heading,.home-bio summary,.bio-contact{font-family:Neuebit,monospace;font-size:var(--type-sm);line-height:1.1;letter-spacing:var(--track-micro)}
.typed-profile{font:var(--type-xl)/var(--leading-micro) Neuebit,monospace;letter-spacing:0;color:var(--ink-91)}
.bio-heading{margin-bottom:15px}.bio-contact{padding-top:14px}
.home-readout{font:var(--type-sm)/1.06 Neuebit,monospace;gap:3px}
.home-readout .portfolio-totals{letter-spacing:0;margin-bottom:15px}
.home-readout .readout-heading{letter-spacing:var(--track-micro)}
.tracking-caption{font:var(--type-sm)/1 Neuebit,monospace;letter-spacing:var(--track-micro)}
.tracking-strip text{font:var(--type-sm) Neuebit,monospace}
.tracker-label{gap:2px;background:#070909e0;padding:4px 7px 3px;border-left:var(--rule) solid #7c8782;margin-left:-7px}
.tracker-label b{font:var(--type-lg)/.98 Mondwest,serif;letter-spacing:var(--track-display)}
.tracker-number{font:var(--type-sm) Neuebit,monospace;letter-spacing:0;color:var(--muted)}
.tracker-data{font:var(--type-sm)/1 Neuebit,monospace;letter-spacing:0}
.tracker-target.is-focused .tracker-label b{font-size:var(--type-xl)}
.tracker-target.is-muted .tracker-label{border:0;margin:0;padding:0;background:none}
.tracker-target.is-transiting{opacity:0!important;pointer-events:none!important}
#connections .tracker.is-transiting{opacity:0!important}
#connections .tracker-probe{stroke:var(--ink-65);stroke-width:var(--instrument-stroke);opacity:.5}
#connections .tracker-tag{fill:var(--ink-20);stroke:var(--ink-56);stroke-width:var(--instrument-stroke);opacity:.8}
#connections .tracker-tag-text{fill:#b3bdb6;font:var(--type-xs) Neuebit,monospace;letter-spacing:var(--track-micro)}
#connections .tracker.is-catching .tracker-tag{fill:#435b51;stroke:var(--ink-81)}
#connections .tracker.is-catching .tracker-tag-text{fill:var(--ink-96)}
#connections .tracker-probe,#connections .tracker-tag{vector-effect:non-scaling-stroke}
#connections .tracker-telemetry{font:var(--type-sm) Neuebit,monospace;letter-spacing:0}
#connections .tracker.is-selected .tracker-trace{opacity:.24}
.tracker-preview{gap:5px;max-width:calc(100% - 45px)}
.tracker-preview>.micro,.tracker-preview .preview-enter{font:var(--type-sm)/1.05 Neuebit,monospace;letter-spacing:var(--track-micro)}
.preview-projects{font:var(--type-md)/1.13 Neuebit,monospace;letter-spacing:0;max-width:30ch}
.tracker-preview>strong{font-size:clamp(30px,2.7vw,43px);line-height:.95;margin:2px 0 4px}
.tracker-navigation .surface-link .nav-dot:after{mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)}
/* The background is a reference plane, never a room or a second simulation. */
.field-coordinate-header{position:absolute;left:var(--field-left);right:var(--gutter);top:24px;display:flex;align-items:center;gap:14px;pointer-events:none;font:var(--type-sm)/1 Neuebit,monospace;color:var(--ink-58);letter-spacing:var(--track-micro)}
.field-coordinate-header i{height:5px;flex:1;border-top:var(--rule) solid #263a302e;background:repeating-linear-gradient(90deg,#61756933 0 1px,transparent 1px 32px)}
.landing:before{content:'';position:absolute;left:27%;right:3%;top:14%;bottom:16%;pointer-events:none;z-index:var(--z-behind);background:linear-gradient(90deg,transparent calc(33.333% - .5px),#6483710d 33.333%,transparent calc(33.333% + .5px)),linear-gradient(transparent calc(66.666% - .5px),#6483710d 66.666%,transparent calc(66.666% + .5px))}
.field-coordinate-header:after{content:'';position:absolute;top:32px;left:0;width:20px;height:1px;background:#8a9c90;opacity:.18;animation:field-index 17s var(--ease-drift) infinite alternate}
@keyframes field-index{to{transform:translateX(220px);opacity:.05}}
.field-instruments{position:absolute;left:var(--gutter);top:38%;width:208px;pointer-events:none;color:var(--muted);font:var(--type-sm)/1 Neuebit,monospace}
.instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:var(--rule) solid var(--instrument-quiet);padding-top:9px;color:var(--ink-72-teal)}
.instrument-beacon{font-size:var(--type-xs);white-space:nowrap;color:var(--ink-77);animation:instrument-beacon 8s steps(1) infinite}
@keyframes instrument-beacon{0%,92%,100%{color:var(--ink-77)}93%,96%{color:#93b9c2}94%,97%{color:#c3a7af}}
.instrument-title{font:var(--type-2xl)/.96 Mondwest,serif;letter-spacing:var(--track-display);margin:13px 0 6px;color:var(--ink-81)}.instrument-title span{color:var(--ink-63)}
.field-overview{width:200px;height:142px;overflow:visible;display:block}
.field-instruments svg path{fill:none;stroke-width:var(--instrument-stroke);vector-effect:non-scaling-stroke}
.field-instruments .overview-grid{stroke:var(--ink-39);opacity:.65}
.field-instruments [data-field-cloud]{stroke:var(--ink-81);stroke-width:var(--instrument-stroke);opacity:.65}
.field-instruments [data-field-windows]{stroke:#769d8b;stroke-width:var(--hairline);opacity:.65}
.field-instruments svg text{fill:var(--ink-63);font:var(--type-xs) Neuebit,monospace}
.instrument-reading{margin:7px 0 8px;color:var(--ink-81);white-space:nowrap}
.field-spread{width:200px;height:35px}.field-spread [data-field-spread]{stroke:var(--instrument-ink)}
.instrument-key{margin:4px 0;color:var(--ink-58);font-size:var(--type-xs)}.instrument-mode{margin-top:10px;padding-left:11px;border-left:2px solid var(--ink-58);color:var(--muted);font-size:var(--type-xs)}
.home-entering .field-coordinate-header{animation:interface-in .7s var(--ease-acquire) .28s both}.home-entering .field-instruments{animation:interface-in .7s var(--ease-acquire) .58s both}
body.nav-open .field-instruments{visibility:hidden}body.fluid-transition .field-instruments,body.fluid-transition .field-coordinate-header{visibility:hidden}
body.flow-paused .field-coordinate-header:after,body.flow-paused .instrument-beacon,body.flow-paused .nav-dot:after{animation-play-state:paused!important}
body.reduced .field-coordinate-header:after,body.reduced .instrument-beacon{animation:none}
.scene-unavailable .field-instruments,.scene-unavailable .field-coordinate-header{display:none}
/* Terminal branches carry real catalog density instead of decorative meters. */
.nav-branch{grid-template-rows:auto 7px;row-gap:2px;min-height:53px}
.nav-branch strong{line-height:1}.nav-branch>.micro{font:var(--type-sm) Neuebit,monospace}
.branch-samples{grid-column:2/4;display:flex;align-items:center;gap:3px;height:7px;color:var(--ink-63)}
.branch-samples i{width:4px;height:3px;background:currentColor;transition:height .18s var(--ease-standard)}
.branch-samples small{font:var(--type-2xs) Neuebit,monospace;letter-spacing:var(--track-micro)}
.nav-branch:is(:hover,:focus-visible) .branch-samples i{height:6px;color:var(--ink-85)}
#navigation .nav-top .micro,.nav-terminal{font:var(--type-sm)/1.05 Neuebit,monospace}
@media(max-height:1099px){.field-instruments{display:none}}
@media(max-width:1099px){.field-instruments{display:none}.field-coordinate-header{left:var(--gutter);top:62px}.typed-profile{font-size:var(--type-lg);line-height:var(--leading-micro)}.home-readout{font-size:var(--type-sm)}.landing:before{left:6%}}
@media(max-width:759px){.field-coordinate-header{display:none}.tracker-label b{font-size:15px}.tracker-data{font-size:11px}.tracker-target.is-focused .tracker-label b{font-size:18px}.tracker-preview>.micro,.tracker-preview .preview-enter{font-size:10px}.preview-projects{font-size:12px}.tracker-preview{left:11px;bottom:13px;max-width:calc(100% - 27px)}.home-readout{font-size:11px}.home-readout .portfolio-totals{margin-bottom:5px}.tracker-target.is-muted .tracker-label{left:5px;bottom:5px;max-width:calc(100% - 10px)}}
@media(max-width:599px){.nav-branch{min-height:47px;grid-template-rows:auto auto 5px}.branch-samples{grid-column:1/-1;grid-row:3}.nav-branch>.micro{font-size:11px}.nav-branch strong{font-size:17px}}
@media(max-width:359px){.tracker-preview>.micro{display:none}.tracker-preview>strong{font-size:27px}.tracker-target.is-muted .tracker-label b{font-size:0}}
@media(max-height:499px){.field-coordinate-header,.field-instruments{display:none}.tracker-preview>.micro,.preview-projects{display:none}.tracker-preview>strong{font-size:20px}.tracker-preview .preview-enter{font-size:9px}.nav-branch{min-height:37px}.home-readout{display:none}}
/* Acquisition cues reveal updated microtype once; they never scramble labels. */
.tracker-target[data-phase=CATCH] .tracker-data{animation:readout-acquire .2s var(--ease-acquire) both}
@keyframes readout-acquire{from{clip-path:inset(0 70% 0 0);color:#b2d0c4}to{clip-path:inset(0);color:var(--muted)}}
.tracker-preview{background:linear-gradient(90deg,#070909f5 0%,#070909f2 60%,#07090900 100%);padding-right:25px}
.tracker-target.is-muted .tracker-channel{padding:3px 5px;background:#070909de;left:7px;top:7px}
.tracker-target.is-muted .tracker-label{background:#070909e8;padding:2px 3px}
@media(max-width:759px){.tracker-target.is-muted .tracker-channel{padding:0;left:6px;top:6px}}
body.reduced .tracker-target[data-phase=CATCH] .tracker-data{animation:none}
.tracker-target{transition:opacity .2s var(--ease-standard)}
.field-distribution{position:absolute;right:var(--gutter);top:18%;width:65px;color:var(--ink-58);pointer-events:none;font:var(--type-xs)/1 Neuebit,monospace}
.field-distribution>span{display:block;white-space:nowrap;transform:translateX(-12px)}
.field-distribution svg{width:54px;height:184px;margin:12px 0 6px;overflow:visible}
.field-distribution path{fill:none;stroke:var(--ink-77);stroke-width:var(--instrument-stroke);opacity:.35}.field-distribution .distribution-axis{stroke:var(--instrument-quiet);opacity:.6}
.field-distribution small{font:var(--type-xs)/1.05 Neuebit,monospace;letter-spacing:var(--track-micro)}
.home-entering .field-distribution{animation:interface-in .8s var(--ease-acquire) .8s both}
.tracker-dock-label{position:absolute;display:flex;align-items:center;gap:12px;font:var(--type-xs)/1 Neuebit,monospace;color:var(--ink-58);pointer-events:none;opacity:0;transition:opacity .35s var(--ease-standard) .35s}
.tracker-dock-label[hidden]{display:none}.is-inspecting .tracker-dock-label{opacity:1}.tracker-dock-label i{flex:1;border-top:var(--rule) solid var(--ink-37)}
body.fluid-transition .field-distribution,body.fluid-transition .tracker-dock-label{visibility:hidden}
.scene-unavailable .field-distribution,.scene-unavailable .tracker-dock-label{display:none}
@media(max-width:1499px),(max-height:899px){.field-distribution{display:none}}
@media(max-width:359px){.tracker-preview>strong{font-size:23px}.tracker-dock-label{font-size:10px}}
@media(max-height:499px){.tracker-dock-label{display:none}}
.field-overview{overflow:hidden}
@media(max-width:759px){.tracker-target.is-transiting .tracker-label{opacity:0}}
a[data-surface][data-preview-bound],a[data-tracker-target][data-preview-bound],a[data-nav-preview][data-preview-bound]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom}
body[data-page=home],body[data-page=home] *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.tracker-target.is-confirming,#connections .tracker.is-confirming{transition:none}
#connections .tracker.is-confirming .tracker-frame,#connections .tracker.is-confirming .tracker-secondary,#connections .tracker.is-confirming .tracker-ticks{opacity:var(--confirm-ink,1);transition:none;stroke:var(--ink-91)}
.tracker-target.is-confirming .tracker-preview{opacity:1;visibility:visible;transition:none;transform:scale(var(--confirm-text-scale,1));transform-origin:left bottom}
.tracker-target.is-confirming .tracker-label{transform:scale(var(--confirm-text-scale,1));transform-origin:left bottom}
.tracker-target.is-confirming .preview-projects,.tracker-target.is-confirming .preview-enter{display:none}

/* Mobile tracker field: shared collision/inspection bounds for SVG, targets and shaders. */
@keyframes identity-settle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.footer-archive{margin-left:auto;display:flex;align-items:center;min-height:44px;padding:8px 0 8px 18px;font:var(--type-xl)/1 Mondwest,serif}
.mobile-grid-heading,.mobile-grid-note,.mobile-grid-reset{display:none}
.has-mobile-grid .mobile-grid-heading{position:absolute;display:flex;justify-content:space-between;left:var(--gutter);right:var(--gutter);top:10px;font:11px/1 Neuebit,monospace;letter-spacing:var(--track-micro);color:var(--ink-77)}
.has-mobile-grid .mobile-grid-note{position:absolute;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:0;font:11px/1.2 Neuebit,monospace;color:var(--ink-65)}.mobile-grid-note small{display:none}.mobile-grid-note i{flex:1}
.mobile-grid-note i{width:27px;border-top:var(--rule) solid var(--instrument-quiet)}.mobile-grid-note small{font:inherit;line-height:1.4;color:var(--ink-81)}
.has-mobile-grid .mobile-grid-reset{display:block;position:absolute;left:50%;transform:translateX(-50%);min-height:44px;padding:8px 18px;font:18px/1 Mondwest,serif;color:var(--ink-81);pointer-events:auto}
.mobile-grid-note[hidden],.mobile-grid-reset[hidden],.mobile-grid-heading[hidden]{display:none!important}
.has-mobile-grid .home-bio,.has-mobile-grid .surface-nav,.has-mobile-grid .home-selection,.has-mobile-grid .field-coordinate-header,.has-mobile-grid .field-distribution,.has-mobile-grid .field-instruments,.has-mobile-grid .home-readout,.has-mobile-grid .tracking-strip,.has-mobile-grid .tracker-dock-label{display:none!important}
.has-mobile-grid .tracker-target{animation:none!important;transition:none;overflow:visible;isolation:isolate;touch-action:manipulation}
.has-mobile-grid .tracker-target:before{inset:0;min-width:0;min-height:0;pointer-events:none}
.has-mobile-grid .tracker-label,.has-mobile-grid .tracker-target.is-muted .tracker-label,.has-mobile-grid .tracker-target.is-focused .tracker-label{left:10px;right:10px;top:10px;bottom:auto;max-width:none;padding:0;margin:0;border:0;background:none;opacity:1;display:grid;gap:5px;transform:none}
.has-mobile-grid .tracker-label b,.has-mobile-grid .tracker-target.is-muted .tracker-label b,.has-mobile-grid .tracker-target.is-focused .tracker-label b{font:var(--grid-title,22px)/1 Mondwest,serif;letter-spacing:var(--track-display-soft);white-space:nowrap;display:block;text-shadow:0 1px 5px #000}
.has-mobile-grid .tracker-label b:after{display:none!important}
.has-mobile-grid .tracker-number{display:none}
.has-mobile-grid .tracker-data{display:block;max-width:100%;font:11px/1.15 Neuebit,monospace;color:var(--ink-77);white-space:normal;background:#070909b8;width:fit-content}
.has-mobile-grid .tracker-corner,.has-mobile-grid .tracker-origin{display:none!important}
.has-mobile-grid .tracker-channel{display:flex;position:absolute;left:10px;top:58px;gap:8px;font:11px/1 Neuebit,monospace;color:var(--instrument-ink);pointer-events:none}.has-mobile-grid .tracker-channel small{font:inherit}.has-mobile-grid .tracker-channel:after{content:attr(data-phase);font:inherit}.has-mobile-grid .tracker-target.is-muted .tracker-channel{display:none}
.has-mobile-grid .tracker-preview{display:none}
.has-mobile-grid .tracker-target.is-focused .tracker-preview{display:grid;visibility:visible;opacity:1;left:12px;bottom:44px;max-width:calc(100% - 24px);padding:8px 10px;gap:5px;background:#070909dd;transition:none}
.has-mobile-grid .tracker-preview>strong,.has-mobile-grid .preview-enter{display:none}
.has-mobile-grid .preview-projects{font:13px/1.1 Neuebit,monospace}
.has-mobile-grid .tracker-preview .preview-project{animation:none}
.has-mobile-grid .tracker-preview>.micro{display:block;font:11px/1 Neuebit,monospace;letter-spacing:0}
.has-mobile-grid .tracker-target.is-muted .tracker-label{left:6px;right:6px;top:auto;bottom:7px;gap:4px}
.has-mobile-grid .tracker-target.is-muted .tracker-label b{font-size:0}
.has-mobile-grid .tracker-target.is-muted .tracker-label b:after{display:block!important;content:attr(data-short);font:14px/1 Neuebit,monospace}
.has-mobile-grid .tracker-target.is-muted .tracker-data{font-size:10px}
#connections .mobile-tracker .tracker-leader,#connections .mobile-tracker .tracker-dimension,#connections .mobile-tracker .tracker-probe,#connections .mobile-tracker .tracker-tag,#connections .mobile-tracker .tracker-tag-text,#connections .mobile-tracker .tracker-orbit-trace,#connections .mobile-tracker .tracker-orbit-grid,#connections .mobile-tracker .tracker-orbit-label{display:none!important}
#connections .mobile-tracker .tracker-telemetry{fill:var(--ink-81);font:11px Neuebit,monospace;letter-spacing:0}
#connections .mobile-tracker .tracker-secondary,#connections .mobile-tracker .tracker-ticks{stroke-width:0.8;opacity:.48}
#connections .mobile-tracker .tracker-meter{stroke:var(--ink-87);stroke-width:1.2;opacity:.9}
#connections .mobile-tracker .tracker-trace{stroke:var(--ink-81);opacity:.8;stroke-width:0.8}
#connections .mobile-tracker .tracker-frame{stroke:var(--ink-77);stroke-width:0.8;vector-effect:non-scaling-stroke;fill:none;opacity:1}
.scene-unavailable .has-mobile-grid .tracker-target{border:var(--rule) solid var(--ink-65)}
.scene-unavailable .has-mobile-grid .scene-fallback{display:none}
.has-mobile-grid .tracker-target:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:-3px}
@media(max-width:759px),(pointer:coarse){
 html,body{height:100dvh}
 .site-controls [data-nav],#navigation{display:none!important}
 .site-controls{padding-bottom:env(safe-area-inset-bottom,0px)}
 :root{--footer:calc(54px + env(safe-area-inset-bottom,0px))}
 body.nav-open #view{filter:none;opacity:1}
}

@media(max-height:499px){.has-mobile-grid .tracker-channel{display:none}.has-mobile-grid .tracker-label,.has-mobile-grid .tracker-target.is-focused .tracker-label{top:7px;left:7px;right:7px;gap:3px}.has-mobile-grid .tracker-data{font-size:9px}.has-mobile-grid .tracker-preview .preview-projects{max-height:28px;overflow:hidden}#connections .mobile-tracker .tracker-telemetry{font-size:9px}}

/* Latest steering: Nav opens the storyboard inspection; trackers retain live detail. */
@media(max-width:759px),(pointer:coarse){body[data-page=home] .site-controls [data-nav]{display:block!important}}
.has-mobile-grid .tracker-label,.has-mobile-grid .tracker-target.is-focused .tracker-label{gap:1px}
.has-mobile-grid .tracker-data{font-size:10px;line-height:1;letter-spacing:var(--track-display-soft)}
.has-mobile-grid .tracker-channel{top:48px;gap:5px;font-size:10px;line-height:1}
.has-mobile-grid .tracker-target.is-focused .tracker-channel{top:64px}
.has-mobile-grid .tracker-target.is-muted .tracker-label{gap:2px}

body.fluid-transition .mobile-grid-heading,body.fluid-transition .mobile-grid-reset,body.fluid-transition .mobile-grid-note{visibility:hidden;pointer-events:none}

/* B — sliding connection graph. Original frames, open gaps, no crossing web. */
#connections .tracker-linkage{pointer-events:none;fill:none;stroke:var(--ink-77);stroke-width:var(--instrument-stroke);vector-effect:non-scaling-stroke}
#connections .tracker-linkage path{fill:none;stroke:inherit;stroke-width:var(--instrument-stroke);vector-effect:non-scaling-stroke}
#connections .tracker-linkage .seam-port{fill:var(--ink-17);stroke:var(--ink-87)}
#connections .tracker-linkage .seam-label-leaders{stroke:var(--ink-60)}
.has-mobile-grid .tracker-label{width:auto}
.has-mobile-grid.compact-tracker-field:not(.grid-inspecting) .tracker-label{top:var(--field-label-y,-31px);left:50%;right:auto;width:108px;max-width:108px;transform:translateX(-50%);gap:1px;background:#070909c9;pointer-events:auto}
.has-mobile-grid.compact-tracker-field:not(.grid-inspecting) .tracker-label b{font:15px/.95 Mondwest,serif}
.has-mobile-grid.compact-tracker-field:not(.grid-inspecting) .tracker-data{font-size:9px}
#connections .compact-field-tracker .tracker-ticks,#connections .compact-field-tracker .tracker-meter{display:none}
.has-mobile-grid .mobile-grid-note small{display:block;position:absolute;right:0;bottom:17px;font:10px/1 Neuebit,monospace;color:var(--ink-65)}
/* B revision: the desktop instrument, adapted to a touchable frame. */
.has-mobile-grid .tracker-target:not(.is-muted):after{content:'';position:absolute;inset:0;z-index:var(--z-behind);pointer-events:none;clip-path:var(--tracker-face);background:linear-gradient(155deg,#000d 0%,#0007 23%,#0000 53%,#000a 84%,#000e 100%)}
.has-mobile-grid .tracker-target:not(.is-muted) .tracker-label{top:-34px;left:0;right:0;bottom:auto;gap:2px;padding:0 3px 0 5px;border-left:var(--rule) solid var(--ink-54);background:linear-gradient(90deg,#000d,#0000);width:100%}
.has-mobile-grid .tracker-target:not(.is-muted) .tracker-label b{font-size:clamp(15px,var(--grid-title),23px);line-height:1;letter-spacing:var(--track-display)}
.has-mobile-grid .tracker-target:not(.is-muted) .tracker-number{display:inline;font:9px/1 Neuebit,monospace;letter-spacing:0;color:var(--muted);margin-right:3px}
.has-mobile-grid .tracker-target:not(.is-muted) .tracker-data{font:9px/1 Neuebit,monospace;letter-spacing:var(--track-display-soft);white-space:nowrap;background:none}
.has-mobile-grid .tracker-target:not(.is-muted) .tracker-channel{left:auto;right:9px;top:33px;gap:2px;font:9px/1 Neuebit,monospace;color:var(--ink-77)}
.has-mobile-grid .tracker-target:not(.is-muted) .tracker-channel:after{display:none}
.has-mobile-grid.short-tracker-field:not(.grid-inspecting) .tracker-label{top:-21px}
.has-mobile-grid.short-tracker-field:not(.grid-inspecting) .tracker-data{position:absolute;top:27px;left:5px;font-size:8px}
.has-mobile-grid.short-tracker-field:not(.grid-inspecting) .tracker-channel{top:44px}
#connections .mobile-tracker.mobile-reference-frame .tracker-dimension,#connections .mobile-tracker.mobile-reference-frame .tracker-tag,#connections .mobile-tracker.mobile-reference-frame .tracker-tag-text{display:block!important}
#connections .mobile-tracker .tracker-dimension{font:8px Neuebit,monospace;text-anchor:middle;fill:var(--instrument-ink);letter-spacing:0}
#connections .mobile-tracker .tracker-tag-text{font:9px Neuebit,monospace;letter-spacing:0}
#connections .mobile-tracker .tracker-telemetry{font:9px Neuebit,monospace;fill:var(--ink-77)}
#connections .tracker-linkage .seam-ruler{stroke:var(--instrument-ink);opacity:.28}
#connections .tracker-linkage .seam-rail{opacity:.45}
#connections .tracker-linkage .seam-port{opacity:.8;fill:none}
.has-mobile-grid.compact-tracker-field:not(.grid-inspecting) .tracker-target .tracker-label{top:var(--field-label-y,-31px);left:50%;right:auto;width:108px;max-width:108px;padding:0 3px;transform:translateX(-50%);border:0;gap:1px;background:#070909c9}
.has-mobile-grid.compact-tracker-field:not(.grid-inspecting) .tracker-target .tracker-label b{font-size:15px}
.has-mobile-grid.compact-tracker-field:not(.grid-inspecting) .tracker-channel{display:none}
.has-mobile-grid .mobile-grid-note{font-size:9px}
.has-mobile-grid.grid-inspecting .mobile-grid-heading>span:first-child{visibility:hidden}
.has-mobile-grid.short-tracker-field .mobile-grid-heading>span:first-child{visibility:hidden}
.has-mobile-grid .tracker-target:not(.is-muted) .tracker-label b{font-size:clamp(13px,var(--grid-title),23px)}
/* C — rigid inspection assembly. Shape detail stays on both exposed ends. */
.has-mobile-grid .tracker-target.is-muted:after{content:'';position:absolute;inset:0;z-index:var(--z-behind);pointer-events:none;clip-path:var(--inspection-face);background:linear-gradient(155deg,#000c,#0005 45%,#000e)}
.has-mobile-grid .tracker-target.is-muted .tracker-label{left:12px;right:6px;bottom:8px;gap:2px}
.has-mobile-grid .tracker-target.is-muted .tracker-label b:after{font-size:12px;letter-spacing:var(--track-display-soft)}
.has-mobile-grid .tracker-target.is-muted .tracker-channel{display:flex;left:10px;top:8px;right:auto;padding:0;background:none;font:9px/1 Neuebit,monospace;color:var(--instrument-ink)}
.has-mobile-grid .tracker-target.is-muted .tracker-channel small,.has-mobile-grid .tracker-target.is-muted .tracker-channel:after{display:none}
@media(max-height:499px){.has-mobile-grid .tracker-target.is-muted .tracker-label{left:6px;right:2px;bottom:4px}.has-mobile-grid .tracker-target.is-muted .tracker-label b:after{font-size:9px}.has-mobile-grid .tracker-target.is-muted .tracker-channel{top:4px;left:6px;font-size:8px}}

/* D: small, data-driven instruments; stable labels and quiet parked choices. */
#connections .tracker-detail{pointer-events:none}
#connections .detail-acquire{fill:none;stroke:var(--ink-91);stroke-width:var(--instrument-stroke);vector-effect:non-scaling-stroke}
#connections .detail-axes{fill:none;stroke:var(--instrument-ink);stroke-width:var(--hairline);opacity:.55;vector-effect:non-scaling-stroke}
#connections .detail-trail,#connections .detail-needle{fill:none;stroke:var(--ink-85);stroke-width:var(--instrument-stroke);opacity:.85;vector-effect:non-scaling-stroke}
#connections .detail-plate{fill:#070909bd;stroke:none;display:none}
#connections .detail-caption,#connections .detail-reading{fill:var(--ink-77);font:var(--type-xs) Neuebit,monospace;letter-spacing:0;display:none}
#connections .detail-plot.is-expanded .detail-caption,#connections .detail-plot.is-expanded .detail-reading,#connections .detail-plot.is-expanded .detail-plate{display:block}
#connections .mobile-tracker .detail-caption,#connections .mobile-tracker .detail-reading{font-size:9px}
.tracker-target[data-phase=CATCH] .tracker-data{animation:none}

/* C-16: opt-in copy footprint test, never repeated text in normal browsing. */
@media(min-width:1100px){body.intro-length-study .landing{min-height:1150px}body.intro-length-study .home-bio{max-height:none;overflow:visible}body.intro-length-study .field-instruments{display:block;top:530px;bottom:auto}body.intro-length-study .home-readout{top:940px;bottom:auto}body.intro-length-study{overflow-y:auto}body.intro-length-study .tracking-strip{bottom:70px}}

/* G-28: a single complementary mechanical pair, no extra renderer. */
.tracker-pair{pointer-events:none}.tracker-pair path{fill:none;vector-effect:non-scaling-stroke}.pair-line{stroke:var(--instrument-ink);stroke-width:var(--instrument-stroke);opacity:.7}.pair-ends{stroke:var(--ink-84);stroke-width:var(--instrument-stroke)}.pair-label{fill:var(--ink-72);font:var(--type-xs) Neuebit,monospace;text-anchor:middle;letter-spacing:var(--track-label);paint-order:stroke;stroke:var(--black);stroke-width:3.2px;stroke-linejoin:round}.tracker-target.has-sliding-port:before{clip-path:var(--tracker-port-clip)}

@media(min-width:760px){.tracker-target:not(.is-focused):not(.is-muted) .tracker-label{width:var(--label-width);max-width:var(--label-width)}.tracker-target:not(.is-focused):not(.is-muted) .tracker-label b{font-size:var(--label-size)}.tracker-target:not(.is-focused):not(.is-muted) .tracker-data{white-space:normal;overflow-wrap:anywhere;line-height:1.1}}

@media(min-width:760px){.tracker-target.is-muted .tracker-label{max-width:calc(100% - 12px);overflow:hidden}.tracker-target.is-muted .tracker-label b{font-size:var(--type-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-target.is-muted .tracker-data{display:none}}

/* Compact dock: one number and one category, not stacked full-card readouts. */
@media(min-width:760px){
 .tracker-target.is-muted .tracker-channel{top:9px;left:11px;padding:0;background:none;font:var(--type-xl)/1 Mondwest,serif}
 .tracker-target.is-muted .tracker-channel small{display:none}
 .tracker-target.is-muted .tracker-label{top:auto;bottom:9px;left:10px;right:5px;width:auto;max-width:none;opacity:1;overflow:visible;padding:0}
 .tracker-target.is-muted .tracker-label b{font-size:0;overflow:visible}
 .tracker-target.is-muted .tracker-label b:after{content:attr(data-short);display:block;font:var(--type-xs)/1 Neuebit,monospace;white-space:nowrap}
}

/* Section D: bounded, data-driven instrumentation in the reading rail. */
@media(min-width:1100px) and (min-height:1100px){.field-instruments{top:28%;width:208px}.instrument-title{font-size:var(--type-xl);line-height:1;margin:12px 0 9px}.field-overview{width:200px;height:120px}}
.instrument-module{margin-top:13px;padding-top:8px;border-top:var(--rule) solid var(--ink-35)}
.instrument-module-head{display:flex;justify-content:space-between;gap:8px;font-size:var(--type-xs);color:var(--ink-74);line-height:1.1}
.motion-channels{display:block;width:208px;height:106px;margin-top:4px}
.field-instruments [data-motion-channel]{stroke:var(--ink-81);stroke-width:var(--instrument-stroke)}
.field-instruments [data-channel-catch]{fill:var(--ink-85)}
.area-allocation{display:block;width:208px;height:40px;margin-top:7px}
.area-allocation rect{fill:var(--ink-60);fill-opacity:.15;stroke:var(--instrument-ink);stroke-width:var(--hairline)}
.area-allocation rect:nth-of-type(even){fill-opacity:.35}
.area-allocation text{text-anchor:middle}

/* R204–205: subordinate, compact dimensional telemetry; never a competing title. */
@media(min-width:1100px) and (min-height:500px){
 .field-instruments{display:block;width:208px;top:280px}
 .field-instruments .instrument-heading{font-size:var(--type-xs);line-height:1;padding-top:7px}
 .field-instruments .instrument-reading{font-size:var(--type-xs);margin:4px 0 7px;line-height:1}
 .field-instruments .instrument-key{font-size:var(--type-2xs);line-height:1;margin:3px 0}
 .field-instruments .instrument-mode{font-size:var(--type-2xs);margin:6px 0 0;line-height:1}
 .telemetry-core{display:block;width:208px;height:151px;margin-top:5px}
 .field-instruments .telemetry-core text{font-size:var(--type-2xs);fill:var(--ink-65)}
 .field-instruments .telemetry-core path{stroke-width:var(--hairline)}
 .globe-back{stroke:var(--ink-58);opacity:.19}.globe-front{stroke:var(--ink-73);opacity:.62}
 .hud-ground{stroke:#536f61;opacity:.4}.hud-axis{stroke:var(--ink-74);opacity:.36;stroke-dasharray:2 3}
 .hud-tick{stroke:var(--instrument-ink);opacity:.65}.hud-frame{stroke:var(--ink-58);opacity:.6}
 .hud-bracket{stroke:var(--ink-81);opacity:.85}
 .hud-scan{fill:var(--ink-80);fill-opacity:.035;stroke:var(--ink-85);stroke-width:var(--hairline);transform-origin:74px 70px;animation:telemetry-section 6s var(--ease-drift) infinite}
 .channel-track{stroke:var(--ink-58);opacity:.25;stroke-dasharray:1 2}
 .field-instruments [data-hud-channel]{stroke:var(--ink-77);stroke-width:var(--instrument-stroke-strong);stroke-dasharray:1 2}
 .field-instruments [data-hud-node]{stroke:var(--ink-85);fill:var(--black);stroke-width:var(--instrument-stroke)}
 .telemetry-foot{display:grid;grid-template-columns:64px 1fr;align-items:start;gap:6px;font-size:var(--type-2xs);color:var(--ink-65)}
 .telemetry-foot .area-allocation{width:138px;height:22px;margin:0}
 .telemetry-foot .area-allocation text{font-size:var(--type-xs)}
}
@keyframes telemetry-section{0%,100%{transform:translateY(-24px) scaleX(.8);opacity:.3}50%{transform:translateY(24px) scaleX(.8);opacity:.8}}
@media(min-width:1100px) and (max-height:919px){
 .field-instruments .telemetry-core{height:121px;width:167px}
 .field-instruments .instrument-mode{display:none}
 .home-readout .portfolio-totals{margin-bottom:6px}
 .home-readout{font-size:var(--type-xs);gap:2px}
 .home-readout .readout-heading{margin-top:3px}
}
@media(prefers-reduced-motion:reduce){.hud-scan{animation:none}}

/* R206: one bottom-anchored observation console, with a continuous reading spine. */
.console-bridge{display:none}
@media(min-width:1100px) and (min-height:500px){
 .field-instruments{width:270px;border-left:var(--rule) solid var(--ink-35);padding-left:9px;box-sizing:border-box}
 .field-instruments .instrument-heading{border-top:var(--rule) solid var(--ink-56);padding-top:6px}
 .console-main{display:grid;grid-template-columns:160px 94px;gap:6px;align-items:center}
 .console-main .telemetry-core{width:160px;height:116px;margin-top:5px}
 .console-radial,.console-pair>div,.console-acquisition{font:var(--type-2xs)/1.1 Neuebit,monospace;color:var(--instrument-ink)}
 .console-radial svg{width:94px;height:103px;display:block}
 .console-radial small,.console-acquisition small{font:var(--type-2xs)/1 Neuebit,monospace;color:var(--ink-60)}
 .field-instruments .radial-track{fill:none;stroke:var(--rail);stroke-width:var(--instrument-stroke);stroke-dasharray:1 2}
 .field-instruments [data-radial-speed]{fill:none;stroke:var(--ink-80);stroke-width:var(--instrument-stroke-strong);transform:rotate(-90deg);transform-origin:50px 53px;opacity:.7}
 .console-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:var(--rule) solid var(--ink-35);padding-top:7px;margin-top:5px}
 .console-pair svg{width:126px;height:74px;display:block}
 .field-instruments svg text{font-size:var(--type-2xs)}
 [data-phase-trail],[data-lattice-node]{stroke:var(--ink-81);stroke-width:var(--hairline);fill:none}
 [data-lattice-links]{stroke:var(--ink-63);opacity:.6}
 .console-acquisition{border-top:var(--rule) solid var(--ink-35);padding-top:6px;margin-top:5px}
 .console-acquisition svg{width:260px;height:27px;display:block;margin-top:4px}
 .console-acquisition rect{fill:var(--ink-81)}
 .field-instruments .instrument-mode{display:none}
 .field-instruments .instrument-reading{margin:8px 0 6px}
 .telemetry-foot{grid-template-columns:86px 1fr}.telemetry-foot .area-allocation{width:166px}
 .console-bridge{position:absolute;left:var(--gutter);width:270px;box-sizing:border-box;display:flex;flex-direction:column;border-left:var(--rule) solid var(--ink-35);padding-left:9px;color:var(--ink-65);font:var(--type-2xs)/1.2 Neuebit,monospace;pointer-events:none}
 .console-bridge p{font:var(--type-sm)/1.15 Neuebit,monospace;color:var(--ink-72);max-width:210px;margin:7px 0}
 .console-bridge>div{display:flex;align-items:center;gap:7px;margin-top:auto;font-size:var(--type-2xs);padding-bottom:6px}.console-bridge i{height:1px;flex:1;background:var(--ink-42)}
 .home-readout{width:270px;display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;border-left:var(--rule) solid var(--ink-35);padding-left:9px;box-sizing:border-box;font-size:var(--type-xs)}
 .home-readout .portfolio-totals{grid-column:1/-1;margin-bottom:3px}
 .home-readout .readout-heading{margin:0}.home-readout .flow-probe{grid-column:1/-1;margin-top:3px}
 .home-readout .speed-history{width:252px;height:18px;grid-column:1/-1}
}
.has-mobile-grid .console-bridge,body.nav-open .console-bridge,body.fluid-transition .console-bridge{display:none}
@media(min-width:1100px) and (max-height:919px){
 .console-main .telemetry-core{height:90px;width:124px}.console-main{grid-template-columns:160px 94px}
 .console-radial svg{height:74px}.console-pair svg{height:52px}
 .console-pair,.console-acquisition{margin-top:3px;padding-top:3px}
 .field-instruments .instrument-key{font-size:var(--type-2xs)}
}

@media(min-width:1100px) and (max-height:919px){
 .home-bio .typed-profile{font-size:var(--type-lg);line-height:var(--leading-micro)}
 .console-bridge p{font-size:var(--type-xs);margin:4px 0;max-width:250px}
 .console-bridge>span{display:none}
 .console-main .telemetry-core{height:73px;width:101px}.console-radial svg{height:62px}
 .console-pair svg{height:40px}.console-acquisition small{display:none}
 .field-instruments .instrument-reading{margin:4px 0}
 .field-instruments .instrument-key{margin:1px 0}
 .home-readout .speed-history{height:12px}.home-readout{gap:1px 8px}
}

/* E-9/E-12: shared perimeter register and live field header. */
body[data-page=home] .site-header:after{display:none}
body[data-page=home] .site-controls{border-top-color:transparent}
.boundary-rail{display:none;position:absolute;left:var(--gutter);right:var(--gutter);height:10px;pointer-events:none;color:var(--ink-63);font:var(--type-2xs)/1 Neuebit,monospace;letter-spacing:var(--track-label)}
body[data-page=home] .boundary-rail{display:block}
.boundary-header{bottom:0}.boundary-footer{top:-5px}
.boundary-rail svg{position:absolute;width:100%;height:10px;overflow:visible}
.boundary-rail path{fill:none;stroke-width:var(--hairline);vector-effect:non-scaling-stroke}
.boundary-spine{stroke:var(--instrument-quiet);opacity:.5}.boundary-tick{stroke:var(--ink-63);opacity:.34}.boundary-segments{stroke:var(--ink-77);opacity:.75}
.boundary-register{position:absolute;left:28%;top:-5px;background:var(--black);padding:0 7px}
.boundary-end{position:absolute;right:5%;top:-5px;background:var(--black);padding:0 7px}
.boundary-scan{position:absolute;width:36px;height:1px;left:0;top:5px;background:linear-gradient(90deg,transparent,var(--ink-81));opacity:.5;animation:boundary-traverse 14s linear infinite}
.boundary-footer .boundary-scan{animation-direction:reverse;animation-duration:19s}
@keyframes boundary-traverse{to{left:calc(100% - 36px)}}
.field-coordinate-header{font-size:var(--type-xs);gap:12px;white-space:nowrap}
.field-coordinate-header .field-header-title{color:var(--instrument-ink)}
.field-coordinate-header i{min-width:18px;height:6px;border-top-color:#435b514d;background:repeating-linear-gradient(90deg,#71887566 0 1px,transparent 1px 12px)}
.field-header-metric{font-size:var(--type-2xs);font-variant-numeric:tabular-nums;color:var(--ink-65)}
.field-channel-register{display:flex;gap:3px}
.field-channel-register b{font:var(--type-2xs)/1 Neuebit,monospace;border-bottom:2px solid var(--ink-39);padding:2px 3px;color:var(--ink-58);transition:color .2s var(--ease-standard),border-color .2s var(--ease-standard),background .2s var(--ease-standard)}
.field-channel-register b.is-tracking{border-color:var(--ink-67);color:var(--ink-72)}
.field-channel-register b.is-selected{border-color:var(--ink-89);color:var(--ink-89);background:#263a30}
.field-coordinate-header:after{display:none}
@media(max-width:1099px){.field-header-metric{font-size:var(--type-2xs)}.field-coordinate-header{gap:7px}.boundary-register{left:35%}}
@media(max-width:759px){.boundary-register{display:none}.boundary-end{font-size:7px;right:8%}.boundary-scan{width:18px;opacity:.3}}
@media(prefers-reduced-motion:reduce){.boundary-scan{animation:none}.field-channel-register b{transition:none}}
body.reduced .boundary-scan,body.flow-paused .boundary-scan{animation-play-state:paused}

/* F-17: separated position lanes and aligned size registers. */
.tracking-strip{height:88px;bottom:18px}
.tracking-strip svg{height:66px}
.tracking-strip .tracking-caption{font-size:var(--type-2xs);line-height:12px;margin-bottom:6px;color:var(--instrument-ink)}
.tracking-strip .meter-baseline{stroke:var(--ink-54);opacity:.4}
.tracking-strip .meter-ruler path{stroke:var(--ink-58);stroke-dasharray:1 4;opacity:.25;stroke-width:var(--hairline)}
.tracking-strip .position-window{fill:var(--instrument-ink);fill-opacity:.08;stroke:var(--ink-77);stroke-width:var(--hairline)}
.tracking-strip .size-band{fill:var(--ink-73);fill-opacity:.15;stroke:var(--ink-63);stroke-width:var(--hairline)}
.tracking-strip text{font:var(--type-2xs) Neuebit,monospace;fill:var(--ink-73)}
.tracking-strip .is-active .position-window,.tracking-strip .is-active .size-band{stroke:var(--ink-89);fill-opacity:.22}
@media(max-width:1099px){.tracking-strip .tracking-caption{font-size:var(--type-2xs)}}

.tracking-strip{background:linear-gradient(180deg,transparent,#070909e8 24%,#070909f5 100%)}

/* H-11: surface-ready handoff and a shared UI assembly order. */
body.boot-ready #splash{animation:splash-out .5s both}
body.boot-ready[data-page=home] #world{transition:opacity .65s ease}
body.boot-ready[data-page=home] .site-header{animation:anchor-in .5s var(--ease-acquire) .25s both}
body.boot-ready[data-page=home] .site-controls{animation:anchor-in .5s var(--ease-acquire) .35s both}
.home-entering .home-bio{animation:interface-in .5s var(--ease-acquire) .36s both}
.home-entering .field-coordinate-header{animation:interface-in .45s var(--ease-acquire) .46s both}
.home-entering .console-bridge{animation:interface-in .5s var(--ease-acquire) .62s both}
.home-entering .tracker-target{animation:tracker-acquire .55s var(--ease-acquire) .55s both}
.home-entering .tracker-target[data-tracker-target="1"]{animation-delay:.61s}
.home-entering .tracker-target[data-tracker-target="2"]{animation-delay:.67s}
.home-entering .tracker-target[data-tracker-target="3"]{animation-delay:.73s}
.home-entering .tracker-target[data-tracker-target="4"]{animation-delay:.79s}
.home-entering .field-instruments{animation:interface-in .5s var(--ease-acquire) .82s both}
.home-entering .home-readout{animation:interface-in .45s var(--ease-acquire) .96s both}
.home-entering .tracking-strip{animation:register-acquire .6s var(--ease-acquire) 1.04s both}
.home-entering .field-distribution{animation:interface-in .5s var(--ease-acquire) 1.1s both}
@keyframes tracker-acquire{from{clip-path:inset(0 0 100% 0);filter:brightness(1.25)}65%{clip-path:inset(0);filter:brightness(1.12)}to{clip-path:none;filter:none}}
@keyframes register-acquire{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}

body.boot-ready[data-page=home] #connections{animation:interface-in .55s var(--ease-acquire) .55s both}

/* H-11: show the live body behind the departing identity, before UI assembly. */
body.booting.boot-travelling[data-page=home] #world{opacity:1;transition:opacity .12s}
body.booting.boot-travelling[data-page=home] #splash{background:transparent}
body.boot-travelling.splash-covered #splash>span,body.boot-travelling.splash-covered #splash>small{animation:entrance-identity-away .25s both}
body.boot-ready #splash>span,body.boot-ready #splash>small{visibility:hidden}
body.booting #connections{visibility:hidden}
@keyframes entrance-identity-away{to{opacity:0;transform:translateY(-16px);filter:blur(2px)}}

body.boot-ready #splash{background:transparent}
/* The masthead arrives as the corner clears; tracker acquisition stays last. */
body.booting.splash-uncovered[data-page=home] .site-header{opacity:1;animation:anchor-in .45s both}
body.boot-ready.splash-uncovered[data-page=home] .site-header{animation:none;opacity:1}

/* Geometric XD identity: compact signatures and one splash-only flash. */
.brand .xd-mark{width:48px;height:27px;flex:none;fill:none;color:var(--white);stroke:none}
.xd-mark g{fill:none;stroke:currentColor;stroke-width:80}
.footer-archive{display:inline-flex;align-items:center;gap:12px}
.footer-archive .xd-mark{width:29px;height:17px;color:var(--muted)}
.brand-index{display:inline-flex;align-items:center;gap:10px}
.brand-index .xd-mark{width:32px;height:18px}
#splash>span.splash-brand{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 24px;animation:none}

.xd-mark .logo-ink{fill:none;stroke:currentColor;stroke-width:80;stroke-linecap:round;stroke-linejoin:round}
.splash-brand .xd-mark{width:clamp(180px,25vw,350px);height:auto;overflow:visible;animation:none}
.splash-brand b{font:30px/1 Mondwest,serif;letter-spacing:var(--track-micro);font-weight:400;animation:xd-caption-in .25s 1s both}
.splash-brand .logo-piece{transform:none;animation:none}
@keyframes xd-docked-glow{0%{filter:none}35%{filter:drop-shadow(0 0 9px #dbe7d680)}100%{filter:drop-shadow(0 0 2px #dbe7d630)}}
@keyframes xd-caption-in{from{opacity:0}to{opacity:1}}
.xd-mark .logo-tracker{fill:none;stroke:var(--ink-72-teal);stroke-width:1.2;stroke-linecap:butt;stroke-linejoin:miter;animation:none}
.logo-tracker text{fill:var(--ink-77);stroke:none;font:16px monospace;letter-spacing:1.2px}
.logo-tracker circle{fill:var(--ink-87);stroke:none}
@keyframes xd-tracker-release{0%{opacity:.85}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.splash-brand .xd-mark,.splash-brand .logo-piece,.splash-brand b,.xd-mark .logo-tracker{animation:none}.xd-mark .logo-tracker{display:none}}

.splash-brand .xd-mark.logo-locked{animation:xd-docked-glow .65s both}
.logo-locked .logo-tracker{animation:xd-tracker-release .7s .3s both}
@media(prefers-reduced-motion:reduce){.splash-brand .xd-mark.logo-locked,.logo-locked .logo-tracker{animation:none}}

/* Early HUD acquisition: liquid and tracker release keep their own clocks. */
body.hud-early[data-page=home] .landing,body.hud-early[data-page=home] .site-header,body.hud-early[data-page=home] .site-controls{opacity:1}
body.hud-early.booting .tracker-target,body.hud-early.booting .surface-link{visibility:hidden}
body.hud-early[data-page=home] .site-header,body.hud-early[data-page=home] .site-controls{animation:none}
body.hud-early .site-header .brand{animation:hud-brand-lock .55s both}
body.hud-early .header-name{animation:hud-type-scan .55s var(--ease-acquire) .12s both}
body.hud-early .header-contact{animation:hud-contact-lock .5s var(--ease-acquire) .22s both}
body.hud-early .boundary-rail{animation:hud-rail-draw .65s var(--ease-acquire) both;transform-origin:left center}
body.hud-early .site-controls>[data-nav]{animation:hud-contact-lock .5s var(--ease-acquire) .1s both}
body.hud-early .footer-archive{animation:hud-type-scan .55s var(--ease-acquire) .25s both}
body.hud-early .home-bio,body.hud-early .field-coordinate-header,body.hud-early .console-bridge,body.hud-early .field-instruments,body.hud-early .home-readout,body.hud-early .tracking-strip,body.hud-early .field-distribution{animation:hud-type-scan .65s var(--ease-acquire) .1s both}
@keyframes hud-brand-lock{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-14px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes hud-type-scan{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes hud-contact-lock{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes hud-rail-draw{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.splash-brand .xd-mark:not(.logo-locked) .logo-ink{stroke:var(--ink-77);animation:stroke-signal 1.1s linear infinite}
@keyframes stroke-signal{0%,40%,47%,100%{opacity:1}42%,45%{opacity:.82}}
@keyframes hud-signal{0%,51%,53%,100%{opacity:1}51.5%{opacity:.79}52%{opacity:.94}52.5%{opacity:.85}}
body.flow-paused .field-instruments svg,body.flow-paused .boundary-register{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body.hud-early .site-header *,body.hud-early .site-controls *,body.hud-early .landing *, .splash-brand .xd-mark:not(.logo-locked) .logo-ink{animation:none!important}}

.splash-brand .logo-outline{fill:none;stroke:var(--ink-67);stroke-width:92;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #a7c6ae80)}

.splash-brand .logo-shaded-band{fill:none;stroke-linecap:round;stroke-linejoin:round;animation:stroke-signal 1.1s linear infinite}
.splash-brand .logo-locked .logo-shaded-band{animation:none}
@media(prefers-reduced-motion:reduce){.splash-brand .logo-shaded-band{animation:none}}

/* Section I: faint instrument texture and a single assembly bloom. */
.splash-brand .logo-rim{filter:drop-shadow(0 0 5px #a7c6ae88)}
.splash-brand .xd-mark.logo-locked{animation:logo-assembly-bloom .68s ease-out both}
.splash-brand .logo-locked .logo-core{animation:logo-white-lock .68s ease-out both}
.splash-brand .logo-locked .logo-scan{animation:logo-scan-clear .38s ease-out both}
@keyframes logo-assembly-bloom{0%{filter:drop-shadow(0 0 3px #a7c6ae88)}25%{filter:brightness(1.9) blur(2px) drop-shadow(0 0 22px #e9fff0dd)}55%{filter:brightness(1.25) blur(.5px) drop-shadow(0 0 12px #dbe7d6aa)}100%{filter:none}}
@keyframes logo-white-lock{0%{stroke:var(--ink-77)}28%,100%{stroke:var(--white)}}
@keyframes logo-scan-clear{to{opacity:0}}
body:after{content:'';position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
body[data-page=home] .boundary-rail{filter:drop-shadow(0 0 2px #82948740)}
@media(prefers-reduced-motion:reduce){.splash-brand .xd-mark.logo-locked,.splash-brand .logo-locked .logo-core,.splash-brand .logo-locked .logo-scan{animation:none;filter:none}.splash-brand .logo-locked .logo-core{stroke:var(--white)!important}.splash-brand .logo-locked .logo-scan{opacity:0}}

/* Resolve to the unframed white mark, then lose the signal in horizontal slices. */
.splash-brand .xd-mark.logo-locked{animation:logo-assembly-bloom .4s ease-out both,logo-signal-exit .54s steps(1,end) .64s forwards}
.splash-brand .logo-locked .logo-core{animation:logo-white-lock .4s ease-out both}
.splash-brand .logo-locked .logo-rim,.splash-brand .logo-locked .logo-gap,.splash-brand .logo-locked .logo-scan,.splash-brand .logo-locked .logo-tracker{animation:logo-housing-clear .28s ease-out both}
@keyframes logo-housing-clear{0%{opacity:1}100%{opacity:0;filter:none}}
@keyframes logo-signal-exit{0%{opacity:1;clip-path:inset(0);translate:0}12%{opacity:.35;clip-path:inset(18% 0 38%);translate:6px 0}23%{opacity:1;clip-path:inset(0);translate:0}42%{opacity:.12;clip-path:inset(58% 0 8%);translate:-9px 0}54%{opacity:.85;clip-path:inset(0);translate:2px 0}72%{opacity:.35;clip-path:inset(35% 0 49%);translate:11px 0}88%,100%{opacity:0;clip-path:inset(49% 0);translate:0}}
/* Independent instrument faults: staggered local dropouts, not a page-wide flash. */
@keyframes hud-local-fault{0%,18%,26%,61%,69%,100%{opacity:1;translate:0;clip-path:inset(0)}19%{opacity:.22;translate:2px 0;clip-path:inset(0 0 24%)}21%{opacity:.8;translate:-1px 0;clip-path:inset(0)}24%{opacity:.4;translate:0}62%{opacity:.1;clip-path:inset(30% 0 35%);translate:-3px 0}65%{opacity:.7;clip-path:inset(0);translate:1px 0}67%{opacity:.35;translate:0}}
body.flow-paused .tracking-strip svg,body.flow-paused .field-distribution svg,body.flow-paused .home-readout .micro,body.flow-paused .field-coordinate-header .micro{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.splash-brand .xd-mark.logo-locked,.splash-brand .logo-locked .logo-core,.splash-brand .logo-locked .logo-rim,.splash-brand .logo-locked .logo-gap,.splash-brand .logo-locked .logo-scan,.splash-brand .logo-locked .logo-tracker{animation:none!important}.splash-brand .logo-locked .logo-rim,.splash-brand .logo-locked .logo-gap,.splash-brand .logo-locked .logo-scan,.splash-brand .logo-locked .logo-tracker{opacity:0}}

/* Shared display finish on every page, with the sharp source retained. */
body{text-shadow:0 0 3px #bad7c230}
#scene,.project-media img,.feature-media img{filter:drop-shadow(0 0 2px #d1dfc324)}
.site-header .xd-mark,.site-controls .xd-mark,.field-instruments svg{filter:drop-shadow(0 0 2px #bad7c238)}
body:before{content:'';position:fixed;inset:0;z-index:var(--z-overlay-top);pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#00000016 3px 4px),linear-gradient(180deg,transparent 0 42%,#bad7c208 48%,#bad7c213 50%,#bad7c205 53%,transparent 59%);background-size:100% 4px,100% 240%;background-position:0 0,0 180%;animation:display-scan-sweep 12s linear infinite}
@keyframes display-scan-sweep{to{background-position:0 0,0 -80%}}
body.flow-paused:before,body.reduced:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body:before{animation:none}}

/* Stable housings and local signal failures. */
@media(min-width:1100px){
.console-main{grid-template-columns:minmax(0,160px) minmax(0,94px);align-items:stretch}
.console-spatial,.console-radial,.console-pair>div,.console-acquisition,.telemetry-foot{box-sizing:border-box;border:var(--rule) solid var(--ink-42);background:#10171377;box-shadow:inset 0 0 9px #07090999;position:relative;padding:4px}
.console-spatial:before,.console-radial:before,.console-pair>div:before,.console-acquisition:before{content:'';position:absolute;left:-1px;top:-1px;width:12px;height:3px;background:#82948799}
.console-main .telemetry-core{max-width:100%;margin:0;height:108px}
.console-radial svg,.console-pair svg,.console-acquisition svg{width:100%;max-width:100%}
.console-pair{border:0;padding-top:0;gap:6px}
.console-pair>div>span,.console-radial>span,.console-acquisition>span{display:block;padding-bottom:3px;border-bottom:var(--rule) solid var(--ink-39);color:var(--ink-77)}
.telemetry-foot{margin-top:4px;grid-template-columns:75px minmax(0,1fr)}
.telemetry-foot .area-allocation{max-width:100%}
}
.field-instruments svg{filter:blur(.24px) drop-shadow(0 0 2px #bad7c255)}
.site-header,.site-controls,.home-bio,.home-readout{filter:blur(.16px)}
body.hud-early .field-instruments [data-hud-channel="1"],body.hud-early .field-instruments [data-radial-speed="3"],body.hud-early .field-instruments [data-lattice-node="2"],body.hud-early .field-instruments [data-catch-cell="2-4"],body.hud-early .field-instruments .hud-tick:nth-of-type(7n){animation:signal-fragment-fault 6.7s steps(1,end) -1.4s infinite}
body.hud-early .field-instruments [data-lattice-node="2"]{animation-duration:8.3s;animation-delay:-3.8s}
body.hud-early .field-instruments [data-radial-speed="3"]{animation-duration:7.9s;animation-delay:-5.2s}
body.hud-early .field-instruments [data-phase-trail],body.hud-early .field-instruments [data-hud-channel="4"]{animation:signal-refocus 9.3s var(--ease-drift) -4s infinite}
@keyframes signal-fragment-fault{0%,30%,39%,74%,82%,100%{opacity:1;filter:blur(.15px)}31%{opacity:.12;filter:blur(.8px)}34%{opacity:.8;filter:blur(.4px)}37%{opacity:.3;filter:blur(.2px)}75%{opacity:.25;filter:blur(1px)}79%{opacity:.75;filter:blur(.5px)}}
@keyframes signal-refocus{0%,45%,63%,100%{filter:blur(.2px);opacity:.9}51%{filter:blur(1.1px);opacity:.55}57%{filter:blur(.45px);opacity:.85}}
body.flow-paused .field-instruments *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body.hud-early .field-instruments *{animation:none!important}}

@media(min-width:1100px) and (max-height:919px){.console-main .telemetry-core{height:73px}.console-spatial,.console-radial,.console-pair>div,.console-acquisition,.telemetry-foot{padding:2px}}

/* Phosphor halation: sharp source, close glow, then diffuse spill. Existing hues stay intact. */
body{text-shadow:0 0 1px #bad7c255,0 0 5px #bad7c23b,0 0 17px #bad7c223}
.site-header,.site-controls,.home-bio,.home-readout{filter:none}
.site-header .xd-mark,.site-controls .xd-mark{filter:drop-shadow(0 0 2px #a7b8aa88) drop-shadow(0 0 11px #a7b8aa44)}
.field-instruments svg,.tracking-strip svg,.field-distribution svg,.home-readout svg{filter:drop-shadow(0 0 1px #a7b8aa80) drop-shadow(0 0 5px #a7b8aa55) drop-shadow(0 0 16px #a7b8aa30)}
.field-instruments{isolation:isolate}
.field-instruments:before{content:'';position:absolute;inset:-24px -32px;pointer-events:none;z-index:var(--z-behind);background:radial-gradient(ellipse at 35% 28%,#a7b8aa16,transparent 68%),radial-gradient(ellipse at 55% 75%,#a7b8aa10,transparent 65%);filter:blur(16px)}
body:after{opacity:.055}
body:before{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#0000001a 3px 4px),linear-gradient(180deg,transparent 0 42%,#bad7c206 48%,#bad7c20d 50%,#bad7c204 53%,transparent 59%)}
@media(min-width:1100px){
.field-instruments{border:var(--rule) solid #657b6866;padding:5px;background:#10171366}
.field-instruments .instrument-heading{border-top:0;border-bottom:var(--rule) solid var(--ink-56);margin:0 0 4px;padding:3px 4px;background:transparent;color:var(--ink-81);text-shadow:none}
.console-main{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:0}
.console-spatial,.console-radial,.console-pair>div,.console-acquisition,.telemetry-foot{border-color:#829487a6;background:#10171355;box-shadow:inset 0 0 10px #a7b8aa08;padding:4px}
.console-radial,.console-pair>div+div{border-left:0}
.console-pair{gap:0;margin-top:0}
.console-pair>div{border-top:0}
.console-acquisition{margin-top:0;border-top:0}
.console-pair>div>span,.console-radial>span,.console-acquisition>span{font-size:var(--type-xs);line-height:1.15;border-bottom-color:#82948780;padding-bottom:4px;margin-bottom:2px}
.field-instruments .hud-frame,.field-instruments .hud-bracket{stroke-width:var(--instrument-stroke)}
.field-instruments .globe-front{stroke-width:var(--instrument-stroke)}
.field-instruments [data-phase-trail],.field-instruments [data-lattice-links]{stroke-width:var(--instrument-stroke)}
.field-instruments .instrument-reading{padding:4px;margin:0;border-left:var(--rule) solid #829487a6;border-right:var(--rule) solid #829487a6}
.telemetry-foot{margin-top:0}
.console-main .telemetry-core{width:100%;height:110px}
}
@media(min-width:1100px) and (max-height:919px){.console-main .telemetry-core{height:73px}.console-spatial,.console-radial,.console-pair>div,.console-acquisition,.telemetry-foot{padding:2px}.console-pair>div>span,.console-radial>span,.console-acquisition>span{font-size:var(--type-2xs);padding-bottom:2px}}

/* Worn display signal: grain across the glass, faults confined to small details. */
body:after{inset:-12px;opacity:.115;animation:grain-drift .7s steps(1,end) infinite;background-size:137px 149px}
@keyframes grain-drift{0%,100%{translate:0 0}23%{translate:-5px 3px}51%{translate:4px -6px}78%{translate:-3px -2px}}
body:before{background-image:repeating-linear-gradient(0deg,transparent 0 2px,#00000027 2px 3px,transparent 3px 5px,#a7b8aa08 5px 6px),linear-gradient(180deg,transparent 0 42%,#bad7c20c 48%,#bad7c21c 50%,#00000018 51%,transparent 56%);background-size:100% 6px,100% 240%;animation-duration:8.5s}
.boundary-register,.field-coordinate-header .micro:last-child,.tracking-caption span:last-child,.simulation-time,.project-year,.feature-eyebrow,.project-context .micro{animation:terminal-detail-fault 7.1s steps(1,end) -2.2s infinite}
.simulation-time,.project-year:nth-child(odd){animation-duration:9.3s;animation-delay:-5.3s}
.tracker-target:nth-child(2n) .tracker-label small,.tracking-strip [data-track-meter="2"] text,.tracking-strip [data-track-meter="4"] .size-band,.field-instruments [data-area-label="3"],.home-readout [data-surface-grid]{animation:terminal-detail-fault 5.8s steps(1,end) -3.1s infinite}
.field-instruments [data-hud-channel="0"],.field-instruments [data-lattice-node="4"],.field-instruments [data-catch-cell="0-7"]{animation:signal-fragment-fault 4.3s steps(1,end) -2.7s infinite}
@keyframes terminal-detail-fault{0%,18%,29%,66%,78%,100%{opacity:1;translate:0;filter:none;clip-path:inset(0)}19%{opacity:.2;translate:3px 0;filter:blur(.7px);clip-path:inset(20% 0 15%)}22%{opacity:.8;translate:-2px 0;filter:blur(.3px);clip-path:inset(0)}26%{opacity:.4;translate:1px 0}67%{opacity:.15;translate:-3px 0;clip-path:inset(0 0 55%)}71%{opacity:.65;translate:2px 0;filter:blur(.6px);clip-path:inset(0)}75%{opacity:.35;translate:0;filter:none}}
body.flow-paused:after,body.flow-paused .boundary-register,body.flow-paused .field-coordinate-header .micro,body.flow-paused .tracking-caption span,body.flow-paused .simulation-time,body.flow-paused .tracker-label small,body.flow-paused .tracking-strip *,body.flow-paused .home-readout *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body:after,.boundary-register,.field-coordinate-header .micro,.tracking-caption span,.simulation-time,.project-year,.feature-eyebrow,.project-context .micro,.tracker-label small,.tracking-strip *,.home-readout *{animation:none!important}}

/* Remove both screen-wide scan patterns and stroke scan hatching. */
body:before{display:none;animation:none}
.splash-brand .logo-scan{display:none}

/* Consistent desktop media windows and folding collection branches. */
@media(min-width:760px){
.collection-page,.project-page{grid-template-columns:minmax(220px,.65fr) minmax(0,1.5fr);gap:clamp(32px,5vw,80px)}
.project-page .asset-frame,.collection-page .feature-media{height:clamp(240px,58vh,680px);width:100%;padding:20px;box-sizing:border-box;border:var(--rule) solid var(--instrument-quiet);background:var(--ink-17)}
/* Media windows share the tracker frame grammar: corner marks inside the padding, clear of the artwork. */
.project-page .asset-frame,.collection-page .feature-media{position:relative}
.project-page .asset-frame:after,.collection-page .feature-media:after{content:'';position:absolute;inset:6px;pointer-events:none;--k:linear-gradient(var(--ink-60),var(--ink-60));background:var(--k) 0 0/14px var(--instrument-stroke),var(--k) 0 0/var(--instrument-stroke) 14px,var(--k) 100% 0/14px var(--instrument-stroke),var(--k) 100% 0/var(--instrument-stroke) 14px,var(--k) 0 100%/14px var(--instrument-stroke),var(--k) 0 100%/var(--instrument-stroke) 14px,var(--k) 100% 100%/14px var(--instrument-stroke),var(--k) 100% 100%/var(--instrument-stroke) 14px;background-repeat:no-repeat}
.project-page .asset-frame .media-sheet{width:100%;height:100%;aspect-ratio:auto;max-width:100%;min-height:0;background:transparent}
.project-page .asset-frame .media-sheet img,.project-page .asset-frame .media-sheet video{width:100%;height:100%;object-fit:contain}
.project-page .asset{margin-bottom:32px}
.project-thumb{width:100%;height:88px;border:var(--rule) solid var(--ink-42)}
.project-link{grid-template-columns:112px minmax(0,1fr) auto auto;position:relative}
.project-link:before{content:'';position:absolute;left:-27px;top:50%;width:18px;border-top:var(--rule) solid var(--ink-58)}
}
.client-branch::details-content,.nav-tree details::details-content{interpolate-size:allow-keywords;block-size:0;overflow:clip;opacity:0;transition:block-size .36s var(--ease-standard),opacity .25s var(--ease-standard),content-visibility .36s allow-discrete}
.client-branch[open]::details-content,.nav-tree details[open]::details-content{block-size:auto;opacity:1}
.client-branch[open] .project-link{animation:project-branch-unfold .38s var(--ease-acquire) both}
.client-branch[open] .project-link:nth-child(2){animation-delay:.04s}.client-branch[open] .project-link:nth-child(3){animation-delay:.08s}
@keyframes project-branch-unfold{from{opacity:0;translate:-10px 0}to{opacity:1;translate:0}}
body.nav-open .nav-branch{animation:project-branch-unfold .4s var(--ease-acquire) calc(var(--branch,0)*.065s) both}
.splash-brand .xd-mark:not(.logo-locked) .logo-core{opacity:0;animation:none}
.splash-brand .xd-mark.logo-locked{animation:none}
.splash-brand .logo-locked .logo-core{animation:logo-solid-acquire .48s steps(1,end) both;stroke:var(--white)!important}
.splash-brand .logo-locked .logo-rim,.splash-brand .logo-locked .logo-gap{animation:logo-outline-release .48s steps(1,end) both}
@keyframes logo-solid-acquire{0%{opacity:0}16%{opacity:.85}28%{opacity:0}46%{opacity:1}58%{opacity:.3}72%,100%{opacity:1}}
@keyframes logo-outline-release{0%{opacity:1}16%{opacity:.15}28%{opacity:1}46%{opacity:0}58%{opacity:.6}72%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.client-branch::details-content,.nav-tree details::details-content{transition:none}.client-branch .project-link,body.nav-open .nav-branch{animation:none!important}.splash-brand .logo-locked .logo-core{opacity:1}}
/* Spatial pages set the shared viewer's labels as Neuebit microtype; the crystal concept keeps its own. */
body :is(.asset-actions,.viewer-toolbar,.media-error){font-size:var(--type-xs);text-transform:uppercase;letter-spacing:var(--track-micro)}
body .asset-type{font-size:var(--type-xs)!important;text-transform:uppercase}
.console-tight .console-bridge{display:none}
.console-tight .home-bio .typed-profile{line-height:var(--leading-tight)}