:root{--black:#080808;--dark:#0a0a0a;--gold:#d3a338;--gold2:#e0b752;--gold3:#b98522;--blue:#4aa3ff;--cream:#f6f0e3;--muted:#b7b1a6;--dim:#c8c2b8;--line:rgba(211,163,56,.25)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--cream);font-family:Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* HEADER */
header{position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 6vw;background:#080808f0;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:38px;height:38px;object-fit:contain}
.brand-name{font-weight:800;letter-spacing:.04em;font-size:.95rem}
nav{display:flex;flex-wrap:wrap;gap:4px}
nav a{padding:7px 13px;color:var(--muted);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;transition:color .2s,background .2s;border-radius:2px}
nav a:hover,nav a.active{color:var(--gold);background:rgba(211,163,56,.08)}

/* BUTTONS */
.btn{display:inline-block;padding:12px 22px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.88rem;border:2px solid var(--gold);cursor:pointer;transition:all .2s;text-align:center}
.btn-primary{background:var(--gold);color:#080808}
.btn-primary:hover{background:var(--gold2);border-color:var(--gold2)}
.btn-ghost{background:transparent;color:var(--gold)}
.btn-ghost:hover{background:rgba(211,163,56,.1)}
.btn-blue{background:var(--blue);border-color:var(--blue);color:#080808}
.btn-blue:hover{background:#6bb8ff;border-color:#6bb8ff}
.btn-lg{padding:16px 32px;font-size:.95rem}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.btn-row.center{justify-content:center}

/* LAYOUT */
section{padding:80px 8vw}
.inner{max-width:1100px;margin:0 auto}
.inner-sm{max-width:800px;margin:0 auto}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-split{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:6vw;align-items:center}

/* TYPE */
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;font-weight:800;margin-bottom:12px}
h1,h2,h3{font-family:Georgia,serif;line-height:1.1}
h1{font-size:clamp(2.8rem,7vw,6.5rem);margin-bottom:20px}
h2{font-size:clamp(1.8rem,4vw,3.6rem);margin-bottom:20px}
h3{font-size:clamp(1.3rem,2.2vw,2rem);margin-bottom:14px}
.lead{font-size:1.1rem;color:var(--dim);line-height:1.75}
.text-gold{color:var(--gold)}
.text-blue{color:var(--blue)}
.text-center{text-align:center}
.text-center .lead{margin-left:auto;margin-right:auto}

/* HERO */
.hero{min-height:90vh;display:flex;align-items:center;background:radial-gradient(circle at 65% 30%,rgba(211,163,56,.1),transparent 40%),linear-gradient(135deg,#050505,#0d0b08 55%,#080808);padding:100px 8vw 80px}
.hero-inner{max-width:1100px;margin:0 auto;text-align:center}
.hero h1{color:var(--gold);text-shadow:0 0 80px rgba(211,163,56,.25)}
.hero-crest{width:min(140px,22vw);margin:0 auto 28px;opacity:.9}
.hero-art{max-width:380px;margin:36px auto 0;border:2px solid var(--gold);box-shadow:0 0 50px rgba(211,163,56,.2);transition:transform .4s}
.hero-art:hover{transform:scale(1.02)}

/* CARDS */
.card{background:#0d0b08;border:1px solid var(--line);padding:28px}
.card-gold{border-color:var(--gold);box-shadow:0 0 20px rgba(211,163,56,.08)}
.card-blue{border-color:var(--blue);box-shadow:0 0 20px rgba(74,163,255,.08)}

/* RELEASE CARD */
.release-card{background:#0a0a0a;border:1px solid var(--line);overflow:hidden;transition:border-color .3s,transform .3s}
.release-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.release-card img{width:100%;aspect-ratio:1;object-fit:cover}
.release-card-body{padding:20px}
.release-badge{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:4px 10px;font-size:.7rem;font-weight:800;letter-spacing:.14em;margin-bottom:10px}

/* EPISODE CARD */
.ep-card{background:#0a0a0a;border:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;overflow:hidden;transition:border-color .3s}
.ep-card:hover{border-color:var(--gold)}
.ep-card img{width:220px;height:100%;object-fit:cover}
.ep-card-body{padding:28px}

/* MERCH CARD */
.merch-card{background:#0a0a0a;border:1px solid var(--line);overflow:hidden;transition:border-color .3s,transform .3s}
.merch-card:hover{border-color:var(--gold);transform:translateY(-4px)}
.merch-card img{width:100%;aspect-ratio:1;object-fit:cover}
.merch-card-body{padding:20px}

/* QUOTE */
.quote-box{background:linear-gradient(135deg,var(--gold3),var(--gold2) 50%,#9b6d16);color:#080808;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.75;padding:32px 36px;max-width:680px;margin:0 auto}
.quote-box p{margin-bottom:8px}
.quote-box p:last-child{margin-bottom:0}

/* COUNTDOWN */
.countdown-wrap{background:linear-gradient(135deg,#050505,#0d0b08);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 8vw;text-align:center}
.countdown{display:flex;gap:16px;justify-content:center;margin:24px 0 16px;flex-wrap:wrap}
.cd-item{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:16px 12px;border:1px solid var(--gold);background:#0a0a0ac0}
.cd-num{font-family:Georgia,serif;font-size:2.8rem;font-weight:700;color:var(--gold);line-height:1}
.cd-label{margin-top:6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}

/* PLATFORM */
.platform-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0 32px}
.platform-pill{padding:6px 16px;border:1px solid var(--line);color:var(--muted);font-size:.8rem;letter-spacing:.06em}

/* PILLAR */
.pillar{border:1px solid var(--line);padding:28px;text-align:center}
.pillar-icon{font-size:2.5rem;margin-bottom:16px}
.pillar h3{color:var(--gold);font-size:1.3rem;margin-bottom:12px}
.pillar p{color:var(--dim);font-size:.93rem;line-height:1.65}

/* CONTACT */
.contact-item{border:1px solid var(--line);padding:28px;margin-bottom:16px;transition:border-color .3s}
.contact-item:hover{border-color:var(--gold)}
.contact-item h3{color:var(--gold);font-size:1.05rem;margin-bottom:8px}
.contact-item p{color:var(--dim);font-size:.93rem}

/* BADGE */
.badge-out-now{display:inline-block;background:var(--gold);color:#080808;font-weight:800;letter-spacing:.14em;padding:7px 16px;font-size:.8rem;margin-bottom:18px}
.badge-presave{display:inline-block;background:var(--blue);color:#080808;font-weight:800;letter-spacing:.14em;padding:7px 16px;font-size:.8rem;margin-bottom:18px}
.badge-coming{display:inline-block;border:1px solid rgba(211,163,56,.4);color:var(--muted);font-weight:800;letter-spacing:.14em;padding:7px 16px;font-size:.8rem;margin-bottom:18px}

/* FOOTER */
footer{background:#050505;border-top:1px solid var(--line);padding:56px 8vw 32px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1100px;margin:0 auto 40px}
.footer-col h4{color:var(--gold);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.footer-col a,.footer-col p{color:var(--muted);font-size:.86rem;display:block;margin-bottom:8px;transition:color .2s}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{text-align:center;color:#555;font-size:.8rem;border-top:1px solid var(--line);padding-top:28px;max-width:1100px;margin:0 auto}

/* RESPONSIVE */
@media(max-width:960px){
  .grid-split{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .ep-card{grid-template-columns:1fr}
  .ep-card img{width:100%;aspect-ratio:16/9}
}
@media(max-width:640px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  nav a{font-size:.76rem;padding:6px 9px}
  .brand-name{display:none}
  h1{font-size:clamp(2.2rem,10vw,3.5rem)}
}