/* ============================================================
   Hero
   ============================================================ */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0a0a12,#06060a)}
.hero-bg{position:absolute;inset:0;opacity:.5;transition:opacity .6s}
.hero-bg i{position:absolute;border-radius:50%;filter:blur(70px)}
.hero-bg i:nth-child(1){width:44vw;height:44vw;left:-8vw;top:-14vw;background:var(--c1);opacity:.5}
.hero-bg i:nth-child(2){width:38vw;height:38vw;right:-6vw;top:-8vw;background:var(--c2);opacity:.55}
.hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(20px,4vw,54px);align-items:center;padding:clamp(34px,6vw,80px) 0 clamp(30px,5vw,64px)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:.38rem .85rem;border:1.4px solid rgba(255,255,255,.16);border-radius:99px;font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;background:rgba(255,255,255,.04);margin-bottom:20px}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:99px;background:var(--accent3);box-shadow:0 0 12px var(--accent3);animation:pulse 1.6s infinite}
.hero h1{margin-bottom:16px}
.hero h1 span{display:block}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.hero p.lead{color:#c3c3d1;max-width:62ch;font-size:clamp(.9rem,1.4vw,1.02rem);margin:14px 0 26px}
.hero-cta{display:flex;flex-wrap:wrap;gap:11px}
.hero-stats{display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,40px);margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.hero-stats b{display:block;font-family:var(--fd);font-weight:900;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.04em}
.hero-stats span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.hero-card{position:relative;justify-self:end;width:100%;max-width:330px}
.hero-card .poster{box-shadow:var(--shadow);border:1.5px solid rgba(255,255,255,.1)}
.hero-card .float-tag{position:absolute;left:-14px;bottom:26px;background:#0b0b12;border:1.5px solid var(--line2);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow)}
.hero-card .float-tag b{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero-card .float-tag strong{font-family:var(--fd);font-weight:900;font-size:1.05rem}
.hero-dots{display:flex;gap:8px;margin-top:24px}
.hero-dots button{width:34px;height:4px;border-radius:99px;border:0;background:#2a2a36;cursor:pointer;padding:0;transition:.25s}
.hero-dots button.on{background:var(--accent);width:52px}