:root{color:#34473f;font-synthesis:none;--ink:#34473f;--accent:#9a5b35;--signal:#4f7860;--panel:#fffaf0ed;--line:#50625944;background:#eef1e5;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#e8eee2;margin:0}button,a{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d57b47}header{border-bottom:1px solid var(--line);z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf8edeb;align-items:center;gap:16px;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:var(--ink);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,#fbf4e8ef 0 47%,#eff5df72 66%,#ffffff08);position:absolute;inset:72px 0 0}.hero{max-width:1500px;padding:4.4vh 5.7vw;position:relative}.hero p,article p,.lab p,.decision p,.drawer p{letter-spacing:.19em;color:var(--accent);font-size:10px}.hero h1{color:var(--ink);text-shadow:0 4px 24px #fff;margin:20px 0;font:600 clamp(49px,7.2vw,101px)/.86 Georgia,serif}.hero h2{color:#50665c;max-width:1050px;font:italic 400 clamp(21px,2.5vw,37px)/1.15 Georgia,serif}.thesis{color:#4f655b;max-width:1100px;margin:20px 0;font:18px/1.45 Georgia,serif}.modes{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1120px;display:grid}.modes button{border:1px solid var(--line);text-align:left;background:#fff9e9e8;min-height:92px;padding:18px;box-shadow:0 12px 38px #3d554a24}.modes button:hover{background:#fff;transform:translateY(-2px)}.modes b,.modes span{display:block}.modes b{letter-spacing:.12em}.modes span{color:#5a7068;margin-top:8px;font-size:12px;line-height:1.4}.stage{background:#e1ece5;height:calc(100vh - 132px);position:relative;overflow:hidden}.scene{filter:brightness(1.09)contrast(.93)saturate(.98);background-position:50%;background-size:cover;animation:.75s both scene-in;position:absolute;inset:0}.scene:after{content:"";background:linear-gradient(#fff9e80b,#0000 62%,#35564c1f 100%),linear-gradient(90deg,#fff6e635,#0000 65%),repeating-linear-gradient(0deg,#0000 0 53px,#506a6207 54px),repeating-linear-gradient(90deg,#0000 0 53px,#506a6207 54px);position:absolute;inset:0}article{z-index:5;background:var(--panel);border-left:3px solid var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(830px,66vw);padding:21px 23px;position:absolute;bottom:5vh;left:5vw;box-shadow:0 18px 55px #34504635}article h2{margin:9px 0 12px;font:43px/1.08 Georgia,serif}article>span{font:18px/1.52 Georgia,serif;display:block}article small,.lab small,.decision small{color:#586a64;margin-top:13px;line-height:1.55;display:block}article small b,.lab small b{color:var(--accent)}.lab,.decision{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fffaf0f1;width:min(580px,100vw - 360px);padding:22px;position:absolute;top:3.2vh;left:3vw;box-shadow:0 22px 72px #3154493d}.lab h3,.decision h3{margin:6px 0 11px;font:31px/1.08 Georgia,serif}.switches{grid-template-columns:repeat(2,1fr);gap:5px;margin:11px 0;display:grid}.switches.triple{grid-template-columns:repeat(3,1fr)}.switches button,.lab-tabs button{border:1px solid var(--line);letter-spacing:.07em;min-height:36px;padding:6px;font-size:8px}.switches button.active,.lab-tabs button.active{background:var(--signal);color:#fff}.lab-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0;display:grid}.readout{grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0;display:grid}.readout span{background:#e7eee5;min-height:65px;padding:10px}.readout i,.readout b{display:block}.readout i{letter-spacing:.06em;font-size:7px}.readout b{margin-top:6px;font:12px/1.2 Georgia,serif}.model{border:1px solid var(--line);background:linear-gradient(160deg,#eef2d4,#c8ddca 46%,#b7d7d2);height:118px;position:relative;overflow:hidden}.model span{background:#704e32;border-radius:50%;width:16px;height:12px;position:absolute;top:45%;left:10%;box-shadow:50px 12px #704e32,102px -5px #704e32,156px 20px #704e32,220px -10px #704e32,278px 15px #704e32}.model:after{content:"";border-top:3px dashed #9c673e;position:absolute;top:53%;left:7%;right:7%}.model[data-level=HIGH]:after{border-top-style:solid}.model[data-level=LOW] span{opacity:.45}.keep{color:#7d4538;letter-spacing:.1em;background:#f4e4c7;border:1px solid #a6543e88;width:100%;margin-top:12px;padding:12px;font-size:9px}.decision button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 0;display:flex}.decision button:hover{color:var(--accent)}.state-rail{z-index:7;border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffce4da;grid-template-columns:repeat(4,minmax(78px,1fr));max-width:510px;display:grid;position:absolute;bottom:18px;right:18px}.state-rail span{border-right:1px solid var(--line);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;width:min(650px,100vw);color:var(--ink);background:#fffaf0;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:#8e513b;border-bottom:1px solid #927d6766;padding:14px 0;display:block}.drawer a>small{color:#587069;letter-spacing:.11em;margin:0 0 4px;font-size:8px}.drawer small{margin-top:24px;line-height:1.7;display:block}nav{z-index:50;background:#f4f1e3;align-items:center;gap:8px;height:60px;padding:0 18px;display:flex;position:relative;overflow:auto}nav>div{flex:1;gap:3px;min-width:max-content;display:flex}nav button{border:1px solid var(--line);min-width:31px;min-height:32px;font-size:8px}nav button.active{background:var(--signal);color:#fff}.trace{z-index:60;letter-spacing:.08em;background:#fff4d9eb;max-width:64vw;max-height:76px;padding:10px;font-size:8px;line-height:1.45;position:fixed;bottom:62px;right:12px;overflow:auto}@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:3.6vh 5vw}.hero h1{font-size:43px}.hero h2{font-size:20px}.modes{grid-template-columns:1fr}.stage{height:calc(100vh - 124px)}article{width:92vw;max-height:58%;padding:15px;bottom:3vh;left:4vw;overflow:auto}article h2{font-size:31px}.lab,.decision{width:92vw;max-height:74%;top:auto;bottom:3vh;left:4vw;overflow:auto}.state-rail{display:none}nav{padding:0 6px}.collection-home{padding:6px;font-size:8px}.trace{display:none}.switches.triple,.lab-tabs{grid-template-columns:repeat(2,1fr)}}@media (width<=430px){.hero h1{font-size:38px}.brand span,header>button,.collection-home{font-size:7px}.readout{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.rex-system-field{z-index:80!important}.rex-system-field .rex-system-metrics{display:none}