:root{--ink: #f4ecff;--ink-dim: rgba(244, 236, 255, .66);--gold: #ffd97d;--coral: #ff7e5f;--mint: #6ef3c5;--violet: #8a6fd8;--bg: #0d0926;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#ffd97d59}#runway{height:800vh;width:1px}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 110%,#2a1650 0%,transparent 60%),radial-gradient(100% 80% at 50% -20%,#1c1142,#0d0926 62%);transition:opacity 1.4s ease,visibility 1.4s}#veil.lifted{opacity:0;visibility:hidden;pointer-events:none}.veil-inner{text-align:center;padding:24px}.veil-mark{filter:drop-shadow(0 6px 24px rgba(255,126,95,.45));animation:bob 5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.veil-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,7vw,4.4rem);letter-spacing:.42em;margin:18px 0 2px;text-indent:.42em;background:linear-gradient(105deg,#fff4d6,var(--gold) 40%,var(--coral) 75%,#d58bff);-webkit-background-clip:text;background-clip:text;color:transparent}.veil-sub{letter-spacing:.55em;text-indent:.55em;text-transform:uppercase;font-size:.72rem;color:var(--ink-dim);margin-bottom:30px}.veil-bar{width:min(280px,60vw);height:2px;margin:0 auto 26px;background:#f4ecff24;border-radius:2px;overflow:hidden}#veil-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--coral));transition:width .35s ease}.veil-hint{margin-top:18px;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#f4ecff66}.btn{font-family:var(--sans);font-size:.78rem;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--bg);background:linear-gradient(105deg,var(--gold),var(--coral));border:0;border-radius:999px;padding:15px 34px;cursor:pointer;box-shadow:0 8px 32px #ff7e5f59;transition:transform .25s ease,box-shadow .25s ease,opacity .5s;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 40px #ff7e5f80}.btn.ghost{background:#f4ecff12;color:var(--ink);border:1px solid rgba(244,236,255,.25);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn.ghost:hover{background:#f4ecff26}#begin{opacity:0;transform:translateY(6px);pointer-events:none}#begin.show{opacity:1;transform:none;pointer-events:auto}#hud{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;pointer-events:none;transition:opacity 1s ease,transform 1s ease}#hud.hidden{opacity:0;transform:translateY(-12px)}.hud-brand{line-height:1.25}.hud-name{display:block;font-family:var(--serif);letter-spacing:.4em;font-size:1rem;color:var(--gold)}.hud-tag{font-size:.58rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim)}.hud-actions{display:flex;gap:10px;pointer-events:auto}.chip{font-family:var(--sans);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);background:#0d092673;border:1px solid rgba(244,236,255,.18);border-radius:999px;padding:8px 14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .25s,border-color .25s,background .25s}.chip:hover,.chip.on{color:var(--ink);border-color:#ffd97d99}.chip.hidden{display:none}#dots{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto}#dots a{width:7px;height:7px;border-radius:50%;background:#f4ecff40;display:block;transition:transform .3s,background .3s,box-shadow .3s}#dots a.on{background:var(--gold);transform:scale(1.5);box-shadow:0 0 12px #ffd97db3}#dots a:hover{background:var(--mint)}#progress{position:fixed;z-index:20;top:50%;right:20px;transform:translateY(-50%);width:2px;height:min(34vh,240px);background:#f4ecff24;border-radius:2px}#progress-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--gold),var(--coral),var(--mint));border-radius:2px}#chapters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.chapter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,7vw,110px);opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease,visibility .9s}.chapter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,rgba(9,5,24,.62) 0%,rgba(9,5,24,.28) 34%,transparent 62%)}.c-right:before{background:linear-gradient(260deg,rgba(9,5,24,.62) 0%,rgba(9,5,24,.28) 34%,transparent 62%)}.c-hero:before,.c-finale:before{background:radial-gradient(58% 46% at 50% 54%,rgba(9,5,24,.55) 0%,transparent 100%)}.chapter.active{opacity:1;visibility:visible;transform:none}.c-right{align-items:flex-end;text-align:right}.c-hero,.c-finale{align-items:center;text-align:center}.eyebrow{font-size:.66rem;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;opacity:.9}.display{font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,12vw,8.5rem);letter-spacing:.3em;text-indent:.3em;line-height:1;background:linear-gradient(100deg,#fff6de 5%,var(--gold) 35%,var(--coral) 70%,#c78bff 105%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 80px rgba(255,126,95,.25)}.title{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(1.9rem,5vw,3.6rem);color:var(--ink);text-shadow:0 4px 40px rgba(13,9,38,.9)}.lede{margin-top:10px;font-size:clamp(.95rem,2.2vw,1.25rem);color:var(--ink-dim);font-style:italic;font-family:var(--serif)}.body{margin-top:14px;max-width:38ch;font-size:clamp(.85rem,1.6vw,1.02rem);line-height:1.75;color:var(--ink-dim);text-shadow:0 2px 18px rgba(13,9,38,.95)}.c-right .body{margin-left:auto}.hint-scroll{margin-top:42px;font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim)}.chev{display:block;font-size:1.6rem;margin-top:8px;animation:drop 1.8s ease-in-out infinite;color:var(--gold)}@keyframes drop{50%{transform:translateY(8px);opacity:.4}}.finale-card{margin-top:26px;pointer-events:auto;text-align:center;background:#0d092680;border:1px solid rgba(244,236,255,.14);border-radius:18px;padding:22px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000059}.made{font-family:var(--serif);font-style:italic;font-size:1.02rem;color:var(--ink)}.made-sub{margin-top:6px;font-size:.72rem;letter-spacing:.08em;color:var(--ink-dim)}.made-sub.hack strong{color:var(--gold);font-weight:600}.finale-card .row{margin-top:16px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.finale-card .btn{padding:12px 22px;font-size:.68rem}#grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:15;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");animation:grain .9s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}@media (max-width: 720px){#dots{display:none}#progress{right:12px}.chapter{padding:22px}.c-left,.c-right{align-items:flex-start;text-align:left}.c-right .body{margin-left:0}.hud-tag{display:none}#hud{padding:14px}.chip{padding:7px 11px}}@media (prefers-reduced-motion: reduce){.veil-mark,.chev,#grain{animation:none}.chapter{transition:opacity .3s;transform:none}}