@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#10120f;color:#f5f1e8;font-family:'DM Sans',sans-serif;overflow:hidden}.stage{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow:hidden}.film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.78) saturate(.92)}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,11,8,.24),rgba(9,11,8,.02) 38%,rgba(9,11,8,.40) 100%),linear-gradient(90deg,rgba(9,11,8,.08),transparent 55%,rgba(9,11,8,.08))}.grain{position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}.mast{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:27px clamp(22px,5vw,72px);border-bottom:1px solid #ffffff22}.brand{font-weight:800;letter-spacing:-.06em;font-size:20px}.brand i{font-style:normal;color:#ffdd00}.mast-note{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#e4e4d7b8}.mast-note b{color:#ffdd00;font-weight:600}.mast-actions{display:flex;align-items:center;gap:20px}.sound-toggle{background:transparent;border:1px solid #ffffff44;color:#f5f1e8;padding:8px 10px;border-radius:3px;font:inherit;font-size:9px;letter-spacing:.12em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.sound-toggle:hover{color:#ffdd00;border-color:#ffdd00}.sound-toggle:focus-visible{outline:2px solid #ffdd00;outline-offset:3px}.copy{position:absolute;left:50%;bottom:clamp(120px,18vh,190px);width:min(900px,90vw);text-align:center;padding:0;transform:translateX(-50%)}.kicker{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#ffdd00;margin-bottom:23px}.title{margin:0;font-size:clamp(48px,8vw,112px);line-height:.9;letter-spacing:-.095em;font-weight:800;text-transform:uppercase;text-shadow:0 8px 40px #0008}.title span{display:block;color:#ffdd00}.desc{margin:0 auto;color:#f5f1e8bb;font-size:clamp(13px,1.4vw,16px);letter-spacing:.015em}.prompt{position:absolute;bottom:clamp(24px,5vh,54px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;border:1px solid #ffdd0088;background:#10120fa8;color:#f5f1e8;padding:15px 22px;border-radius:3px;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.prompt:hover{background:#ffdd00;color:#10120f;border-color:#ffdd00;box-shadow:0 8px 30px #0006}.prompt:active{transform:translate(-50%,2px) scale(.985)}.prompt:focus-visible{outline:2px solid #f5f1e8;outline-offset:4px}.key{width:24px;height:24px;border:1px solid currentColor;display:grid;place-items:center;border-radius:3px;font-size:14px}.prompt-text{font-size:11px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.prompt-text small{display:block;margin-top:3px;font-size:9px;font-weight:400;letter-spacing:.13em;opacity:.66}.index{position:absolute;right:clamp(22px,5vw,72px);bottom:35px;font-size:9px;letter-spacing:.18em;color:#ffffff80}.index b{color:#ffdd00;font-weight:500}@media(max-width:600px){.mast{padding:20px}.mast-actions{gap:8px}.sound-toggle{font-size:8px;padding:7px}.mast-note{font-size:8px}.copy{bottom:115px}.kicker{font-size:9px}.title{font-size:clamp(42px,11vw,68px)}.desc{max-width:320px;line-height:1.6}.prompt{bottom:26px;padding:14px 17px}.prompt-text{font-size:10px}.index{display:none}}@media(prefers-reduced-motion:reduce){.film{display:none}.prompt{transition:none}}