:root{--bg:#f8f8f8;--ink:#232522;--dark:#343833;--muted:#83867e}
body{background:var(--bg)}.site-header.scrolled{background:linear-gradient(#f8f8f8f2,#f8f8f800)}
.scene-entry{opacity:0;translate:0 24px;transition:opacity .8s cubic-bezier(.33,1,.68,1) var(--scene-delay,0ms),translate .8s cubic-bezier(.33,1,.68,1) var(--scene-delay,0ms)}.scene-entry.scene-in-view{opacity:1;translate:0 0}
.material-panel{background:linear-gradient(140deg,#535852,#373c36 70%,#2d332b)}
.workflow-machine{position:absolute;width:52%;height:85%;right:-1%;top:2%;object-fit:contain;filter:drop-shadow(12px 21px 13px #45503522);pointer-events:none}.world-picture{opacity:.22;filter:grayscale(.7);left:34%;width:100%;top:0;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.world-grid{background:linear-gradient(90deg,#f5f6f2 2%,#f5f6f2ed 39%,#f5f6f252 65%,transparent 85%)}.world-copy{z-index:2}.world-tabs{z-index:3}
.world-copy>.eyebrow,.world-copy>.district-label{display:block}.world-copy>.eyebrow{font-size:9px}
.workflow-panorama{position:absolute;right:-1%;top:2%;width:54%;height:85%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent)}.workflow-panorama-strip{height:100%;width:100%;display:flex;will-change:transform}.workflow-panorama .workflow-machine{position:relative;inset:auto;width:100%;height:100%;max-width:none;flex:0 0 100%;object-fit:contain;filter:drop-shadow(8px 17px 12px #33362f22);opacity:1}
/* The outlined wordmark spans the viewport, independent of the link columns. */
#app > footer{container-type:inline-size}
.footer-wordmark{position:relative;left:50%;width:calc(100vw - 64px);max-width:none;transform:translateX(-50%);margin-top:60px;user-select:none;line-height:0}
.footer-wordmark img{display:block;width:100%;height:auto;max-width:none}
@media(max-width:760px){.workflow-machine{width:95%;height:52%;top:38%;right:-14%;opacity:.65}.world-copy{padding:28px}.footer-wordmark{margin-top:45px}}
@media(max-width:639px){.footer-wordmark{width:calc(100vw - 32px);margin-top:45px;padding-top:0}}
@media(max-width:760px){.workflow-panorama{width:95%;height:52%;top:38%;right:-14%;opacity:.65}.workflow-panorama .workflow-machine{width:100%;height:100%;inset:auto}}
@media(prefers-reduced-motion:reduce){.scene-entry{opacity:1;translate:none;transition:none}}
/* Lenis owns the desktop easing. Native smooth scrolling must not compete
   with its per-frame position updates or hash navigation can overshoot. */
html.lenis { scroll-behavior: auto !important; }