:root{--ink:#e8e4da;--dim:#8a8578;--gold:#c9a961;--gold-soft:rgba(201,169,97,.35);--bg:#050507}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#stage canvas{display:block}#reticleLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#track{position:relative;z-index:1;height:640vh;pointer-events:none}.card{position:fixed;z-index:3;width:min(400px,86vw);opacity:0;transform:translateY(24px);pointer-events:none}.card .eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:14px;display:flex;align-items:center;gap:12px}.card .eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}.card h2{font-family:Marcellus,serif;font-weight:400;font-size:clamp(30px,4.4vw,44px);line-height:1.08;margin-bottom:14px;letter-spacing:.01em}.card p{font-size:15px;line-height:1.65;color:var(--dim);font-weight:300;max-width:36ch}.card.right{right:6vw;top:50%;transform:translateY(calc(-50% + 24px))}.card.left{left:6vw;top:50%;transform:translateY(calc(-50% + 24px))}#hero{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:9vh;text-align:center;pointer-events:none;opacity:0}#hero .eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}#hero h1{font-family:Marcellus,serif;font-weight:400;font-size:clamp(38px,6.4vw,74px);letter-spacing:.04em;line-height:1.05}#hero .sub{margin-top:16px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-weight:300}#scrollHint{position:fixed;z-index:3;bottom:26px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--dim);opacity:0;transition:opacity .8s ease;pointer-events:none}#scrollHint .line{width:1px;height:44px;background:linear-gradient(to bottom,var(--gold),transparent);animation:drop 2s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}#cta{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none}#cta h2{font-family:Marcellus,serif;font-weight:400;font-size:clamp(32px,5vw,56px);margin-bottom:16px}#cta p{color:var(--dim);font-weight:300;font-size:15px;letter-spacing:.06em;margin-bottom:34px}#cta .btn{display:inline-block;padding:16px 44px;border:1px solid var(--gold);color:var(--gold);font-size:12px;letter-spacing:.3em;text-transform:uppercase;background:transparent}#rail{position:fixed;z-index:3;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}#rail .dot{width:5px;height:5px;border-radius:50%;background:#33302a;transition:background .4s,box-shadow .4s}#rail .dot.on{background:var(--gold);box-shadow:0 0 10px var(--gold-soft)}@media(max-width:640px){.card.right,.card.left{left:6vw;right:6vw;top:auto;bottom:9vh;transform:translateY(24px)}#rail{display:none}}@media(prefers-reduced-motion:reduce){#scrollHint .line{animation:none}}