/* Neon Nightcap. Black and plum night, neon pink, electric cyan and marquee gold. Bungee sign lettering,
   Monoton for the big "Tonight", Permanent Marker on the cue cards, DM Sans for reading. */
:root{--night:#0b0614;--plum:#1a0f2e;--plum2:#261843;--plum3:#3a2763;--pink:#ff2e88;--pink2:#ff5ca3;--cyan:#22e3ff;--gold:#ffcc4d;--txt:#f4eefc;--mute:#b9add0;--line:#34245a;
 --sign:'Bungee','Arial Black',system-ui,sans-serif;--tube:'Monoton','Bungee',system-ui,sans-serif;--hand:'Permanent Marker','Comic Sans MS',cursive;--sans:'DM Sans','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
 --glowp:0 0 6px rgba(255,46,136,.9),0 0 18px rgba(255,46,136,.6),0 0 42px rgba(255,46,136,.35);
 --glowc:0 0 6px rgba(34,227,255,.9),0 0 18px rgba(34,227,255,.55),0 0 40px rgba(34,227,255,.3)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--txt);font:400 18px/1.6 var(--sans)}
a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}
img{max-width:100%;display:block}h1,h2,h3{margin:0;overflow-wrap:anywhere}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.ph-img{display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#ff2e88 0,transparent 45%),radial-gradient(circle at 75% 70%,#22e3ff 0,transparent 45%),linear-gradient(160deg,#3a2763,#0b0614)}
[id]{scroll-margin-top:100px}

/* header */
.hd{position:sticky;top:0;z-index:20;background:rgba(11,6,20,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--pink);box-shadow:0 2px 18px rgba(255,46,136,.35)}
.hd-in{display:flex;align-items:center;gap:22px;min-height:96px}
.brand-img{height:84px;width:auto;max-width:230px;object-fit:contain}
.brand .lg-txt{font:400 26px/1 var(--sign);color:var(--pink);text-shadow:var(--glowp)}
.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav a{font:400 15px/1 var(--sign);padding:12px 14px;border-radius:999px;color:var(--txt);white-space:nowrap;letter-spacing:.02em}
.nav a:hover{color:var(--cyan)}.nav a.on{color:var(--night);background:var(--cyan);box-shadow:var(--glowc)}
.vt{display:flex;align-items:center;gap:8px;font:700 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:9px 13px;white-space:nowrap}
.vt i{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:var(--glowp);animation:blink 2.4s infinite}
.vt b{color:var(--gold);font:400 14px/1 var(--sign)}
@keyframes blink{50%{opacity:.35}}

/* hero: one big neon sign over the rooftop photo */
.hero{position:relative;overflow:hidden;background:var(--night);padding:96px 0 90px;text-align:center}
.hero-bg{position:absolute;inset:0}.hero-bg img,.hero-bg .ph-img{width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 75% at 50% 45%,rgba(11,6,20,.62) 0,rgba(11,6,20,.86) 60%,rgba(11,6,20,.96) 100%)}
.bulbs{position:absolute;left:0;right:0;height:16px;z-index:3;background:radial-gradient(circle,var(--gold) 0 3.6px,transparent 4.6px) 0 50%/28px 16px repeat-x;filter:drop-shadow(0 0 6px rgba(255,204,77,.85))}
.b-top{top:14px}.b-bot{bottom:14px}
.hero-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.hero-k{display:inline-block;font:700 14px/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);border:1px solid rgba(255,204,77,.55);background:rgba(11,6,20,.55);border-radius:999px;padding:9px 14px;margin:0 0 26px}
.hero h1{line-height:1;margin:0}
.hero-logo .hl-img{display:block;width:min(460px,82vw);height:auto;margin:0 auto;filter:drop-shadow(0 0 24px rgba(255,46,136,.6)) drop-shadow(0 0 60px rgba(34,227,255,.25))}
.hero-logo .lg-txt{font:400 clamp(48px,7vw,96px)/1 var(--sign);color:#ffe4f1;text-shadow:var(--glowp)}
.ln2{font:400 clamp(22px,2.6vw,32px)/1.1 var(--sign);color:var(--cyan);text-shadow:var(--glowc);margin:26px 0 0;letter-spacing:.04em}
.hero-p{font:500 20px/1.5 var(--sans);color:#d8cdea;max-width:600px;margin:16px auto 0}
.lead{margin:32px auto 0;text-align:left;background:rgba(26,15,46,.92);border:1px solid var(--line);border-left:6px solid var(--pink);border-radius:16px;padding:18px 22px;max-width:680px;width:100%;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.lead-tag{font:400 13px/1 var(--sign);color:var(--pink2)}
.lead h2{font:800 23px/1.3 var(--sans);margin-top:8px}

/* sign headings */
.sign{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 18px;margin-bottom:26px}
.sign-k{width:100%;font:700 14px/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.sign h2{font:400 clamp(34px,4.8vw,60px)/1 var(--sign);color:#ffe4f1;text-shadow:var(--glowp)}
.sign-m{margin-left:auto;font:400 15px/1 var(--sign);color:var(--cyan);padding-bottom:8px}
.blk{padding-top:80px}

/* monologue */
.mono{margin-top:20px;padding:70px 0;background:linear-gradient(180deg,var(--plum) 0,var(--night) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mono-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:34px;align-items:start}
.desk{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:var(--plum2);box-shadow:0 0 0 2px var(--cyan),0 0 30px rgba(34,227,255,.3)}
.desk img,.desk .ph-img{width:100%;height:100%;object-fit:cover}
.desk:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,6,20,0) 35%,rgba(11,6,20,.92) 85%)}
.desk-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 26px}
.desk-cap span{font:400 13px/1 var(--sign);color:var(--gold)}
.desk-cap h3{font:800 clamp(22px,2.4vw,30px)/1.22 var(--sans);margin-top:8px}
.desk-cap .src{color:#d9cfe9}
.cues{display:grid;gap:18px}
.cue{background:#fffdf3;color:#1d1530;border-radius:6px;padding:18px 20px 16px;box-shadow:0 10px 24px rgba(0,0,0,.45);background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(34,140,255,.18) 31px 32px);border-top:6px solid var(--pink)}
.cue0{transform:rotate(-1.2deg)}.cue1{transform:rotate(.9deg)}.cue2{transform:rotate(-.6deg)}
.cue span{font:400 12px/1 var(--sign);color:#b1155c}
.cue h3{font:400 22px/1.3 var(--hand);margin-top:8px;color:#1d1530}
.cue h3 a:hover{color:#b1155c}
.cue .src{color:#5b4c73}.cue .src b{color:#1d1530}

/* lineup */
.guests{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.guests li{display:grid;grid-template-columns:86px 150px minmax(0,1fr);gap:24px;align-items:center;background:var(--plum);border:1px solid var(--line);border-radius:20px;padding:14px 22px 14px 14px;transition:border-color .15s}
.guests li:hover{border-color:var(--pink)}
.gnum{display:flex;align-items:center;justify-content:center;font:400 52px/1 var(--tube);color:var(--cyan);text-shadow:var(--glowc)}
.g-pic{display:block;position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--plum2);box-shadow:0 0 0 3px var(--pink),0 0 18px rgba(255,46,136,.45)}
.g-pic img{width:100%;height:100%;object-fit:cover}
.g-lab{font:400 12px/1 var(--sign);color:var(--gold)}
.guests h3{font:800 22px/1.3 var(--sans);margin-top:7px}
.src{display:block;font:500 14px/1.4 var(--sans);color:var(--mute);margin-top:6px}
.src b{color:var(--txt);font-weight:700}.src em{font-style:normal}.src em:before{content:"\00B7";margin:0 6px}

/* glow cards */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.gc-pic{display:block;position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--plum2);box-shadow:0 0 0 2px var(--pink),0 0 22px rgba(255,46,136,.4);transition:box-shadow .15s}
.gc:hover .gc-pic{box-shadow:0 0 0 2px var(--cyan),0 0 26px rgba(34,227,255,.5)}
.gc-pic img{width:100%;height:100%;object-fit:cover}
.gc h3{font:800 21px/1.3 var(--sans);margin-top:16px}
.n-fb{background:#fff!important}
.bt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8%;background:#fff}
.bt img{width:100%!important;height:100%!important;object-fit:contain!important}
.bt b{font:400 20px/1.1 var(--sign);color:var(--night);text-align:center}

/* off the strip */
.off{margin-top:84px;padding:70px 0;background:var(--plum)}
.off-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.off-pic{aspect-ratio:4/5;border-radius:200px 200px 22px 22px;overflow:hidden;background:var(--plum2);box-shadow:0 0 0 2px var(--gold),0 0 30px rgba(255,204,77,.25)}
.off-pic img,.off-pic .ph-img{width:100%;height:100%;object-fit:cover}
.ol{list-style:none;margin:0;padding:0}
.ol li{padding:16px 0;border-bottom:1px dashed var(--plum3)}
.ol a{font:800 21px/1.3 var(--sans)}

/* channel tvs */
.tvs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}
.tvset{position:relative;display:block;padding:10px 10px 18px;background:#2a1d45;border-radius:22px;box-shadow:inset 0 0 0 2px var(--plum3);margin-top:16px}
.tvset:before,.tvset:after{content:"";position:absolute;top:-16px;width:2px;height:22px;background:var(--mute);border-radius:2px}
.tvset:before{left:40%;transform:rotate(-28deg)}.tvset:after{left:58%;transform:rotate(28deg)}
.scr{display:grid;justify-items:center;gap:4px;padding:18px 6px;border-radius:16px;background:radial-gradient(ellipse at center,#30205a 0,#140b26 75%);box-shadow:inset 0 0 18px rgba(34,227,255,.3)}
.scr b{font:400 40px/1 var(--sign);color:var(--cyan);text-shadow:var(--glowc)}
.scr em{font:700 12px/1.2 var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--txt);text-align:center}
.tvset:hover .scr{box-shadow:inset 0 0 22px rgba(255,46,136,.5)}

/* desert */
.desert{position:relative;margin-top:84px;padding:240px 0 70px;overflow:hidden}
.desert-pic{position:absolute;inset:0}.desert-pic img,.desert-pic .ph-img{width:100%;height:100%;object-fit:cover}
.desert:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,6,20,.1) 0,rgba(11,6,20,.55) 40%,rgba(11,6,20,.92) 75%)}
.desert-in{position:relative;z-index:2}
.dcard{background:rgba(26,15,46,.9);border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:18px;padding:20px 22px}
.dcard h3{font:800 20px/1.3 var(--sans)}

/* releases */
.nn{margin-top:84px;padding:66px 0 74px;background:var(--plum);border-top:2px solid var(--cyan)}
.rc{background:var(--plum2);border-radius:18px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.rc-pic{display:block;aspect-ratio:16/10;background:#fff}
.rc-t{padding:16px 18px 20px}.rc h3{font:800 20px/1.3 var(--sans);margin-top:9px}
.prt{display:inline-block;font:400 11px/1 var(--sign);background:var(--gold);color:var(--night);padding:7px 10px;border-radius:999px}
.rows{display:grid;gap:16px;margin-top:28px}
.rr{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}
.rr-pic{display:block;aspect-ratio:16/10;background:#fff;border-radius:12px;overflow:hidden}
.rr h3{font:800 20px/1.3 var(--sans);margin-top:6px}
.fr{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;overflow:hidden}
.fr-ph{padding:10px}.fr-ph img,.fr-lg .tile img{width:100%;height:100%;object-fit:contain!important}
.fr-lg .tile{display:flex;align-items:center;justify-content:center}.fr-dk{background:#1d1d1d}

/* page heads */
.pg-h{background:radial-gradient(ellipse at 85% 0,rgba(255,46,136,.3),transparent 60%),var(--plum);padding:70px 0 56px;border-bottom:2px solid var(--pink)}
.pg-h h1{font:400 clamp(42px,6.6vw,88px)/1 var(--sign);color:#ffe4f1;text-shadow:var(--glowp);margin-top:12px}
.pg-h p{font:500 20px/1.5 var(--sans);color:var(--mute);max-width:720px;margin:16px 0 0}
.st-h .st-t{font:800 clamp(30px,4.2vw,54px)/1.12 var(--sans);text-shadow:none;color:var(--txt);margin-top:16px;max-width:1050px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:700 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin-bottom:20px}
.crumbs a:hover{color:var(--cyan)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}
.tabs a{font:400 14px/1 var(--sign);padding:12px 16px;border-radius:999px;border:1px solid var(--line)}
.tabs a.on{background:var(--pink);border-color:var(--pink);color:var(--night)}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:40px 0}
.pager a,.pager span{font:400 15px/1 var(--sign);padding:12px 16px;border-radius:999px;border:1px solid var(--line)}
.pager .on{background:var(--cyan);border-color:var(--cyan);color:var(--night)}.pg-gap{border:0!important}
.empty{font:800 20px/1.4 var(--sans);padding:40px 0}
.doc{padding:44px 0 70px}

/* channel listings grid */
.lst{margin-top:44px;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.lst-h,.lst-r{display:grid;grid-template-columns:110px 150px 170px minmax(0,1fr);align-items:center}
.lst-h{background:var(--plum3);font:400 13px/1 var(--sign);color:var(--gold)}.lst-h span{padding:14px 18px}
.lst-r{border-top:1px solid var(--line);background:var(--plum)}.lst-r:nth-child(odd){background:#140b26}
.lst-r:hover{background:var(--plum2);color:inherit}.lst-r:target{outline:3px solid var(--pink);outline-offset:-3px}
.lst-r>*{padding:18px}
.lst-r b{font:400 40px/1 var(--sign);color:var(--cyan);text-shadow:var(--glowc)}
.lst-r span{font:800 20px/1 var(--sans)}
.lst-r em{font:400 15px/1.2 var(--sign);font-style:normal;color:var(--pink2)}
.lst-r p{margin:0;font:500 16px/1.4 var(--sans);color:var(--mute);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.lst-r i{font:400 12px/1.4 var(--sign);font-style:normal;color:var(--gold)}
.note{font:500 15px/1.55 var(--sans);color:var(--mute);max-width:780px;margin:30px 0 0}

/* story */
.s-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding-top:40px}
.sfig{margin:0}.sfig .fr{aspect-ratio:16/9;border-radius:18px;box-shadow:0 0 0 2px var(--pink)}
.sfig figcaption{font:500 13px/1.4 var(--sans);color:var(--mute);margin-top:8px}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0}
.share span{font:400 13px/1 var(--sign);color:var(--gold)}
.share a,.share button{font:700 14px/1 var(--sans);background:var(--plum2);color:var(--txt);border:1px solid var(--line);padding:11px 14px;border-radius:999px;cursor:pointer}
.prose{font:400 19px/1.75 var(--sans);max-width:760px;color:#ece4f7}
.prose p{margin:0 0 1.1em}.prose .lede{font-size:21px;font-weight:700;color:#fff}
.prose .dl{font:400 13px/1 var(--sign);color:var(--gold)}
.prose h2{font:400 28px/1.15 var(--sign);color:var(--cyan);margin:1.4em 0 .5em}
.prose a{color:var(--cyan);text-decoration:underline}
.prose blockquote,.pull{margin:1.4em 0;padding:18px 22px;background:var(--plum);border-left:6px solid var(--pink);font-weight:700}
.in-fig{margin:1.4em auto;text-align:center}.in-fig img{margin:0 auto;max-height:560px;width:auto;border-radius:12px}
.about-co{margin:2em 0;padding:24px;background:var(--plum);border-radius:18px;border:1px solid var(--line)}
.about-co .lbl{font:400 12px/1 var(--sign);color:var(--gold)}
.about-co h3{font:800 22px/1.3 var(--sans);margin:8px 0 10px}
.disclose{font-size:15px!important;color:var(--mute);border-top:1px solid var(--line);padding-top:16px;margin-top:2em}
.btn{display:inline-block;background:var(--pink);color:var(--night)!important;text-decoration:none!important;font:400 15px/1 var(--sign);padding:15px 22px;border-radius:999px;box-shadow:var(--glowp)}
.btn:hover{background:var(--cyan);color:var(--night)!important;box-shadow:var(--glowc)}
.side{display:grid;gap:26px;align-content:start}
.co,.side-l{background:var(--plum);border:1px solid var(--line);border-radius:18px;padding:20px}
.co h4,.side-l h4{font:400 16px/1 var(--sign);color:var(--gold);margin:0 0 14px}
.co .fr{aspect-ratio:4/3;border-radius:12px;margin-bottom:14px}
.co>b{display:block;font:800 20px/1.3 var(--sans);overflow-wrap:anywhere}
.co dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:15px;margin:14px 0 18px}
.co dt{font-weight:700;color:var(--mute)}.co dd{margin:0;overflow-wrap:anywhere}
.co .btn{display:block;text-align:center}
.sl-i{padding:12px 0;border-bottom:1px solid var(--line)}.sl-i>a{font:700 17px/1.35 var(--sans)}

/* footer */
.ft{background:#07030e;margin-top:84px;border-top:2px solid var(--pink);overflow:hidden}
.nn+.ft,main:has(.nn:last-child)+.ft{margin-top:0}
.ft-in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:48px}
.ft-img{height:84px;width:auto;max-width:250px;object-fit:contain}
.ft .lg-txt{font:400 26px/1 var(--sign);color:var(--pink)}
.ft-brand p{color:var(--mute);max-width:420px}
.ft h4{font:400 15px/1 var(--sign);color:var(--gold);margin:0 0 14px}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-weight:700}
.ft-big{font:400 clamp(60px,15vw,210px)/.9 var(--tube);text-align:center;color:transparent;-webkit-text-stroke:1px rgba(255,46,136,.5);margin:40px 0 0;white-space:nowrap;overflow:hidden}
.ft-fine{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;padding-bottom:34px;font-size:14px;color:var(--mute)}
.ft-fine p{margin:0 0 6px}

@media (max-width:1050px){
 .hd-in{flex-wrap:wrap;padding-top:10px}.nav{order:3;width:100%;margin:0 0 10px;flex-wrap:nowrap;overflow-x:auto}.vt{margin-left:auto}
 .hero-in,.mono-g,.off-in,.s-cols{grid-template-columns:minmax(0,1fr)}
 .off-pic{max-width:460px}
 .g3{grid-template-columns:repeat(2,minmax(0,1fr))}.g3>*:nth-child(3n){grid-column:1/-1}
 .tvs{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 10px}
 .lst-h,.lst-r{grid-template-columns:90px 120px 140px minmax(0,1fr)}
 .ft-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ft-brand{grid-column:1/-1}
}
@media (max-width:640px){
 body{font-size:17px}.hd-in{min-height:64px}.brand-img{height:52px;max-width:160px}
 .desk{aspect-ratio:auto}.desk img,.desk .ph-img{aspect-ratio:4/3;height:auto}.desk:after{display:none}.desk-cap{position:static;padding:18px 20px 20px}.vt{font-size:11px;padding:7px 10px}
 .hero{padding:64px 0 60px}.hero-p{font-size:18px}.lead h2{font-size:20px}
 .guests li{grid-template-columns:44px 84px minmax(0,1fr);gap:12px;padding:12px}.gnum{font-size:34px}.guests h3{font-size:18px}
 .g3{grid-template-columns:minmax(0,1fr)}.g3>*:nth-child(3n){grid-column:auto}
 .tvs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lst-h{display:none}.lst-r{grid-template-columns:76px minmax(0,1fr)}.lst-r b{grid-row:span 3;font-size:32px}.lst-r>*{padding:6px 14px}.lst-r span{padding-top:16px}.lst-r p{padding-bottom:16px}
 .rr{grid-template-columns:minmax(0,1fr)}
 .desert{padding-top:150px}
 .ft-in{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.vt i{animation:none}.guests li,.gc-pic{transition:none}}
.co,.side,.s-cols>*{min-width:0}
.co .fr,.sfig .fr{height:auto}
.fr img{max-width:100%;max-height:100%;min-width:0}
[hidden]{display:none!important}