@font-face{font-family:FS Siena;src:url(/media/fonts/FSSiena-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:FS Siena;src:url(/media/fonts/FSSiena-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:FS Siena;src:url(/media/fonts/FSSiena-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--ground:#04383d;--ink:#ffffff;--ink-soft:rgba(255,255,255,.88);--gold:#ecd393;--gold-deep:#c9a13f;--line:rgba(255,255,255,.2);--face:"FS Siena",system-ui,sans-serif;--gutter:clamp(16px,5vw,64px)}*{box-sizing:border-box}html{background:var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.5 var(--face)}.top{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:14px;padding:18px var(--gutter) 28px;pointer-events:none;background:linear-gradient(rgba(0,0,0,.42),transparent)}.top img{height:26px;width:auto}.top span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.jump{margin-left:auto;display:flex;gap:6px;pointer-events:auto}.jump a{font-size:13px;color:var(--ink);text-decoration:none;padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:#0000002e;backdrop-filter:blur(6px);transition:background .2s,border-color .2s,opacity .4s}.jump a:hover,.jump a:focus-visible{background:#ffffff1f;border-color:var(--gold)}.jump a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.jump a.gone{opacity:0;pointer-events:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#story{position:relative}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#000}.frame{position:absolute;inset:0;container-type:inline-size}.frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.frame canvas.intro{transition:opacity .6s ease}.hud{display:none}.opener{position:absolute;left:var(--gutter);bottom:12vh;z-index:3;max-width:min(30vw,460px);pointer-events:none;text-shadow:0 1px 18px rgba(0,0,0,.4)}.opener p{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.opener h1{margin:0 0 12px;font-weight:300;font-size:clamp(30px,4.6vw,64px);line-height:1.04;letter-spacing:-.01em}.opener span{font-size:13px;color:var(--ink-soft)}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff14;z-index:4}.progress i{display:block;height:100%;background:var(--gold-deep);transform-origin:0 50%;transform:scaleX(0)}.wo{position:absolute;top:0;bottom:0;display:flex;align-items:center;pointer-events:none;font-family:var(--face);color:var(--ink);text-shadow:0 1px 18px rgba(0,0,0,.35);z-index:2}.wo.right{left:57%;right:5%}.wo.left{left:6%;right:54%}.wo-in{opacity:0;transform:translateY(1.4cqw);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.wo.in .wo-in{opacity:1;transform:none}.wo .k{font-size:max(11px,1.1cqw);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 1.3cqw;font-weight:500}.wo h3{font-size:max(24px,3.4cqw);line-height:1.06;font-weight:300;margin:0 0 1.3cqw;letter-spacing:-.01em}.wo h3.big{font-size:max(40px,6.4cqw);letter-spacing:-.02em;margin-bottom:1cqw}.wo .l{font-size:max(15px,1.6cqw);line-height:1.4;margin:0 0 1.8cqw;opacity:.92;max-width:36ch}.wo ol{list-style:none;margin:0;padding:0;font-size:max(14px,1.4cqw);line-height:1.45;max-width:30ch}.wo li{padding:.5cqw 0;border-top:1px solid var(--line);opacity:0;transform:translate(1cqw);transition:opacity .6s ease,transform .7s ease}.wo.in li{opacity:1;transform:none}.wo.right .wo-in{padding-top:6.5cqw}.wo.ex{pointer-events:none}.wo.ex button{pointer-events:auto}.wo.ex .wo-in{padding-top:0}.wo ol.ex li{padding:0}.wo ol.ex button,.wo .back button{all:unset;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:.8em .6em;margin:0 -.6em;color:var(--ink);border-radius:6px;transition:color .2s,background .2s}.wo ol.ex button i{font-style:normal;color:var(--gold);opacity:.7;transition:transform .25s,opacity .25s}.wo ol.ex button:hover,.wo ol.ex button:focus-visible{background:#ffffff14}.wo ol.ex button:hover i,.wo ol.ex button:focus-visible i{opacity:1;transform:translate(4px)}.wo .back button{display:inline-flex;width:auto;margin:0;padding:.6em 0}.wo h3:focus{outline:none}.wo ol.ex button:hover,.wo ol.ex button:focus-visible,.wo .back button:hover,.wo .back button:focus-visible{color:var(--gold)}.wo ol.ex button:focus-visible,.wo .back button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.wo .back{margin:1.6cqw 0 0;font-size:max(13px,1.15cqw);color:var(--gold)}.wo .draft{font-size:12px;color:#ffffff8c;margin:0}.foot{padding:48px var(--gutter);font-size:13px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;background:var(--ground)}@media (orientation:portrait){.wo.left,.wo.right{left:var(--gutter);right:var(--gutter);top:57%;bottom:3%;align-items:flex-start}.wo.right .wo-in{padding-top:0}.wo .k{font-size:11px;margin-bottom:10px}.wo h3{font-size:clamp(26px,8cqw,40px);margin-bottom:10px}.wo h3.big{font-size:clamp(44px,13cqw,64px)}.wo .l{font-size:16px;margin-bottom:14px}.wo ol{font-size:16px;max-width:none}.wo li{padding:8px 0}.wo ol.ex li{padding:0}.wo .back{font-size:15px}.jump a{padding:7px 11px;font-size:12px}.top span{display:none}.opener{bottom:8vh}}@media (prefers-reduced-motion:reduce){.wo-in,.wo li,.frame canvas.intro{transition:none}}