:root{--ym-bg:#F3EEE4;--ym-navy:#0D1B3D;--ym-gold:#C9A86A}html,body{overflow-x:clip}.ym-scroll-wrap{position:relative;height:520vh;background:var(--ym-bg)}.ym-stage{position:sticky;top:0;height:100vh;overflow:hidden}@keyframes slowDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(-3%,4%) scale(1.05)}to{transform:translate(0) scale(1)}}.ym-stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#f7f2e6,#f0e8d4 60%,#eadfc6);overflow:hidden}.ym-stage-bg:before{content:"";position:absolute;top:-20%;left:-20%;right:-20%;bottom:-20%;background:radial-gradient(1400px 700px at 70% 110%,rgba(13,27,61,.1),transparent 60%),radial-gradient(900px 500px at 15% 20%,rgba(201,168,106,.08),transparent 60%);animation:slowDrift 16s ease-in-out infinite;pointer-events:none}.ym-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ym-scene svg{width:100%;height:100%;display:block}.ym-headline{position:relative;z-index:5;height:100vh;display:flex;flex-direction:column;pointer-events:none}.ym-headline>*{pointer-events:auto}.ym-hud{position:absolute;right:32px;top:12vh;z-index:6;display:flex;flex-direction:column;gap:2px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6b6356}@keyframes pulseGlow{0%{box-shadow:0 0 #0d1b3d4d}50%{box-shadow:0 0 0 5px #0d1b3d26}to{box-shadow:0 0 #0d1b3d00}}.ym-hud .s{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:10px 0;border-top:1px solid rgba(13,27,61,.08);transition:all .3s ease}.ym-hud .s:last-child{border-bottom:1px solid rgba(13,27,61,.08)}.ym-hud .d{width:7px;height:7px;border-radius:50%;border:1px solid var(--ym-navy);opacity:.35;transition:all .3s ease}.ym-hud .s.active{color:var(--ym-navy);font-weight:700;transform:translate(-4px)}.ym-hud .s.active .d{background:var(--ym-navy);opacity:1;box-shadow:0 0 0 4px #0d1b3d14;animation:pulseGlow 2s infinite ease-in-out}.ym-hud .s.done{transform:translate(0)}.ym-hud .s.done .d{background:var(--ym-gold);border-color:var(--ym-gold);opacity:.9}@media(max-width:900px){.ym-hud{position:absolute;top:100px;bottom:auto;right:16px;font-size:8.5px;background:#f3eee4;padding:8px 14px;border-radius:8px;border:1px solid rgba(13,27,61,.08);box-shadow:0 8px 32px #0d1b3d26;white-space:nowrap;z-index:20}.ym-hud .s{padding:6px 0;gap:10px}.ym-hud .s.active{transform:translate(-3px)}.ym-hud .d{width:6px;height:6px}}