@font-face{font-family:Jost;src:url(/fonts/jost-var-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");font-weight:400;font-display:swap}:root{--paper:#f3f2ee;--ink:#16181b;--teal:#1f7d8a;--teal-ink:#186a76;--terra:#b85c38;--terra-ink:#9a4a2b;--white:#fffdf9;--body:#3d4145;--muted:#6b6f73;--muted-2:#5f6367;--muted-3:#5b6064;--panel-bg:#f3f2eecc;--panel-bg-strong:#f3f2eedb;--label-bg:#f3f2eef5;--label-border:#16181b24;--font-sans:"Jost", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--hud-x:clamp(16px, 3vw, 36px)}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:var(--teal-ink);text-decoration:none}a:hover{color:var(--ink)}::selection{background:var(--teal);color:#fff}button:focus-visible,a:focus-visible{outline:1.5px solid var(--teal);outline-offset:3px}@keyframes rpCue{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.is-reduced *,.is-reduced :before,.is-reduced :after{animation:none!important}.root{background:var(--paper);color:var(--ink);font-family:var(--font-sans);position:relative}.globe{z-index:0;pointer-events:none;position:fixed;inset:0}.overlay{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.crosshair{left:calc(50% + var(--view-dx,0px));top:calc(50% + var(--view-dy,0px));z-index:2;pointer-events:none;opacity:0;width:0;height:0;position:fixed}.crosshair__arm{background:#16181b8c;position:absolute}.crosshair__arm--n{width:1px;height:12px;top:-22px;left:-.5px}.crosshair__arm--s{width:1px;height:12px;top:10px;left:-.5px}.crosshair__arm--w{width:12px;height:1px;top:-.5px;left:-22px}.crosshair__arm--e{width:12px;height:1px;top:-.5px;left:10px}.crosshair__dot{background:var(--terra);border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px}.note{left:calc(50% + var(--view-dx,0px));top:calc(50% + var(--view-dy,0px));z-index:2;text-align:center;max-width:340px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--body);padding:0 20px;font-size:12px;line-height:1.7;position:fixed;transform:translate(-50%,-50%)}.note--narrow{max-width:320px}.note__globe{background:repeating-linear-gradient(0deg,#0000 0 19px,#1f7d8a2e 19px 20px),repeating-linear-gradient(90deg,#0000 0 19px,#1f7d8a2e 19px 20px);border:1px solid #16181b33;border-radius:50%;width:120px;height:120px;margin:0 auto 22px}.story{z-index:3;pointer-events:none;position:relative}.scene--intro{height:100vh}.scene{height:200vh}.scene__sticky{box-sizing:border-box;flex-direction:column;justify-content:center;height:100vh;padding:0 clamp(20px,5vw,80px);display:flex;position:sticky;top:0}.panel{box-sizing:border-box;pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(400px,100%);padding:26px 28px 28px}.panel--wide{width:min(420px,100%)}.panel--strong{background:var(--panel-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel__kicker{font-family:var(--font-mono);letter-spacing:.18em;color:var(--teal-ink);text-transform:uppercase;align-items:center;gap:12px;font-size:11px;display:flex}.panel__rule{background:var(--teal);width:28px;height:1px}.panel__title{letter-spacing:-.01em;text-wrap:balance;margin:18px 0 0;font-size:clamp(28px,2.8vw,40px);font-weight:300;line-height:1.08}.panel__title--h1{font-size:clamp(30px,3.2vw,44px);line-height:1.06}.panel__body{color:var(--body);text-wrap:pretty;margin:16px 0 0;font-size:16px;line-height:1.55}.panel__body--first{margin-top:18px}.panel__tags{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted-3);text-transform:uppercase;flex-wrap:wrap;gap:8px 16px;margin-top:22px;font-size:10.5px;display:flex}.steps{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;gap:12px;margin:22px 0 0;padding:0;font-size:11px;list-style:none;display:grid}.steps__item{opacity:.35;align-items:center;gap:12px;transition:opacity .4s;display:flex}.steps__bar{background:var(--ink);width:14px;height:1px;transition:width .4s,background .4s}.scene--outro{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:center;height:100vh;padding-bottom:9vh;display:flex}.outro{pointer-events:auto;text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.outro__name{letter-spacing:.01em;font-size:26px;font-weight:300}.outro__btn{cursor:pointer;min-height:44px;font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink);text-transform:uppercase;background:0 0;border:1px solid #16181b33;margin-top:10px;padding:10px 16px;font-size:10.5px}.outro__btn:hover{border-color:var(--teal);color:var(--teal-ink)}.tiles{display:flex}.tile{background:var(--ink);color:var(--white);justify-content:center;align-items:center;display:flex}.tile--leaf{background:var(--teal)}.tiles--outro{gap:5px}.tiles--outro .tile{width:26px;height:28px;font-size:15px}.tiles--hud{gap:3px}.tiles--hud .tile{width:18px;height:20px;font-family:var(--font-sans);font-size:11px}.hud{z-index:10;pointer-events:none;opacity:0;font-family:var(--font-mono);color:var(--ink);text-shadow:0 0 2px #f3f2eef2,0 0 6px #f3f2eeb3;position:fixed;inset:0}.hud .tiles{text-shadow:none}.hud__brand{left:var(--hud-x);pointer-events:auto;color:var(--ink);align-items:center;gap:14px;display:flex;position:absolute;top:clamp(16px,3vw,30px)}.hud__brand:hover{color:var(--ink)}.hud__brand-name{letter-spacing:.2em;font-size:10.5px}.hud__scene{right:var(--hud-x);letter-spacing:.18em;text-transform:uppercase;align-items:baseline;gap:10px;font-size:10.5px;display:flex;position:absolute;top:clamp(18px,3vw,32px)}.hud__scene-num{color:var(--teal-ink)}.hud__scene-of{color:var(--muted-2)}.layers{right:var(--hud-x);pointer-events:auto;background:var(--panel-bg-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #16181b1a;width:220px;padding:12px 0 8px;position:absolute;top:72px}.layers__head{letter-spacing:.18em;color:var(--muted);padding:0 14px 8px;font-size:9.5px}.layers__row{cursor:pointer;text-align:left;width:100%;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:6px 14px;font-size:10.5px;display:flex}.layers__row:hover{background:#1f7d8a14}.layers__row[aria-pressed=false]{opacity:.45}.layers__box{border:1px solid var(--ink);flex:none;width:9px;height:9px;position:relative}.layers__dot{background:var(--teal);opacity:0;position:absolute;inset:1px}.rail{right:var(--hud-x);pointer-events:auto;align-items:stretch;gap:10px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.rail__track{background:#16181b24;width:1px;position:relative}.rail__fill{background:var(--teal);width:1px;height:0%;position:absolute;top:0;left:0}.rail__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rail__btn{cursor:pointer;height:30px;font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:0 4px;font-size:10px;display:flex}.rail__btn[aria-current=step],.rail__btn:hover{color:var(--teal-ink)}.rail__tick{background:currentColor;width:10px;height:1px;transition:width .35s}.rail__btn[aria-current=step] .rail__tick{width:22px}.readout{left:var(--hud-x);flex-direction:column;gap:10px;display:flex;position:absolute;bottom:clamp(14px,3vw,28px)}.readout__grid{letter-spacing:.06em;grid-template-columns:auto auto;gap:3px 14px;font-size:10.5px;display:grid}.readout__k{color:var(--muted-2)}.readout__v{font-variant-numeric:tabular-nums}.scalebar{flex-direction:column;gap:4px;display:flex}.scalebar__bar{border:1px solid var(--ink);box-sizing:border-box;border-top:0;width:100px;height:5px}.scalebar__label{letter-spacing:.08em;color:var(--body);font-size:9.5px}.hud__br{right:var(--hud-x);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:clamp(14px,3vw,28px)}.compass{will-change:transform;width:44px;height:44px}.attribution{letter-spacing:.06em;color:var(--muted-2);text-align:right;font-size:9.5px;line-height:1.5}.hud__brand-name,.hud__scene,.readout,.scalebar__label,.attribution,.rail__btn,.attrib-toggle{transition:color .5s,text-shadow .5s}.hud--imagery{--ink:#fbfaf6;--body:#fbfaf6f0;--muted:#fbfaf6d6;--muted-2:#fbfaf6d6;--teal:#8fdbe4;--teal-ink:#8fdbe4;--terra-ink:#f4b79c;text-shadow:0 0 2px #0a0c0ef2,0 0 6px #0a0c0ebf,0 0 14px #0a0c0e73}.hud--imagery .rail__track{background:#fbfaf659}.hud--imagery .rail__tick,.hud--imagery .scalebar__bar{box-shadow:0 0 2px #0a0c0ee6}.hud--imagery .layers,.hud--imagery .attrib-pop,.hud--imagery .tiles{--ink:#16181b;--body:#3d4145;--muted:#6b6f73;--muted-2:#5f6367;--teal:#1f7d8a;--teal-ink:#186a76;text-shadow:none}.no-globe .readout,.no-globe .hud__br,.no-globe .layers{display:none}.attrib-toggle{pointer-events:auto;cursor:pointer;width:44px;height:44px;font-family:var(--font-mono);color:var(--muted-2);background:0 0;border:0;justify-content:center;align-items:center;margin:-12px -12px -12px 0;padding:0;font-size:13px;display:none}.attrib-pop{background:var(--label-bg);border:1px solid var(--label-border);letter-spacing:.06em;width:max-content;max-width:min(78vw,300px);color:var(--body);text-align:left;pointer-events:auto;padding:8px 10px;font-size:10px;line-height:1.55;position:absolute;bottom:calc(100% + 8px);right:0}.hud__warn{letter-spacing:.18em;color:var(--terra-ink);white-space:nowrap;font-size:10px;position:absolute;top:clamp(18px,3vw,32px);left:50%;transform:translate(-50%)}.hud__warn:empty{display:none}.loading{left:calc(50% + var(--view-dx,0px));top:calc(50% + var(--view-dy,0px));letter-spacing:.2em;color:var(--muted);flex-direction:column;align-items:center;gap:18px;font-size:10px;display:flex;position:absolute;transform:translate(-50%,-50%)}.loading:before{content:"";border:1px solid #16181b1f;border-top-color:var(--teal);border-radius:50%;width:88px;height:88px;animation:1.6s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading:before{animation:none}}.intro{z-index:20;pointer-events:none;background:#f3f2ee;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro__logo{will-change:transform;gap:8px;display:flex}.intro__tile{will-change:transform, opacity;width:60px;height:64px;font-size:36px;font-weight:400}.intro__text{will-change:transform, opacity;flex-direction:column;align-items:center;display:flex}.intro__name{letter-spacing:-.005em;margin-top:34px;font-size:clamp(40px,6.2vw,66px);font-weight:300;line-height:1}.intro__marks{height:0;position:absolute;bottom:0;left:0;right:0}.intro__mark-grid{grid-template-columns:18px 18px;gap:2px;display:grid;position:absolute;bottom:28px;left:clamp(20px,6vw,74px)}.intro__mark-grid .tile{height:18px;font-size:11px}.intro__mark-empty{box-sizing:border-box;border:1.5px solid var(--ink);height:18px}.intro__sprig{position:absolute;bottom:30px;right:clamp(20px,6vw,74px)}.intro__cue{font-family:var(--font-mono);letter-spacing:.28em;color:var(--muted);flex-direction:column;align-items:center;gap:12px;font-size:9.5px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.intro__cue-line{background:var(--teal);width:1px;height:34px;animation:2.4s cubic-bezier(.6,0,.2,1) infinite rpCue}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:759.98px){.scene__sticky{justify-content:flex-end;padding:0 12px 132px}.desktop-only{display:none!important}.attrib-toggle{display:inline-flex}.hud__brand{margin:-12px;padding:12px}.hud__warn{top:58px}.rail{right:0;top:calc(50% + var(--view-dy,0px));gap:0}.rail__btn{height:34px;padding:0 14px 0 10px}.rail__num{display:none}.rail__tick{width:8px}.rail__btn[aria-current=step] .rail__tick{width:16px}.scene--outro{padding-bottom:96px}}@media (max-width:759.98px) and (max-height:700px){.scene__sticky{padding-bottom:108px}.panel{padding:18px 20px 20px}.panel__title,.panel__title--h1{margin-top:12px;font-size:24px}.panel__body{margin-top:10px;font-size:14px;line-height:1.5}.panel__body--first{margin-top:12px}.panel__tags,.steps{margin-top:14px}}@media (min-width:760px){.mobile-only{display:none!important}}@media (min-width:760px) and (orientation:portrait){.scene__sticky{padding:0 var(--hud-x) 150px;justify-content:flex-end}.panel,.panel--wide{width:min(560px,100%)}}@media (max-width:759.98px),(max-height:500px){.note{max-width:min(300px,100vw - 48px);font-size:11px;line-height:1.6}.note__globe{width:72px;height:72px;margin-bottom:12px}}@media (max-height:500px) and (min-aspect-ratio:1){.desktop-only,.rail{display:none!important}.mobile-only{display:block!important}.attrib-toggle{display:inline-flex}.hud__brand{margin:-12px;padding:12px}.scene__sticky{padding:64px var(--hud-x) 96px;justify-content:center}.panel{width:min(340px,46vw);padding:14px 18px 16px}.panel__title,.panel__title--h1{margin-top:8px;font-size:22px}.panel__body{margin-top:8px;font-size:13.5px;line-height:1.45}.panel__body--first{margin-top:8px}.panel__tags,.steps{margin-top:10px}}
