:root{--bg:#040612;--panel:#0a1024;--purple:#7d21ff;--gold:#f5c64d;--text:#fff;--muted:#c8c8d6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#241044 0,#070a18 36%,#02040a 78%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;background:#050817f2;border-bottom:1px solid #5e35a6;display:flex;align-items:center;gap:24px;padding:13px 3vw;backdrop-filter:blur(14px)}
.brand{font-family:Georgia,serif;font-weight:900;font-size:28px;color:var(--gold);white-space:nowrap}.brand span{color:#9d48ff}
nav{display:flex;gap:18px;flex:1;justify-content:center;font-size:13px;font-weight:900}.tools{display:flex;gap:8px}.chip{border:1px solid #8250ca;padding:9px 13px;border-radius:10px;font-weight:900}.gold{background:linear-gradient(#ffe28a,#e7a817);color:#201000;border:0}
.hero{position:relative;min-height:650px;overflow:hidden;display:grid;align-items:end;background:#080817}
.hero:before{content:"";position:absolute;inset:0;background:url("assets/cinematic-master.png") center top/cover no-repeat;filter:saturate(1.04) contrast(1.03)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#050713 98%)}
.hero-copy{position:relative;z-index:2;text-align:center;padding:0 5vw 32px;text-shadow:0 2px 12px #000}.hero-copy h1{font:900 clamp(42px,6vw,82px)/.95 Georgia,serif;margin:0;color:var(--gold)}.hero-copy h1 span{color:#a950ff}.hero-copy p{font-size:18px;font-weight:900}.live{display:inline-block;background:#d90f18;border:2px solid #ff3b42;border-radius:999px;padding:14px 28px;font-size:24px;font-weight:900;box-shadow:0 0 28px #e31a3a88}.tag{display:block;margin-top:8px;font-weight:900}
.section{padding:34px 3vw}.section-title{text-align:center;color:var(--gold);font:900 28px Georgia,serif;letter-spacing:.04em}.tiles{display:grid;grid-template-columns:repeat(9,1fr);gap:9px}.tile{min-height:150px;padding:18px 10px;border:1px solid #7736c7;border-radius:14px;background:linear-gradient(180deg,#15102d,#090b19);text-align:center;box-shadow:inset 0 0 28px #50207933}.tile strong{display:block;color:#fff;font-size:16px;margin-bottom:8px}.tile small{color:#d7d4e1;line-height:1.35}
.featured{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.program{aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#4e1f78,#11172e);border:1px solid #59329c;display:grid;place-items:end center;padding:12px;font-size:12px;font-weight:900}
.bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.panel{border:1px solid #6e37b0;border-radius:16px;background:linear-gradient(135deg,#11162d,#140a22);padding:28px}.panel h2{color:var(--gold);font-family:Georgia,serif}.devices{font-weight:900;word-spacing:14px}.search{display:flex;gap:8px}.search input{flex:1;padding:13px;border-radius:999px;border:1px solid #6f42ad;background:#070a16;color:white}.search button{border:0;border-radius:999px;background:#7525f5;color:white;padding:12px 18px;font-weight:900}
footer{border-top:1px solid #31234c;padding:25px 3vw;color:#c7c4d1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mpg{font:900 22px Georgia,serif;color:white}
.page{min-height:75vh;padding:70px 6vw;background:radial-gradient(circle at 70% 10%,#34105b,#070a16 45%)}.page h1{font:900 clamp(42px,7vw,78px) Georgia,serif;color:var(--gold)}.page p{max-width:760px;font-size:19px;line-height:1.6;color:#ddd9e6}.back{display:inline-block;margin-top:24px;color:#d7b0ff;font-weight:900}
@media(max-width:1050px){nav{display:none}.tiles{grid-template-columns:repeat(3,1fr)}.featured{grid-template-columns:repeat(4,1fr)}.bottom{grid-template-columns:1fr}.hero{min-height:560px}}
@media(max-width:620px){header{padding:10px 4vw}.brand{font-size:21px}.tools .chip:not(.gold){display:none}.hero{min-height:500px}.hero:before{background-position:center top}.hero-copy{padding-bottom:20px}.hero-copy h1{font-size:42px}.live{font-size:18px;padding:12px 20px}.tiles{grid-template-columns:repeat(2,1fr)}.featured{grid-template-columns:repeat(2,1fr)}.section{padding:28px 4vw}}

/* V2 CLEAN: the approved artwork supplies the hero branding only.
   HTML content begins below it, preventing double headings/navigation/LIVE buttons. */
.clean-hero{
  min-height:0;
  height:auto;
  aspect-ratio:1536/575;
  background:url("assets/cinematic-master.png") center top/100% auto no-repeat;
  position:relative;
}
.clean-hero:before,.clean-hero:after{display:none!important}
.hero-live-link{
  position:absolute;
  left:39%;
  top:74%;
  width:22%;
  height:16%;
  border-radius:999px;
}
.hero-live-link:focus{outline:3px solid #ffd45a;outline-offset:3px}
@media(max-width:1050px){
 .clean-hero{aspect-ratio:1536/620;background-size:auto 100%;background-position:center top}
}
@media(max-width:620px){
 .clean-hero{aspect-ratio:1/0.72;background-size:auto 100%;background-position:center top}
}

.watch-cta{display:inline-block;padding:16px 22px;border-radius:12px;background:#e1aa29;color:#140c20;font-weight:900}.watch-cta:hover{filter:brightness(1.12)}