:root{color:#12303b;font-synthesis:none;--ink:#12303b;--navy:#193e4b;--panel:#f7f0dde8;--ice:#d8eff4;--gold:#bd772f;--snow:#fffdf4;background:#dcebf0;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--ice);margin:0}button,a,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e3a14a}header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eef8f4e8;border-bottom:1px solid #173f4b33;align-items:center;gap:18px;height:72px;padding:0 28px;display:flex;position:relative}.brand{text-align:left;margin-right:auto}.brand b,.brand span{display:block}.brand b{letter-spacing:.2em}.brand span,header>button,header strong,.collection-home{letter-spacing:.14em;color:#173947;font-size:9px}.collection-home{white-space:nowrap;border:1px solid;align-items:center;min-height:30px;padding:7px 9px;text-decoration:none;display:inline-flex}.landing{background-position:50%;background-size:cover;min-height:100vh;position:relative}.landing:before{content:"";background:linear-gradient(90deg,#e1f2f2e6,#f2f4e04d 62%,#ffffff0d);position:absolute;inset:72px 0 0}.hero{max-width:1280px;padding:6vh 6vw;position:relative}.hero p,article p,.system p,.decision p,.drawer p{letter-spacing:.2em;color:#9a5725;font-size:10px}.hero h1{color:#183e4a;text-wrap:balance;text-shadow:0 3px 22px #fff9;margin:24px 0;font:600 clamp(58px,9vw,124px)/.82 Georgia}.hero h2{color:#214d58;font:italic 400 clamp(27px,3.4vw,46px) Georgia}.hero blockquote{color:#20434a;margin:28px 0;font:21px/1.5 Georgia}.modes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.modes button{text-align:left;background:#f7f0dde8;border:1px solid #183c4d55;min-height:88px;padding:18px;box-shadow:0 10px 35px #41616a22}.modes button:hover{background:#fff9ea}.modes b,.modes span{display:block}.modes span{color:#365963;margin-top:8px;font-size:12px}.stage{background:#d9e9ea;height:calc(100vh - 132px);position:relative;overflow:hidden}.scene{filter:brightness(1.1)contrast(.92)saturate(.96);background-position:50%;background-size:cover;animation:.8s both scene-in;position:absolute;inset:0}.scene:after{content:"";background:linear-gradient(#f7fbea17,#0000 58%,#163a432e 98%),linear-gradient(90deg,#eff7eb2e,#0000 64%);position:absolute;inset:0}article{z-index:5;background:var(--panel);border-left:3px solid var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(740px,60vw);padding:20px 22px;position:absolute;bottom:5vh;left:5vw;box-shadow:0 18px 50px #31505a33}article h2{margin:9px 0 12px;font:43px/1.08 Georgia}article>span{font:18px/1.52 Georgia;display:block}article small,.system small,.decision small{color:#34545c;margin-top:13px;line-height:1.5;display:block}article small b,.system small b{color:#984d21}.system,.decision{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f0dff2;border:1px solid #1c435455;width:430px;padding:20px;position:absolute;top:4vh;right:3vw;box-shadow:0 20px 70px #2f4d5840}.system h3{margin:5px 0;font:29px Georgia}.system label{letter-spacing:.13em;margin:14px 0;font-size:9px;display:block}.system label>b{float:right;color:#9b5424}.system input{accent-color:#b96c2b;width:100%;margin-top:7px;display:block}.pressure{border:1px solid #23495755;height:38px;position:relative;overflow:hidden}.pressure i{background:linear-gradient(90deg,#9fd3df,#e7b96d);height:100%;display:block}.pressure span{letter-spacing:.1em;place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.metrics{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:14px;display:grid}.metrics span{background:#dcebed;min-height:63px;padding:10px}.metrics i,.metrics b{display:block}.metrics i{color:#41646c;font-size:8px}.metrics b{margin-top:4px;font:23px Georgia}.decision h3{margin:8px 0 12px;font:29px/1.1 Georgia}.decision button{text-align:left;border-bottom:1px solid #20495733;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 0;display:flex}.decision button:hover{color:#9a5725}.drawer{z-index:20000;color:#203f47;background:#fffaf0;width:min(560px,100vw);padding:36px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-30px 0 90px #2346}.drawer>button{float:right;font-size:30px}.drawer h2{font:35px Georgia}.drawer a{color:#86513b;border-bottom:1px solid #9d8b7777;padding:14px 0;display:block}.drawer small{margin-top:24px;line-height:1.65;display:block}nav{z-index:50;background:#edf6f3;align-items:center;gap:8px;height:60px;padding:0 18px;display:flex;position:relative}nav>div{flex:1;gap:3px;min-width:max-content;display:flex}nav button{border:1px solid #214b5838;min-width:31px;min-height:32px;font-size:8px}nav button.active{color:#fff;background:#b96c2b}.trace{z-index:60;letter-spacing:.08em;background:#fff8e8ed;max-width:44vw;padding:10px;font-size:8px;position:fixed;bottom:62px;right:12px}.trace:empty{display:none}@keyframes scene-in{0%{opacity:.55;transform:scale(1.014)}to{opacity:1;transform:none}}@media (width<=720px){header{gap:7px;height:64px;padding:0 10px}header strong{display:none}.hero{padding:5vh 5vw}.hero h1{font-size:56px}.modes{grid-template-columns:1fr}.stage{height:calc(100vh - 124px)}article{width:92vw;max-height:55%;padding:15px;bottom:3vh;left:4vw;overflow:auto}article h2{font-size:31px}.system,.decision{width:92vw;max-height:66%;top:auto;bottom:3vh;right:4vw;overflow:auto}:is(.stage:has(.system) article,.stage:has(.decision) article){display:none}nav{padding:0 6px;overflow:auto}nav>div{min-width:max-content}.collection-home{padding:6px;font-size:8px}.trace{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stage[data-choice-state=engaged] .scene:after{background-color:#6fb6cc2b;animation:9s ease-in-out infinite alternate premium-atmosphere}.stage[data-scene-state=reflect] .scene{filter:brightness(1.1)contrast(.94)saturate(.96)}@keyframes premium-atmosphere{0%{opacity:.76;transform:scale(1)}to{opacity:.94;transform:scale(1.012)}}.ultimate-motion{z-index:2;pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden}.altitude-atmosphere i,.altitude-atmosphere span{display:block;position:absolute}.cloud-bank{opacity:calc(.15 + (1 - var(--certainty))*.6);animation:cloud-cross calc(20s - var(--exposure)*7s) ease-in-out infinite alternate;background:radial-gradient(at 30% 60%,#eef8ff70,#0000 38%),radial-gradient(at 72% 48%,#d9ebf36b,#0000 42%);inset:5% -25% 28%}.spindrift{height:58%;opacity:calc(.08 + var(--exposure)*.3);animation:spindrift-cut calc(9s - var(--exposure)*3s) linear infinite;background:repeating-linear-gradient(168deg,#0000 0 32px,#fff9 33px,#fff0 35px 68px);top:18%;left:-15%;right:-15%}.oxygen-halo{width:22vmin;height:22vmin;box-shadow:0 0 0 calc(var(--exposure)*24px) #a8dded12;opacity:calc(.18 + (1 - var(--exposure))*.3);border:1px solid #d8f3ff88;border-radius:50%;animation:4.6s ease-in-out infinite oxygen-thin;top:9%;right:7%}.evidence-aperture{background:radial-gradient(circle at calc(18% + var(--progress)*62%) 38%,transparent 0 11%,#dcebf31a 25%,transparent 48%);opacity:calc(.25 + var(--certainty)*.45 + var(--decision-energy)*.1);animation:7s ease-in-out infinite alternate aperture-breathe;inset:0}.altitude-atmosphere span{top:-8%;left:calc(8% + var(--n,0)*19%);opacity:.45;width:2px;height:8px;animation:snow-fall calc(5s + var(--n,0)*.7s) linear infinite;background:#fff}.altitude-atmosphere span:nth-of-type(2){--n:1;animation-delay:-2s}.altitude-atmosphere span:nth-of-type(3){--n:2;animation-delay:-4s}.altitude-atmosphere span:nth-of-type(4){--n:3;animation-delay:-1s}.altitude-atmosphere span:nth-of-type(5){--n:4;animation-delay:-3s}@keyframes cloud-cross{to{translate:10% -3%;scale:1.08}}@keyframes spindrift-cut{to{background-position:240px -60px}}@keyframes oxygen-thin{50%{opacity:.1;scale:.88}}@keyframes aperture-breathe{to{filter:blur(5px);scale:1.03}}@keyframes snow-fall{to{translate:24vw 116vh;rotate:160deg}}