.story{position:relative}.story-stage{display:none}.story-live .story{height:calc(100vh * (1 + var(--track,3.55)))}.story-live .story-stage{height:100vh;display:block;position:sticky;top:0;overflow:hidden}.story-canvas{width:100%;height:100%;display:block}.story-live .story-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg, #070b10eb 0, #070b10b8 calc(var(--col-right,30vw) - 40px), #070b1000 calc(var(--col-right,30vw) + 90px));position:absolute;inset:0}.story-live .story-layer{pointer-events:none;height:100vh;margin-top:-100vh;position:sticky;top:0;overflow:clip}.story-live .story-copy{pointer-events:auto;width:clamp(250px,22vw,320px);position:absolute;top:clamp(56px,13vh,140px);left:max(24px,50vw - 660px)}@media (max-width:1199.98px){.story-live .story-copy{width:230px}}.proto-flag{font:500 .72rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8fb0cc;margin:0 0 18px}.story h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 14px;font-size:clamp(2.1rem,3.3vw,3rem);font-weight:600;line-height:1.04}.story-local{color:#c3cfdb;margin:0 0 24px;font-size:clamp(1rem,1.2vw,1.12rem)}.story-cta{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.story-cta-note{color:var(--text-2);font-size:.92rem}.story-pains{margin:34px 0 0;padding:0;list-style:none;display:grid}.story-pains li{color:#e8edf2;opacity:0;border-left:2px solid #5b8f86;grid-area:1/1;padding-left:14px;font-size:clamp(1.05rem,1.35vw,1.25rem);font-weight:600}.story-pains li.is-active{opacity:1}.story-live .chapter-still,.story-live .chapter-pain{display:none}.story-live .chapters{margin:0;padding:0;list-style:none;position:absolute;inset:0}.story-live .chapter{position:absolute;inset:0}.screen-ui{color:var(--text)}.screen-ui h2{letter-spacing:-.01em;margin:0 0 8px;font-size:1.12rem;font-weight:600;line-height:1.2}.ui-kicker{font:500 .7rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8fb0cc;margin:0 0 6px}.ui-status{color:#c9d6e0;margin:0 0 10px;font-size:.88rem;line-height:1.35}.ui-actions,.ui-choices{flex-wrap:wrap;gap:8px;margin:0 0 8px;display:flex}.ui-btn,.chip{cursor:pointer;min-height:44px;font:600 .88rem var(--font-sans);color:#e8edf2;background:#122230e6;border:1px solid #7fa3b8;border-radius:6px;padding:0 14px}.ui-btn:hover,.chip:hover{background:#243e54f2;border-color:#cfe3ee}.ui-btn[aria-pressed=true],.chip[aria-pressed=true]{color:#08111c;background:#dcefea;border-color:#dcefea}.ui-link{color:#a9e3d6;text-underline-offset:3px;align-items:center;min-height:44px;padding:0 4px;font-size:.9rem;font-weight:600;text-decoration:underline;display:inline-flex}.ui-link:after{content:" →";white-space:pre}.ui-link:hover{color:#fff}.story-live .screen-ui{opacity:0;pointer-events:none;background:#04090f80;border-radius:6px;width:300px;padding:clamp(10px,1.1vw,16px);position:absolute;top:0;left:0;overflow:hidden}.story-live .screen-ui.is-on{pointer-events:auto}.story-live .screen-ui.is-callout{background:#060c14f0;border:1px solid #36506a;overflow:visible;box-shadow:0 16px 40px -16px #000000b3}.story-live .screen-ui.is-tight .ui-status{margin-bottom:6px;font-size:.8rem}.story-live .screen-ui.is-tight h2{margin-bottom:4px;font-size:1rem}@media (hover:hover) and (pointer:fine){.story-live .screen-ui.is-on{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='14' cy='14' r='9' fill='none' stroke='%23A9E3D6' stroke-width='2'/%3E%3Ccircle cx='14' cy='14' r='2' fill='%23A9E3D6'/%3E%3C/svg%3E") 14 14,crosshair}.story-live .screen-ui a,.story-live .screen-ui button{cursor:pointer}}.lights-toggle{pointer-events:auto;cursor:pointer;min-height:44px;font:500 .78rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#c9d6e0;background:#070b10b3;border:1px solid #3c5268;border-radius:6px;padding:0 14px;position:absolute;bottom:20px;right:max(16px,50vw - 620px)}.lights-toggle[aria-pressed=true]{color:#08111c;background:#dce6ef}.story-still body{overflow:hidden}.story-still .rail,.story-still .story-layer,.story-still .next,.story-still .footer,.story-still .skip-link{display:none!important}.story-still .story-stage{height:auto;display:block;position:fixed;inset:0}.story-still .story-stage:after{display:none}html:not(.story-live) .story-copy{width:min(100% - 32px,960px);margin:0 auto;padding:34px 0 10px}html:not(.story-live) .story-pains{display:none}html:not(.story-live) .chapters{gap:44px;width:min(100% - 32px,960px);margin:0 auto;padding:8px 0 40px;list-style:none;display:grid}html:not(.story-live) .chapter{grid-template-columns:1fr;gap:12px;display:grid}.chapter-still{margin:0}.chapter-still img{aspect-ratio:1200/750;background:#0d151e;border-radius:10px;width:100%;height:auto}.chapter-pain{border-left:2px solid #5b8f86;margin:4px 0 0;padding-left:12px;font-size:1.15rem;font-weight:600}html:not(.story-live) .screen-ui{border:1px solid var(--rule);background:#0e182699;border-radius:8px;padding:16px 18px 10px}@media (min-width:700px){html:not(.story-live) .chapter[data-chapter="2"]{grid-template-columns:1fr 1fr}html:not(.story-live) .chapter[data-chapter="2"] .chapter-still,html:not(.story-live) .chapter[data-chapter="2"] .chapter-pain{grid-column:1/-1}}.next .next-links{flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.next .next-links a{border:1px solid var(--rule);color:#d3dce5;border-radius:6px;align-items:center;min-height:44px;padding:0 16px;text-decoration:none;display:inline-flex}.next .next-links a:hover{color:#fff;border-color:#8fb0cc}.story-live .screen-ui.is-tight .ui-kicker{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.story-live .screen-ui.is-tight{padding:4px 9px}.story-live .screen-ui.is-tight h2{margin-bottom:2px}.story-live .screen-ui.is-tight .ui-status{margin-bottom:4px}.story-live .screen-ui.is-tight .ui-actions{gap:4px 8px;margin-bottom:0}.story-live .screen-ui.is-tight .ui-btn{padding:0 12px}.story-live .screen-ui.is-compact{background:#04090fdb;padding:4px 9px}.story-live .screen-ui.is-compact .ui-kicker{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.story-live .screen-ui.is-compact h2{margin:0 0 2px;font-size:1rem}.story-live .screen-ui.is-compact .ui-status{margin:0 0 4px;font-size:.8rem}.story-live .screen-ui.is-compact .ui-actions{flex-wrap:nowrap;align-items:stretch;gap:8px;margin:0}.story-live .screen-ui.is-compact .ui-btn{flex:none;padding:0 12px}.story-live .screen-ui.is-compact .ui-link{align-content:center;max-width:9em;min-height:44px;padding:0 2px;line-height:1.15;display:block}.story-live .screen-ui.is-compact.is-cols{grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:10px;display:grid}.story-live .screen-ui.is-cols h2{grid-area:1/1}.story-live .screen-ui.is-cols .ui-status{grid-area:2/1;margin:0}.story-live .screen-ui.is-cols .ui-actions{flex-direction:column;grid-area:1/2/span 2;gap:4px}.story-live .screen-ui.is-cols .ui-link{max-width:8.5em}
