@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Raleway:wght@400;500;600;700&family=Roboto:wght@400;500;600;700&display=swap');
:root{--bg:#490104;--panel:#660000;--text:#FFFFFF;--muted:#e2c5c5;--gold:#FFB006}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Roboto',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:100px;display:flex;align-items:center;gap:50px;padding:0 5%;border-bottom:1px solid #ffffff15}.logo{color:var(--text);text-decoration:none;font:800 34px 'Bebas Neue',sans-serif;letter-spacing:-2px;position:relative}.logo span{color:var(--gold)}.logo small{display:block;font:7px 'Roboto',sans-serif;letter-spacing:2.1px;margin-top:3px}nav{display:flex;gap:24px;flex:1}nav button,.tools button{border:0;background:none;color:var(--muted);padding:12px 0;font-size:12px}nav button.active{color:var(--gold)}.tools{display:flex;align-items:center;gap:23px}.tools #searchToggle{font-size:28px}.tools #plans{color:var(--text)}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#660000;color:var(--gold)}.hero{min-height:620px;position:relative;overflow:hidden;display:flex;padding:80px 7% 75px;isolation:isolate;background:radial-gradient(ellipse at 77% 50%,#8b1212 0, #660000 32%,#490104 65%)}.hero-content{position:relative;z-index:2;width:55%;align-self:center}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--gold);font-weight:700}h1{font:600 clamp(40px,4.4vw,72px)/1.08 'Bebas Neue',sans-serif;letter-spacing:-3px;margin:25px 0}p.intro{max-width:420px;line-height:1.8;color:var(--muted);font-size:15px}.actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{border:0;border-radius:5px;padding:15px 21px;font-weight:700}.primary{background:var(--gold);color:#490104}.primary span{margin-left:25px}.secondary{background:#ffffff12;border:1px solid #ffffff25;color:white}.hero-note{font-size:11px;color:var(--muted);margin-top:22px}.hero-art{position:relative;width:45%;padding:10px 0 10px 65px;transform:rotate(-6deg)}.giant{font:800 clamp(45px,6.7vw,110px)/.95 'Bebas Neue',sans-serif;letter-spacing:-7px;color:#FFFFFF;position:relative;text-shadow:4px 4px 0 #490104}.art-kicker,.art-foot{font-size:9px;letter-spacing:3px;color:#FFB006;position:relative;line-height:1.6}.art-kicker{margin-bottom:25px}.art-foot{margin-top:25px}.ring{position:absolute;width:420px;height:420px;border:1px solid #FFB00630;border-radius:50%;top:0;left:-15px;box-shadow:0 0 0 45px #FFB00608,0 0 0 90px #FFB00605}.hero-bottom{position:absolute;bottom:24px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#e2c5c5}.catalog{padding:60px 5%}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font:500 30px/1.25 'Bebas Neue',sans-serif;letter-spacing:-1px;margin:13px 0}.demo{font-size:8px;letter-spacing:1.3px;color:var(--muted);padding-bottom:8px}.filters{display:flex;justify-content:space-between;gap:20px;margin:25px 0 30px}.search{border:1px solid #ffffff20;border-radius:5px;display:flex;align-items:center;gap:12px;padding:0 13px;width:280px}.search span{font-size:24px;color:var(--muted)}input{background:none;border:0;color:white;min-width:0;padding:12px 0;width:100%;outline:none}#genres{display:flex;gap:8px;flex-wrap:wrap}#genres button{background:none;color:var(--muted);border:1px solid #ffffff20;border-radius:30px;padding:9px 16px;font-size:12px}#genres button.selected{color:var(--gold);border-color:#FFB00660;background:#FFB00610}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.poster{width:100%;aspect-ratio:2/3;height:auto;border:0;color:white;position:relative;overflow:hidden;text-align:left;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s;background:var(--art);border-radius:7px}.poster:hover{transform:translateY(-5px)}.poster:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 70%)}.poster:after{content:'';position:absolute;width:170px;height:250px;border-radius:100% 100% 0 0;background:#0005;left:35%;top:25%;transform:rotate(25deg);box-shadow:-100px 100px 0 #ffffff0b}.poster .number{position:absolute;top:20px;left:22px;font:12px 'Bebas Neue';color:#ffffff90}.poster strong{font:700 31px/1.05 'Bebas Neue';letter-spacing:-1px;z-index:1;max-width:180px;text-transform:uppercase}.poster em{font-size:8px;letter-spacing:2px;font-style:normal;margin-top:14px;z-index:1}.badge{position:absolute;right:12px;top:12px;background:#490104ed;color:var(--gold);font-size:8px;letter-spacing:1px;padding:7px;border-radius:3px}.card-info{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.card h3{margin:0;font-size:14px;font-weight:500}.card-info p{color:var(--muted);font-size:11px;margin:6px 0}.save{border:1px solid #ffffff25;border-radius:50%;background:none;color:var(--text);width:29px;height:29px;font-size:17px}.save.saved{color:var(--gold);border-color:var(--gold)}.watch{margin:15px 5% 65px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:45px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.watch h2{font-size:27px}.watch article{padding-top:15px}.watch article span{color:var(--gold);font-size:9px;letter-spacing:1.5px}.watch h3{font-size:16px;font-weight:500;margin-top:23px}.watch p{color:var(--muted);font-size:12px;line-height:1.8}footer{padding:0 5% 35px;display:flex;gap:30px;align-items:center}footer p,footer small{color:var(--muted);font-size:11px}footer small{margin-left:auto;font-size:9px}dialog{background:#490104;color:var(--text);border:1px solid #a45252;border-radius:14px;width:min(620px,92vw);padding:40px;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close{position:absolute;right:14px;top:10px;background:none;color:white;border:0;font-size:28px}dialog h2{font-size:34px}dialog p{color:var(--muted);line-height:1.8}dialog .primary{margin:12px 8px 0 0}.plan{padding:15px 0;border-top:1px solid #ffffff20}.plan b{color:var(--gold)}.plan p{margin:5px 0;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--gold);color:#490104;padding:14px 25px;border-radius:5px;display:none;z-index:5}#empty{padding:50px;text-align:center;color:var(--muted)}@media(min-width:1600px){main{max-width:1600px;margin:auto}}@media(max-width:1100px){header{gap:25px}nav{gap:16px}nav button{font-size:11px}.tools #plans{display:none}.poster{height:auto}.poster strong{font-size:26px}.filters{flex-wrap:wrap}.watch{gap:20px}}@media(max-width:760px){header{height:auto;padding:20px 5%;flex-wrap:wrap;gap:20px}.tools{margin-left:auto}nav{order:3;overflow-x:auto;flex-basis:100%;gap:22px}nav button{white-space:nowrap}.hero{padding:50px 6% 70px;min-height:520px}.hero-content{width:100%}.hero-art{position:absolute;opacity:.14;right:-10%;top:70px;width:60%;z-index:-1}.giant{font-size:90px}h1{font-size:46px;letter-spacing:-2px}.intro{max-width:340px!important}.catalog{padding-top:35px}.section-top{align-items:start;flex-direction:column;gap:0}.filters{gap:16px}.search{width:100%}#genres{gap:6px}#genres button{padding:8px 12px}.grid{grid-template-columns:repeat(2,1fr);gap:20px 13px}.poster{height:auto;padding:19px}.poster strong{font-size:26px}.watch{grid-template-columns:1fr 1fr}.watch>div{grid-column:1/-1}.watch h2 br{display:none}footer{flex-wrap:wrap;gap:15px}footer small{width:100%;margin:0}.hero-bottom span:last-child{display:none}.actions{gap:8px}.primary,.secondary{padding:13px 15px;font-size:12px}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* TNTV official brand system: red leads, gold accents, clear white space. */
header{background:#660000}.logo{font-weight:400;letter-spacing:1px}.logo small{font-family:'Raleway';letter-spacing:2px}.hero{background:radial-gradient(ellipse at 77% 50%,#8b1212 0,#660000 42%,#490104 85%)}
h1,h2,h3,.giant,.poster strong{font-family:'Bebas Neue';font-weight:400;text-transform:uppercase;letter-spacing:.5px}h1{font-size:clamp(54px,5.3vw,84px);line-height:1.02}h2{font-size:38px;line-height:1.12}h3{line-height:1.2}.giant{letter-spacing:1px;line-height:.88;font-size:clamp(60px,7.8vw,126px)}
nav button,.tools button,.eyebrow,.hero-note,.hero-bottom,.demo,#genres button,.card-info p,.badge,.poster em,.art-kicker,.art-foot,.watch article span{font-family:'Raleway';line-height:1.5}.eyebrow{color:#FFB006}.intro{font-family:'Roboto';line-height:1.8}.primary{background:#660000;color:#FFFFFF;border:1px solid #660000}.hero .primary,dialog .primary{background:#FFFFFF;color:#660000;border-color:#FFFFFF}.primary:hover{box-shadow:0 0 0 2px #FFB006}.secondary{border-color:#ffffff60}.catalog{background:#FFFFFF;color:#490104;padding-top:64px;padding-bottom:64px}.catalog .eyebrow{color:#660000}.catalog .demo{color:#70565a}.search{border-color:#66000040}.search span,input{color:#490104}input::placeholder{color:#776365}#genres button{color:#660000;border-color:#66000030}#genres button.selected{background:#660000;color:#FFFFFF;border-color:#660000}.card h3{font-size:23px;letter-spacing:.3px}.card-info p{color:#70565a}.save{color:#660000;border-color:#66000050}.save.saved{color:#660000;border-color:#660000;background:#FFB00625}.poster strong{font-size:36px;line-height:1;letter-spacing:.6px}.poster .number{font-family:'Raleway'}.badge{color:#FFB006}#empty{color:#70565a}.watch{background:#660000;margin:0;padding:55px 5%;border:0;gap:40px}.watch h2{font-size:34px}.watch h3{font-size:24px}.watch p{color:#efdcdc;font-family:'Roboto';font-size:13px}.watch article span{color:#FFB006}.watch article{padding-top:15px}footer{background:#FFFFFF;color:#660000;padding:30px 5%}footer .logo{color:#660000}footer p,footer small{color:#70565a}dialog h2{font-size:42px;line-height:1.1}dialog p{font-family:'Roboto'}#toast{background:#660000;color:#FFFFFF;border:1px solid #FFB006}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#FFB006}.catalog button:focus-visible,.catalog input:focus-visible{outline-color:#660000}@media(max-width:760px){h1{font-size:58px;letter-spacing:.5px}.giant{font-size:100px}.poster strong{font-size:32px}.watch{gap:25px}.catalog{padding-top:36px;padding-bottom:40px}h2{font-size:32px}.watch h2{font-size:32px}.hero-art{opacity:.15}.card h3{font-size:21px}}

/* Black-first streaming surfaces; TNTD red actions and restrained gold accents. */
:root{--bg:#000000;--panel:#101010;--muted:#bdbdbd}
body,header,.hero,.catalog,.watch,footer{background:#000000;color:#FFFFFF}
header{border-bottom:1px solid #ffffff18}
.catalog .eyebrow,.eyebrow{color:#FFB006}
.catalog .demo,.card-info p,.hero-bottom,.hero-note,.intro,footer p,footer small,.watch p,dialog p,#empty{color:#bdbdbd}
.search{background:#101010;border-color:#ffffff35}
.search span,input{color:#FFFFFF}input::placeholder{color:#bdbdbd}
#genres button{background:#101010;color:#FFFFFF;border-color:#ffffff35}
#genres button.selected{background:#660000;color:#FFFFFF;border-color:#a45252}
.save{background:#101010;color:#FFFFFF;border-color:#ffffff50}
.save.saved{background:#660000;color:#FFB006;border-color:#a45252}
.hero .primary,dialog .primary,.primary{background:#660000;color:#FFFFFF;border-color:#a45252}
.secondary{background:#101010;border-color:#ffffff50}
.watch{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
footer .logo{color:#FFFFFF}
dialog{background:#101010;border-color:#ffffff35}
.badge{background:#000000e8}
#toast{background:#101010;border-color:#660000;color:#FFFFFF}
.catalog button:focus-visible,.catalog input:focus-visible{outline-color:#FFB006}

.pricing-scroll{overflow-x:auto;margin:25px 0}.pricing{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;text-align:left}.pricing th,.pricing td{padding:12px 10px;border-bottom:1px solid #ffffff25;white-space:nowrap}.pricing thead th{color:#FFB006;font-family:'Raleway';font-weight:600;white-space:normal}.pricing tbody th{font-weight:500}.pricing td{color:#FFFFFF}dialog:has(.pricing){width:min(760px,94vw)}

/* Keep uploaded poster artwork at a true 2:3 ratio at every breakpoint. */
.catalog .grid .poster.live-poster{display:block;position:relative;width:100%;height:auto;aspect-ratio:2/3;padding:0;min-height:0;overflow:hidden}
.catalog .grid .poster.live-poster img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.catalog .grid .poster.live-poster strong{position:absolute;bottom:25px;left:25px;right:25px}
.film-page .film-cover{position:relative;aspect-ratio:2/3;height:auto}
.film-page .film-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
