:root{color:#204f5d;font-synthesis:none;--ink:#204f5d;--ocean:#236f84;--cobalt:#315e9b;--coral:#cc6750;--brass:#bd8e40;--paper:#fffaf0ef;background:#edf3e8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#e4efea;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 #dc7658}header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8ede8;border-bottom:1px solid #275e6e33;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:#285a68;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,#f5f5e9ec 0 49%,#ecf3e170 69%,#ffffff0a);position:absolute;inset:72px 0 0}.hero{max-width:1500px;padding:4.5vh 5.5vw;position:relative}.hero p,article p,.system p,.decision p,.chart p,.drawer p{letter-spacing:.2em;color:#b35240;font-size:10px}.hero h1{color:#24586b;text-shadow:0 4px 24px #fff;margin:18px 0;font:600 clamp(47px,7.1vw,100px)/.83 Georgia,serif}.hero h2{color:#376d79;max-width:1060px;font:italic 400 clamp(22px,2.6vw,38px)/1.12 Georgia,serif}.thesis{color:#42656d;margin:20px 0;font:18px/1.45 Georgia,serif}.modes{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1130px;display:grid}.modes button{text-align:left;background:#fff9ece8;border:1px solid #2a657755;min-height:92px;padding:18px;transition:transform .2s,background .2s;box-shadow:0 12px 38px #385a6724}.modes button:hover{background:#fff;transform:translateY(-2px)}.modes b,.modes span{display:block}.modes b{letter-spacing:.12em}.modes span{color:#506a73;margin-top:8px;font-size:12px;line-height:1.4}.stage{background:#dfebe8;height:calc(100vh - 132px);position:relative;overflow:hidden}.scene{filter:brightness(1.1)contrast(.92)saturate(.98);background-position:50%;background-size:cover;animation:.8s both scene-in;position:absolute;inset:0}.scene:after{content:"";background-image:linear-gradient(#fffce80d,#0000 61%,#204b5b28 100%),linear-gradient(90deg,#f5f5e63b,#0000 64%),repeating-linear-gradient(0deg,#0000 0 47px,#2b708509 48px),repeating-linear-gradient(90deg,#0000 0 47px,#2b708509 48px);position:absolute;inset:0}article{z-index:5;background:var(--paper);border-left:3px solid var(--coral);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(780px,62vw);padding:21px 23px;position:absolute;bottom:5vh;left:5vw;box-shadow:0 18px 55px #2e4d5838}article h2{margin:9px 0 12px;font:43px/1.08 Georgia,serif}article>span{font:18px/1.52 Georgia,serif;display:block}article small,.system small,.decision small,.chart small{color:#45616a;margin-top:13px;line-height:1.55;display:block}article small b,.system small b{color:#ad503d}.system,.decision,.chart{z-index:20;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fffaf0f0;border:1px solid #2c687b5a;width:min(505px,100vw - 360px);padding:22px;position:absolute;top:3.2vh;left:3vw;right:auto;box-shadow:0 22px 72px #2f505d3d}.system h3,.decision h3,.chart h3{margin:6px 0 11px;font:31px/1.08 Georgia,serif}.switches{grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0;display:grid}.switches button,.stack-tabs button{letter-spacing:.09em;border:1px solid #2d667755;min-height:36px;font-size:8px}.switches button.active,.stack-tabs button.active{background:var(--ocean);color:#fff}.stack-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0;display:grid}.sub-profile{background:linear-gradient(#d9f0ed,#c6e2e6);border:1px solid #2c697a50;height:105px;margin:13px 0;position:relative;overflow:hidden}.sub-profile i:first-child{border:3px solid var(--ocean);background:#f6ecce;border-radius:55% 48% 48% 55%;width:260px;height:52px;position:absolute;top:28px;left:100px}.sub-profile i:nth-child(2){border:3px solid var(--ocean);background:#f6ecce;width:48px;height:26px;position:absolute;top:17px;left:208px}.sub-profile span{background:repeating-linear-gradient(90deg,#2c7385 0 13px,#0000 14px 23px);height:2px;position:absolute;bottom:10px;left:0;right:0}.sub-profile[data-stack="1860s SUBMERSIBLE"] i:first-child{background:#e1dbc9;border-radius:48%;width:210px;left:125px}.sub-profile[data-stack=MODERN\ RESEARCH] i:first-child{background:#eef4e7;border-radius:50%;width:145px;left:165px}.metrics{grid-template-columns:repeat(4,1fr);gap:3px;margin-top:12px;display:grid}.metrics span{background:#e2ece4;min-height:62px;padding:9px}.metrics i,.metrics b{display:block}.metrics i{color:#506872;font-size:7px}.metrics b{margin-top:5px;font:12px/1.2 Georgia,serif}.decision button{text-align:left;border-bottom:1px solid #2a627333;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 0;display:flex}.decision button:hover{color:#ae503d}.chart>strong,.chart>em{padding:11px 13px;display:block}.chart>strong{background:#dcecef;font:21px Georgia,serif}.chart>em{background:#eef0d9;font:italic 15px/1.45 Georgia,serif}.route-map{background:radial-gradient(at 24% 45%,#e5ecda 0 10%,#0000 11%),radial-gradient(at 68% 47%,#e5ecda 0 15%,#0000 16%),linear-gradient(160deg,#cde9e7,#b9dce5);border:1px solid #2a687b55;height:210px;margin:12px 0;position:relative}.route-map:before,.route-map:after{content:"";background:var(--cobalt);border-radius:50%;height:3px;position:absolute;top:48%;left:7%;right:8%;transform:rotate(-9deg)}.route-map:after{background:var(--coral);opacity:.55;top:57%;transform:rotate(13deg)}.route-map button{z-index:4;left:calc(4% + var(--stop)*14.7%);top:calc(21% + (var(--stop)%3)*22%);letter-spacing:.05em;text-align:center;width:63px;font-size:6px;position:absolute}.route-map button i{border:3px solid var(--ocean);background:#fffaf0;border-radius:50%;width:19px;height:19px;margin:0 auto 4px;display:block}.route-map button.active i{background:var(--coral);border-color:#fff}.route-map span{font-size:8px;position:absolute;top:10%;right:6%}.state-rail{z-index:7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffce6d6;border:1px solid #2c657748;grid-template-columns:repeat(4,minmax(73px,1fr));max-width:450px;display:grid;position:absolute;bottom:18px;right:18px}.state-rail span{border-right:1px solid #2c657730;padding:9px 11px}.state-rail span:last-child{border:0}.state-rail i,.state-rail b{display:block}.state-rail i{letter-spacing:.08em;font-size:7px}.state-rail b{letter-spacing:.04em;margin-top:4px;font:600 10px/1.2 ui-monospace,monospace}.drawer{z-index:20000;color:#234956;background:#fffaf0;width:min(600px,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:36px/1.1 Georgia,serif}.drawer a{color:#8e5041;border-bottom:1px solid #9d8b7766;padding:14px 0;display:block}.drawer small{margin-top:24px;line-height:1.7;display:block}nav{z-index:50;background:#f0f3e8;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 #2b657738;min-width:31px;min-height:32px;font-size:8px}nav button.active{background:var(--ocean);color:#fff}.trace{z-index:60;letter-spacing:.08em;background:#fff6dfe8;max-width:64vw;padding:10px;font-size:8px;position:fixed;bottom:62px;right:12px}@keyframes scene-in{0%{opacity:.55;transform:scale(1.014)}to{opacity:1;transform:none}}@media (width<=760px){header{gap:7px;height:64px;padding:0 10px}header strong{display:none}.hero{padding:4vh 5vw}.hero h1{font-size:42px}.modes{grid-template-columns:1fr}.stage{height:calc(100vh - 124px)}article{width:92vw;max-height:57%;padding:15px;bottom:3vh;left:4vw;overflow:auto}article h2{font-size:31px}.system,.decision,.chart{width:92vw;max-height:72%;inset:auto 4vw 3vh auto;overflow:auto}.state-rail{display:none}nav{padding:0 6px;overflow:auto}nav>div{min-width:max-content}.collection-home{padding:6px;font-size:8px}.trace{display:none}.route-map button{width:47px}.stack-tabs{grid-template-columns:1fr}.sub-profile i:first-child{max-width:72%;left:12%}.sub-profile i:nth-child(2){left:47%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stage[data-choice-state=engaged] .scene:after{background-color:#2c91a62a;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;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.ocean-atmosphere i,.ocean-atmosphere span{display:block;position:absolute}.caustic-field{opacity:calc(.32 - var(--depth)*.18);background:repeating-radial-gradient(at 50% -12%,#0000 0 42px,#baf4e822 45px 47px,#0000 50px 88px);animation:11s ease-in-out infinite alternate caustic-sweep;inset:0}.pressure-ring{width:14vmin;height:14vmin;box-shadow:0 0 0 calc(var(--depth)*32px) #64c9dd0d;opacity:calc(.18 + var(--depth)*.48);border:1px solid #8be7ee88;border-radius:50%;animation:4.2s ease-in-out infinite pressure-pulse;top:41%;left:48%}.current-line{height:2px;opacity:calc(.2 + var(--decision-energy)*.18);background:linear-gradient(90deg,#0000,#b7f0e799 22% 78%,#0000);animation:7.5s linear infinite current-flow;top:58%;left:-15%;right:-15%}.ocean-atmosphere span{width:5px;height:5px;left:calc(9% + var(--n,0)*19%);opacity:.35;animation:bubble-rise calc(7s + var(--n,0)*1.2s) ease-in infinite;background:#dff9f1;border-radius:50%;bottom:-4%}.ocean-atmosphere span:nth-of-type(2){--n:1;animation-delay:-2s}.ocean-atmosphere span:nth-of-type(3){--n:2;animation-delay:-5s}.ocean-atmosphere span:nth-of-type(4){--n:3;animation-delay:-1s}.ocean-atmosphere span:nth-of-type(5){--n:4;animation-delay:-4s}@keyframes caustic-sweep{to{filter:blur(2px);background-position:90px 35px}}@keyframes pressure-pulse{50%{opacity:.08;scale:1.35}}@keyframes current-flow{to{translate:18% -3vh}}@keyframes bubble-rise{to{opacity:0;translate:7vw -108vh;scale:.45}}.rex-system-field{z-index:80!important}.rex-system-field .rex-system-metrics{display:none}