:root{--bg:#070707;--bg2:#0e0e0e;--panel:#141414;--line:#242424;--text:#f4f1ec;--muted:#a39e96;--red:#ff2d20;--red2:#d81b10;--gold:#ffb020;--green:#00c46a;--green2:#00a356;--maxw:1200px;--display:'Bebas Neue',Impact,'Arial Narrow',sans-serif;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:400}
hr{border:0;border-top:1px solid var(--line);margin:24px 0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:12px;z-index:200;background:#fff;color:#000;padding:10px 14px;border-radius:8px}
.wrap{width:min(var(--maxw),calc(100% - 32px));margin-inline:auto}
.muted{color:var(--muted)}
.small{font-size:14px}
.center{text-align:center}
.center-row{justify-content:center}
.red{color:var(--red)}
.green{color:var(--green)}
/* header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(7,7,7,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1a1a1a}
.hdr{display:flex;align-items:center;gap:16px;height:68px}
.brand{font:400 28px/1 var(--display);letter-spacing:.05em;text-decoration:none;white-space:nowrap;text-transform:uppercase}
.brand b{color:var(--red);font-weight:400}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{font:600 15px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:10px 9px;border-radius:8px;color:#d6d1c9;transition:color .15s,background .15s}
.nav a:hover{color:#fff;background:#181818}
.nav a[aria-current=page]{color:var(--red)}
.hdr-actions{display:flex;gap:6px;align-items:center}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;border:1px solid #2a2a2a;background:#111;cursor:pointer;color:#fff}
.icon-btn:hover{border-color:#555}
.icon-btn svg{width:22px;height:22px}
.cart-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);font:800 12px/20px var(--cond);text-align:center}
.cart-count[hidden]{display:none}
.nav-toggle{display:none}
.live-pill{display:none;align-items:center;gap:8px;font:800 13px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;background:var(--red);padding:9px 12px;border-radius:999px}
body.is-live .live-pill{display:inline-flex}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,45,32,.7);animation:pulse 1.6s infinite;flex:none}
.live-pill .live-dot{background:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,45,32,.6)}70%{box-shadow:0 0 0 9px rgba(255,45,32,0)}100%{box-shadow:0 0 0 0 rgba(255,45,32,0)}}
@media (max-width:1060px){
.nav{position:fixed;left:0;right:0;top:68px;flex-direction:column;background:#0a0a0a;padding:8px 16px 24px;border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.2s;max-height:calc(100vh - 68px);overflow:auto}
body.nav-open .nav{transform:none;opacity:1;visibility:visible}
.nav a{font-size:22px;padding:14px 6px;border-bottom:1px solid #161616;border-radius:0}
.nav-toggle{display:inline-grid}
.hdr-actions{margin-left:auto}
}
@media (max-width:420px){.brand{font-size:23px}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 16px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;padding:15px 22px;border-radius:10px;background:var(--red);color:#fff;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap}
.btn:hover{background:var(--red2)}
.btn:active{transform:translateY(1px)}
.btn svg{width:18px;height:18px}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn-ghost{background:transparent;border-color:#3a3a3a}
.btn-ghost:hover{background:transparent;border-color:#fff}
.btn-green{background:var(--green);color:#03170d}
.btn-green:hover{background:var(--green2)}
.btn-light{background:#fff;color:#000}
.btn-light:hover{background:#e9e6e1}
.btn-sm{padding:11px 14px;font-size:14px}
.btn-block{width:100%}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--muted);text-decoration:underline;font-size:14px}
.link:hover{color:#fff}
.link-arrow{font:800 16px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:none}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
/* type */
.eyebrow{display:flex;align-items:center;gap:10px;font:700 14px/1.2 var(--cond);letter-spacing:.26em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
.eyebrow.green{color:var(--green)}
h1{font:400 clamp(64px,10vw,140px)/.86 var(--display);letter-spacing:.01em;text-transform:uppercase}
h2{font:400 clamp(44px,6vw,76px)/.9 var(--display);letter-spacing:.015em;text-transform:uppercase}
h3{font:700 22px/1.2 var(--cond);letter-spacing:.02em}
.lede{color:#c9c4bc;font-size:19px;max-width:62ch}
blockquote{font:400 clamp(34px,4vw,50px)/1 var(--display);margin:22px 0;color:#fff;text-transform:uppercase}
blockquote cite{display:block;font:600 14px/1 var(--cond);letter-spacing:.2em;color:var(--muted);margin-top:12px;font-style:normal}
.prose{max-width:72ch}
.prose p{color:#d3cec6}
/* hero */
.hero{position:relative;min-height:min(90vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:#000}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,.25) 0%,rgba(7,7,7,0) 30%,rgba(7,7,7,.7) 72%,var(--bg) 100%),linear-gradient(90deg,rgba(7,7,7,.55) 0%,rgba(7,7,7,0) 60%)}
.hero-inner{position:relative;display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:end;padding:140px 0 64px}
.hero h1{font-size:clamp(72px,12vw,168px)}
.hero-tag{font:400 clamp(28px,3.4vw,40px)/1 var(--display);letter-spacing:.12em;margin:16px 0 10px;text-transform:uppercase}
.hero-sub{color:#d9d4cc;font-size:19px;max-width:54ch}
.cd-card{background:rgba(10,10,10,.78);border:1px solid #2b2b2b;border-radius:18px;padding:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cd-label{font:700 14px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
body.is-live .cd-label{color:var(--red)}
.cd{display:flex;gap:6px;align-items:flex-start;justify-content:space-between}
.cd>div{text-align:center;min-width:52px}
.cd span{display:block;font:400 clamp(44px,5vw,60px)/1 var(--display);font-variant-numeric:tabular-nums}
.cd small{font:600 11px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.cd i{font:400 40px/1 var(--display);color:var(--gold);font-style:normal;padding-top:4px}
.cd-when{font:400 26px/1 var(--display);letter-spacing:.08em;margin:18px 0 14px;text-transform:uppercase}
/* ticker */
.ticker{background:var(--red);overflow:hidden;white-space:nowrap;border-block:1px solid #ff5a50}
.ticker-track{display:inline-flex;animation:tick 60s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.t-item{display:inline-flex;align-items:center;gap:16px;padding:11px 26px;font:400 21px/1 var(--display);letter-spacing:.16em;text-transform:uppercase}
.t-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.65}
@keyframes tick{to{transform:translateX(-50%)}}
/* sections */
.section{padding:88px 0}
.section-tight{padding:56px 0}
.section-top-0{padding-top:0}
.section-alt{background:var(--bg2);border-block:1px solid #161616}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-bottom:32px;flex-wrap:wrap}
.sec-head .lede{margin:12px 0 0}
.page-hero{padding:80px 0 48px;background:radial-gradient(ellipse at 0% 0%,rgba(255,45,32,.18),transparent 55%)}
.page-hero .lede{margin-top:18px}
/* watch */
.watch-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-bar{display:flex;align-items:center;gap:10px;margin-top:12px;font:600 15px/1.3 var(--cond);letter-spacing:.06em;color:#cfcac2}
.player-bar .link{margin-left:auto}
.watch-side{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}
.watch-side h3{margin-bottom:8px}
.watch-links{display:grid;gap:10px;margin:16px 0 10px}
.cd-side .btn{margin-top:10px}
/* episodes */
.ep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.ep{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s}
.ep:hover{transform:translateY(-3px);border-color:#444}
.ep[hidden]{display:none}
.ep-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.ep-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ep:hover .ep-thumb img{transform:scale(1.04)}
.ep-play{position:absolute;left:14px;bottom:12px;width:44px;height:44px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.ep-play:after{content:"";border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.ep h3{font:600 19px/1.25 var(--cond);padding:14px 16px 18px}
.search input{width:min(340px,100%);background:#0c0c0c;border:1px solid #2c2c2c;border-radius:10px;color:#fff;padding:13px 14px;font:inherit}
/* flash */
.flash{display:grid;grid-template-columns:.85fr 1.15fr;background:#101010;border:1px solid #2a2a2a;border-radius:22px;overflow:hidden}
.flash-img{background:#ecebe8;display:block}
.flash-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.flash-body{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.flash-body h2{margin-bottom:16px}
.flash-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:6px 0 10px}
.flash-price strong{font:400 64px/1 var(--display);color:#fff}
.flash-price s{color:var(--muted);font:600 22px var(--cond)}
.save{background:var(--gold);color:#000;font:800 14px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border-radius:6px}
/* merch */
.promo{background:var(--red);border-radius:12px;padding:14px 18px;font:800 16px/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:28px}
.promo code{background:rgba(0,0,0,.28);padding:3px 10px;border-radius:6px;font:inherit;letter-spacing:.14em}
.promo-sm{font-size:14px;padding:11px 14px;margin:22px 0}
.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.p-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
.p-card:hover{border-color:#444}
.p-card[hidden]{display:none}
.p-media{position:relative;display:block;aspect-ratio:1;background:#ecebe8;overflow:hidden}
.p-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .4s}
.p-media .alt{opacity:0}
.p-card:hover .p-media .alt{opacity:1}
.p-card:hover .p-media img{transform:scale(1.03)}
.ribbon{position:absolute;top:12px;left:12px;z-index:2;background:var(--red);color:#fff;font:800 12px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;padding:6px 9px;border-radius:6px}
.ribbon.static{position:static;display:inline-block;margin-bottom:14px}
.p-body{padding:14px 16px 18px}
.p-body h3{font:600 19px/1.25 var(--cond);margin-bottom:6px}
.p-body h3 a{text-decoration:none}
.p-body h3 a:after{content:"";position:absolute;inset:0}
.p-card{position:relative}
.price{margin:0;font:700 18px var(--cond);letter-spacing:.03em}
.price s{color:var(--muted);font-weight:500;margin-right:4px}
.from{color:var(--muted);font-weight:500;font-size:15px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:700 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;padding:11px 14px;border-radius:999px;border:1px solid #333;background:transparent;cursor:pointer}
.chip:hover{border-color:#777}
.chip[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}
.sort{display:flex;align-items:center;gap:10px;font:600 14px var(--cond);letter-spacing:.1em;text-transform:uppercase}
select,input,textarea{background:#0c0c0c;border:1px solid #2c2c2c;border-radius:10px;color:#fff;padding:12px 14px;font:inherit;font-size:16px}
select:focus,input:focus,textarea:focus{border-color:#666;outline:none}
.sort select{padding:10px 12px}
/* product */
.crumbs{display:flex;gap:10px;flex-wrap:wrap;padding-top:28px;font:600 14px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:#fff}
.pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,60px);padding:28px 0 88px;align-items:start}
.pdp-gallery{position:sticky;top:92px}
.pdp-main{aspect-ratio:1;background:#ecebe8;border-radius:18px;overflow:hidden}
.pdp-main img{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.thumb{width:76px;height:76px;padding:0;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#ecebe8;cursor:pointer}
.thumb.on{border-color:var(--red)}
.thumb img{width:100%;height:100%;object-fit:cover}
.pdp-info h1{font-size:clamp(46px,5.4vw,72px);line-height:.92}
.pdp-price{font:700 30px var(--cond);margin:16px 0 22px}
.pdp-price s{color:var(--muted);font-size:22px;font-weight:500}
.opt{margin-bottom:16px}
.opt label,.field label{display:block;font:700 13px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.opt select{width:100%}
.qty-in{display:inline-flex;align-items:stretch;border:1px solid #2c2c2c;border-radius:10px;overflow:hidden}
.qty-in button{width:46px;background:#111;border:0;cursor:pointer;font-size:20px}
.qty-in button:hover{background:#1c1c1c}
.qty-in input{width:64px;text-align:center;border:0;border-radius:0;-moz-appearance:textfield}
.qty-in input::-webkit-inner-spin-button{-webkit-appearance:none}
.stock{min-height:1.4em;margin:10px 0 0;color:var(--gold);font-size:15px}
.desc{color:#d3cec6;font-size:16px}
.desc p{margin:0 0 1em}
.desc ul{padding-left:20px}
.desc table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0;display:block;overflow-x:auto}
.desc td,.desc th{border:1px solid #2c2c2c;padding:6px 8px;text-align:left}
.fine{color:var(--muted);font-size:14px;margin-top:16px}
/* about */
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,72px);align-items:center}
.portrait{border-radius:22px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);background:#111}
.portrait img{width:100%;height:100%;object-fit:cover}
.roles{font:700 19px/1.5 var(--cond);letter-spacing:.12em;text-transform:uppercase;margin:16px 0 0}
.stats{display:flex;gap:clamp(20px,4vw,44px);flex-wrap:wrap;margin:26px 0 30px}
.stat b{display:block;font:400 56px/1 var(--display);color:var(--red);font-weight:400}
.stat span{font:600 13px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}
.card h3{margin-bottom:8px}
.card p{color:#c9c4bc;margin:0}
/* phil */
.phil{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:28px;border-radius:22px;background:linear-gradient(135deg,rgba(0,196,106,.14),rgba(0,196,106,.03) 60%),#0b0f0d;border:1px solid #17402c}
.phil h2{font-size:clamp(36px,4.4vw,56px);margin-bottom:10px}
.phil p{color:#cfd6d1;margin:0}
.phil-photo{width:120px;height:120px;border-radius:50%;border:3px solid var(--green);object-fit:cover;object-position:center top;background:#1a1a1a}
.phil-photo.lg{width:160px;height:160px;margin:0 auto 14px}
.phil-cta{display:grid;gap:10px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.phil-hero{background:radial-gradient(ellipse at 0% 0%,rgba(0,196,106,.18),transparent 55%)}
.phil-top{display:grid;grid-template-columns:280px 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.phil-card{background:#0d1210;border:1px solid #17402c;border-radius:20px;padding:26px;text-align:center;position:sticky;top:92px}
.phil-name{font:400 34px/1 var(--display);letter-spacing:.06em;margin:0 0 4px}
.phil-title{font:800 13px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin:0 0 6px}
.phil-kicker{font:400 28px/1 var(--display);letter-spacing:.1em;color:var(--green);margin:0 0 10px;text-transform:uppercase}
.phil-top h1{font-size:clamp(56px,8vw,112px);margin-bottom:26px}
.share-label{font:700 12px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px}
.share-row{display:flex;gap:8px;justify-content:center}
.share{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:0;cursor:pointer}
.share svg{width:18px;height:18px;fill:#fff}
.sh-fb{background:#1877f2}.sh-x{background:#000;border:1px solid #333}.sh-wa{background:#25d366}.sh-copy{background:#333}
.sh-copy svg{fill:none;stroke:#fff}
.note-green{margin-top:28px;border-left:3px solid var(--green);background:rgba(0,196,106,.07);padding:16px 18px;border-radius:0 12px 12px 0;color:#d3dbd6}
/* gallery */
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px 10px;scrollbar-width:thin}
.strip a{flex:none;scroll-snap-align:start}
.strip img{width:220px;height:220px;object-fit:cover;border-radius:14px;transition:opacity .2s}
.strip a:hover img{opacity:.8}
.gal{columns:3 280px;column-gap:14px}
.g-item{display:block;width:100%;padding:0;border:0;background:#111;margin:0 0 14px;cursor:zoom-in;border-radius:14px;overflow:hidden;break-inside:avoid}
.g-item img{width:100%;transition:transform .4s}
.g-item:hover img{transform:scale(1.03)}
.lightbox{max-width:min(1100px,94vw);max-height:92vh;padding:0;border:0;background:transparent;overflow:visible}
.lightbox::backdrop{background:rgba(0,0,0,.88)}
.lightbox img{max-height:88vh;width:auto;margin:auto;border-radius:12px}
.lb-close{position:absolute;top:-52px;right:0}
/* socials / follow */
.socials{display:flex;gap:10px;flex-wrap:wrap}
.soc{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font:700 15px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;transition:border-color .15s,background .15s}
.soc svg{width:18px;height:18px;fill:currentColor;flex:none}
.soc:hover{border-color:#fff}
.soc-yt:hover{background:#ff0000;border-color:#ff0000}.soc-fb:hover{background:#1877f2;border-color:#1877f2}.soc-ig:hover{background:#c13584;border-color:#c13584}.soc-in:hover{background:#0a66c2;border-color:#0a66c2}
.follow{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.site-footer .soc{padding:10px}
.site-footer .soc span{display:none}
/* cta band */
.cta-band{background:var(--red);background:linear-gradient(120deg,#ff2d20,#b51209)}
.cta-inner{padding:72px 0;text-align:center}
.cta-inner p{font-size:19px;max-width:56ch;margin:14px auto 26px;color:#ffe9e7}
/* contact */
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}
.contact-info{display:grid;gap:14px}
.big-mail{font:700 clamp(18px,2.2vw,24px)/1.2 var(--cond);letter-spacing:.04em;word-break:break-all;text-decoration:none}
.big-mail:hover{color:var(--red)}
.form{display:grid;gap:16px}
.field input,.field select,.field textarea{width:100%}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hp{position:absolute;left:-9999px}
.form-status{margin:0;min-height:1.4em}
.form-status.ok{color:var(--green)}
.form-status.err{color:var(--gold)}
/* footer */
.site-footer{border-top:1px solid #1a1a1a;padding:64px 0 28px;background:#050505;margin-top:0}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px}
.f-logo{width:96px;height:auto;margin-bottom:14px}
.f-tag{font:400 26px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.site-footer h4{font:700 14px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.site-footer ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.site-footer ul a{text-decoration:none;color:#ddd8d0}
.site-footer ul a:hover{color:#fff}
.f-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #1a1a1a;margin-top:44px;padding-top:22px;color:var(--muted);font-size:14px}
/* cart drawer */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s;z-index:80}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:#0c0c0c;border-left:1px solid var(--line);transform:translateX(100%);transition:transform .3s ease;z-index:90;display:flex;flex-direction:column;visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.d-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.d-head h2{font-size:40px}
.d-body{flex:1;overflow:auto;padding:16px 20px}
.d-foot{border-top:1px solid var(--line);padding:18px 20px 22px}
.d-foot[hidden]{display:none}
.empty{text-align:center;padding:48px 0}
.line{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid #1b1b1b}
.line img{width:72px;height:72px;border-radius:10px;object-fit:cover;background:#ecebe8}
.l-name{font:700 17px/1.2 var(--cond);margin:0 0 4px}
.l-opts{color:var(--muted);font-size:14px;margin:0 0 8px}
.l-right{text-align:right;font:700 16px var(--cond)}
.l-right p{margin:0 0 8px}
.qty{display:inline-flex;align-items:center;border:1px solid #2c2c2c;border-radius:8px}
.qty button{width:32px;height:32px;background:none;border:0;cursor:pointer;font-size:18px}
.qty span{min-width:24px;text-align:center;font:700 15px var(--cond)}
.coupon{display:flex;gap:8px;margin-bottom:14px}
.coupon input{flex:1;min-width:0;padding:10px 12px}
.sum{display:flex;justify-content:space-between;font:700 19px var(--cond);letter-spacing:.04em}
.sum.disc{color:var(--green);font-size:16px;margin-top:4px}
.sum.disc[hidden]{display:none}
.d-foot .fine{margin:6px 0 14px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#fff;color:#000;padding:12px 18px;border-radius:10px;font:600 16px var(--cond);opacity:0;pointer-events:none;transition:.25s;z-index:120;max-width:calc(100% - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
/* responsive */
@media (max-width:980px){
.hero-inner,.watch-grid,.flash,.about,.contact,.follow,.pdp,.phil-top{grid-template-columns:1fr}
.hero-inner{padding-top:120px}
.cards4{grid-template-columns:1fr 1fr}
.phil{grid-template-columns:1fr;text-align:left}
.phil-cta{grid-auto-flow:column;justify-content:start}
.pdp-gallery,.phil-card{position:static}
.f-grid{grid-template-columns:1fr 1fr}
.portrait{max-width:440px}
}
@media (max-width:600px){
body{font-size:16px}
.section{padding:64px 0}
.cards4,.row2,.f-grid{grid-template-columns:1fr}
.phil-cta{grid-auto-flow:row}
.cd>div{min-width:0}
.cd i{font-size:30px}
.p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p-body{padding:10px 12px 14px}
.p-body h3{font-size:16px}
.ep-grid{grid-template-columns:1fr}
.flash-price strong{font-size:52px}
.toolbar{align-items:flex-start}
.btn{white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:reduce){
*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* ===== theme v2: broadcast design ===== */
main{overflow-x:clip}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:55;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,")}
.sec-head .eyebrow:before,.hub-head .eyebrow:before{content:"";width:30px;height:2px;background:currentColor;flex:none}
.hub-head .eyebrow:after{content:"";width:30px;height:2px;background:currentColor;flex:none}
.btn:not(.btn-ghost):not(.btn-light):not(.btn-green):not(.btn-dark){box-shadow:0 12px 30px -14px rgba(255,45,32,.85)}
.btn-light{box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}
.btn-dark{background:#0b0b0b;color:#fff}
.btn-dark:hover{background:#222}
.btn-yt{background:#ff0000}
.btn-yt:hover{background:#c80000}
.btn svg{fill:currentColor}
.head-ctas{display:flex;gap:10px;flex-wrap:wrap}
.cta-row.tight{margin-top:0}
.cta-inner .cta-row{margin-top:0}
.remind{margin-top:14px}
/* header subscribe */
.hdr-sub{display:none;padding:11px 14px;font-size:14px;background:#ff0000}
.hdr-sub:hover{background:#c80000}
@media (min-width:600px) and (max-width:1060px){.hdr-sub{display:inline-flex}}
@media (min-width:1240px){.hdr-sub{display:inline-flex}}
/* hero */
.cd-card{border-top:3px solid var(--red);box-shadow:0 40px 80px -40px rgba(0,0,0,.95)}
.hero h1 .red{text-shadow:0 0 44px rgba(255,45,32,.45)}
.eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px}
.eq i{display:block;width:3px;height:100%;background:var(--red);border-radius:2px;transform-origin:bottom;animation:eq 1s ease-in-out infinite}
.eq i:nth-child(1){animation-delay:-.2s}.eq i:nth-child(2){animation-delay:-.55s}.eq i:nth-child(3){animation-delay:-.1s}.eq i:nth-child(4){animation-delay:-.75s}.eq i:nth-child(5){animation-delay:-.35s}
@keyframes eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.on-air{position:absolute;top:96px;right:max(16px,calc((100vw - var(--maxw)) / 2));z-index:2;border:2px solid #3b3b3b;border-radius:10px;padding:9px 16px;font:400 26px/1 var(--display);letter-spacing:.22em;color:#555;background:rgba(10,10,10,.65);text-transform:uppercase}
.on-air span{display:flex;align-items:center;gap:10px}
.on-air span:before{content:"";width:10px;height:10px;border-radius:50%;background:#3b3b3b}
body.is-live .on-air{color:#fff;border-color:var(--red);background:rgba(255,45,32,.2);text-shadow:0 0 12px rgba(255,90,70,.95);box-shadow:0 0 30px rgba(255,45,32,.6),inset 0 0 20px rgba(255,45,32,.4);animation:glow 1.6s ease-in-out infinite}
body.is-live .on-air span:before{background:var(--red);box-shadow:0 0 10px var(--red)}
@keyframes glow{50%{box-shadow:0 0 54px rgba(255,45,32,.95),inset 0 0 26px rgba(255,45,32,.6)}}
.scroll-cue{position:absolute;left:50%;bottom:70px;z-index:2;width:26px;height:42px;border:2px solid rgba(255,255,255,.55);border-radius:14px;transform:translateX(-50%)}
.scroll-cue:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:cue 1.6s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media (max-width:980px){.scroll-cue{display:none}}
@media (max-width:600px){.on-air{top:82px;font-size:17px;padding:6px 10px;letter-spacing:.18em}}
/* crossed banners */
.tickers{position:relative;z-index:3;height:112px;margin:-46px 0 -10px;pointer-events:none}
.tickers .ticker{position:absolute;left:-3%;right:-3%;top:34px;transform:rotate(-2.2deg);box-shadow:0 14px 34px -12px rgba(255,45,32,.7)}
.tickers .ticker-alt{transform:rotate(1.8deg);background:#0d0d0d;border-color:#2c2c2c;box-shadow:0 14px 34px -12px rgba(0,0,0,.95)}
.ticker-alt .ticker-track{animation-direction:reverse;animation-duration:75s}
.ticker-alt .t-dot{background:var(--red);opacity:1}
/* watch */
#watch{background:radial-gradient(ellipse at 100% 0%,rgba(255,45,32,.14),transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(255,176,32,.06),transparent 45%)}
.player{border:0;box-shadow:0 0 0 1px #2a2a2a,0 40px 90px -45px rgba(255,45,32,.65)}
.watch-side{border-top:3px solid var(--red)}
/* grey broadcast sections */
.grey{position:relative;isolation:isolate;overflow:hidden;color:var(--text);border-block:1px solid #35363b;background:radial-gradient(ellipse at 88% 0%,rgba(255,45,32,.17),transparent 45%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.075) 1px,transparent 1.5px) 0 0/16px 16px,linear-gradient(180deg,#2a2b30,#1e1f23)}
.grey:before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:-1;opacity:.32;background:url("data:image/svg+xml;utf8,") repeat-x left bottom/240px 140px;-webkit-mask-image:linear-gradient(0deg,#000 20%,transparent);mask-image:linear-gradient(0deg,#000 20%,transparent)}
.grey:after{content:attr(data-mark);position:absolute;right:-1vw;top:14px;z-index:-1;font:400 clamp(110px,19vw,290px)/.8 var(--display);letter-spacing:.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.08);white-space:nowrap;pointer-events:none}
.grey h2,.grey h3{color:#fff}
.grey .lede,.grey .muted{color:#bdb8b0}
.grey .eyebrow{color:#ff5148}
.grey .p-card,.grey .ep,.grey .card{background:rgba(13,13,15,.85);border:1px solid #3b3c42;box-shadow:0 22px 44px -26px rgba(0,0,0,.95)}
.grey .p-card,.grey .ep{transition:transform .25s,border-color .25s,box-shadow .25s}
.grey .p-card:hover,.grey .ep:hover{transform:translateY(-6px);border-color:var(--red);box-shadow:0 28px 54px -26px rgba(255,45,32,.5)}
.grey .p-media{background:#ecebe8}
.grey .price strong{color:#ff5148}
.grey .card{border-top:3px solid var(--red)}
.grey .card p{color:#c9c4bc}
.grey .chip{border-color:#4a4b52}
.grey .chip[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}
.grey select,.grey input{background:#121214;border-color:#3b3c42}
.grey .promo{box-shadow:0 16px 34px -18px rgba(216,27,16,.8)}
.grey .btn-ghost{border-color:#55565c}
.grey .btn-ghost:hover{border-color:#fff}
.page-hero{position:relative;isolation:isolate;overflow:hidden}
.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;opacity:.18;background:url("data:image/svg+xml;utf8,") repeat-x left bottom/120px 80px;-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:linear-gradient(0deg,#000,transparent)}
/* episodes + merch cards */
.ep-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5))}
.ep-play{z-index:1;transition:transform .2s}
.ep:hover .ep-play{transform:scale(1.12)}
.p-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){.p-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.p-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ep-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.ep-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ep-grid.four{grid-template-columns:1fr}}
/* flash sale */
.flash{position:relative;border-color:#333;box-shadow:0 50px 90px -50px rgba(0,0,0,.95)}
.flash-body{background:radial-gradient(circle at 1px 1px,rgba(255,45,32,.22) 1px,transparent 1.5px) 0 0/12px 12px,#101010}
.flash-img{position:relative;overflow:hidden}
.flash-img:after{content:"Sale";position:absolute;top:26px;left:-44px;transform:rotate(-45deg);background:var(--red);color:#fff;font:400 22px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;padding:9px 56px;box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
/* about */
.portrait{box-shadow:18px 18px 0 0 var(--red),0 40px 80px -40px rgba(0,0,0,.9);margin-right:18px;margin-bottom:18px}
.stat{padding-left:16px;border-left:3px solid var(--red)}
.award{display:flex;align-items:center;gap:14px;margin:0 0 26px;padding:14px 20px 14px 14px;border:1px solid #4a3d22;border-radius:16px;max-width:520px;background:linear-gradient(135deg,rgba(255,176,32,.16),rgba(255,176,32,.03))}
.award svg{width:52px;height:52px;flex:none;fill:var(--gold);filter:drop-shadow(0 0 14px rgba(255,176,32,.45))}
.award strong{display:block;font:400 28px/1 var(--display);letter-spacing:.06em;color:#fff;text-transform:uppercase}
.award span{font:600 14px/1.35 var(--cond);letter-spacing:.06em;color:#e9c681}
/* follow hub */
.hub{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #2b2c31;background:radial-gradient(ellipse at 12% 18%,rgba(255,45,32,.3),transparent 50%),radial-gradient(ellipse at 92% 100%,rgba(255,176,32,.13),transparent 45%),linear-gradient(160deg,#1c1d21,#0a0a0b)}
.hub:after{content:"";position:absolute;right:3%;bottom:-40px;width:260px;height:420px;z-index:-1;opacity:.08;transform:rotate(14deg);background:url("data:image/svg+xml;utf8,") no-repeat center/contain}
.hub:before{content:"";position:absolute;left:-60px;top:40px;width:220px;height:220px;z-index:-1;border-radius:50%;border:2px solid rgba(255,45,32,.25);box-shadow:0 0 0 30px rgba(255,45,32,.06),0 0 0 62px rgba(255,45,32,.04),0 0 0 96px rgba(255,45,32,.025)}
.hub-head{text-align:center;max-width:760px;margin:0 auto 40px}
.hub-head .eyebrow{justify-content:center}
.hub-head .lede{margin:14px auto 0}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:180px;padding:22px 20px;border-radius:18px;text-decoration:none;color:#fff;transition:transform .25s,box-shadow .25s}
.tile svg{width:36px;height:36px;fill:#fff;position:relative;z-index:1}
.tile:after{content:"";position:absolute;right:-34px;top:-34px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1)}
.tile:hover{transform:translateY(-7px) rotate(-.6deg);box-shadow:0 32px 54px -26px rgba(0,0,0,.95)}
.t-name{margin-top:auto;font:400 36px/1 var(--display);letter-spacing:.05em;text-transform:uppercase}
.t-act{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(0,0,0,.28);font:800 13px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase}
.t-act:after{content:"→";transition:transform .2s}
.tile:hover .t-act:after{transform:translateX(4px)}
.t-yt{background:linear-gradient(135deg,#ff2a2a,#a80000)}
.t-fb{background:linear-gradient(135deg,#2d88ff,#0a49b8)}
.t-ig{background:linear-gradient(135deg,#f58529,#dd2a7b 50%,#8134af)}
.t-tt{background:linear-gradient(135deg,#151515,#2b2b2b);box-shadow:inset 0 0 0 1px #3a3a3a}
.t-tt svg{filter:drop-shadow(2px 0 0 #ff0050) drop-shadow(-2px 0 0 #00f2ea)}
.t-x{background:linear-gradient(135deg,#1d1d1d,#000);box-shadow:inset 0 0 0 1px #3a3a3a}
.hub-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px}
@media (max-width:980px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:140px}.t-yt{grid-column:span 2}.t-name{font-size:30px}}
/* follow dock (desktop) */
.dock{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:50;display:none;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:999px;background:rgba(12,12,12,.86);border:1px solid #2c2c2c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dock-label{writing-mode:vertical-rl;transform:rotate(180deg);font:700 11px/1 var(--cond);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.dock a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;transition:background .15s,transform .15s}
.dock a svg{width:17px;height:17px;fill:currentColor}
.dock a:hover{transform:scale(1.12)}
.d-yt:hover{background:#f00}.d-fb:hover{background:#1877f2}.d-ig:hover{background:#c13584}.d-tt:hover,.d-x:hover{background:#333}
@media (min-width:1340px){.dock{display:flex}}
/* subscribe bar */
.subbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;background:rgba(14,14,14,.95);border:1px solid #333;border-left:3px solid var(--red);box-shadow:0 20px 40px -10px rgba(0,0,0,.85);transform:translateY(150%);transition:transform .35s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.subbar.show{transform:none}
.subbar p{margin:0;flex:1;font:700 15px/1.2 var(--cond);letter-spacing:.08em;text-transform:uppercase}
.subbar p span{display:block;margin-top:3px;color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:none}
.subbar .btn{padding:11px 16px;font-size:14px;background:#ff0000}
.subbar-x{background:none;border:0;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:4px 6px}
.subbar-x:hover{color:#fff}
@media (min-width:900px){.subbar{left:auto;right:24px;bottom:24px;max-width:460px}}
/* gallery strip, footer, cta */
.strip{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.strip img{box-shadow:0 18px 30px -18px rgba(0,0,0,.9)}
.site-footer{border-top:3px solid var(--red)}
.cta-band{background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 16px),linear-gradient(120deg,#ff2d20,#a8120a)}
.cta-inner h2{text-shadow:0 6px 30px rgba(0,0,0,.25)}
/* scroll reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (max-width:600px){.portrait{margin-right:12px;box-shadow:12px 12px 0 0 var(--red)}.award strong{font-size:23px}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
/* ===== v3: bells & whistles + organized merch ===== */
.progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:65;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#ff2d20,#ffb020);box-shadow:0 0 12px rgba(255,45,32,.8);pointer-events:none}
.site-header{transition:background .25s,box-shadow .25s}
body.scrolled .site-header{background:rgba(7,7,7,.97);box-shadow:0 10px 30px -14px rgba(0,0,0,.9)}
.to-top{position:fixed;left:16px;bottom:16px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid #333;background:rgba(14,14,14,.92);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s,border-color .2s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{border-color:var(--red)}
.to-top svg{width:20px;height:20px}
@media (max-width:899px){.to-top{left:auto;right:16px;bottom:86px}}
@media (min-width:1340px){.to-top{left:20px}}
/* button shine */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:after{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;z-index:-1;background:linear-gradient(110deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);transition:left .65s ease}
.btn:hover:after{left:150%}
/* header bell nudge */
.hdr-sub svg{animation:nudge 6s ease-in-out infinite;transform-origin:50% 50%}
@keyframes nudge{0%,88%,100%{transform:none}90%{transform:rotate(-12deg) scale(1.1)}93%{transform:rotate(10deg) scale(1.1)}96%{transform:rotate(-6deg)}}
/* hero entrance + sheen */
.hero-inner>div>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-inner>div>*:nth-child(2){animation-delay:.08s}.hero-inner>div>*:nth-child(3){animation-delay:.18s}.hero-inner>div>*:nth-child(4){animation-delay:.26s}.hero-inner>div>*:nth-child(5){animation-delay:.34s}
.hero .cd-card{animation:slidein 1s .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes slidein{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
.hero h1 .red{text-shadow:none;background:linear-gradient(100deg,#ff2d20 30%,#ffb3aa 46%,#ff2d20 62%) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(255,45,32,.45));animation:sheen 6s ease-in-out infinite}
@keyframes sheen{0%,55%{background-position:100% 0}100%{background-position:-60% 0}}
/* TV-frame corners on the player */
.watch-grid>div:first-child{position:relative}
.watch-grid>div:first-child:before,.watch-grid>div:first-child:after{content:"";position:absolute;width:44px;height:44px;pointer-events:none;z-index:2}
.watch-grid>div:first-child:before{left:-10px;top:-10px;border-left:3px solid var(--red);border-top:3px solid var(--red);border-top-left-radius:8px}
.watch-grid>div:first-child:after{right:-10px;bottom:28px;border-right:3px solid var(--red);border-bottom:3px solid var(--red);border-bottom-right-radius:8px}
/* card overlay */
.p-media:before{content:"Shop now";position:absolute;left:12px;right:12px;bottom:12px;z-index:3;padding:11px 0;border-radius:10px;background:rgba(10,10,10,.88);color:#fff;text-align:center;font:800 13px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;transform:translateY(130%);opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .3s}
.p-card:hover .p-media:before{transform:none;opacity:1}
.tilt{transition:transform .12s ease-out!important;will-change:transform}
/* merch page */
.perks{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:26px 0 0}
.perks li{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #2e2e2e;border-radius:999px;background:rgba(255,255,255,.03);font:600 14px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#cfcac2}
.perks b{color:#fff;font-weight:800}
.perks li:first-child{border-color:var(--red);background:rgba(255,45,32,.12)}
.merch-shop{overflow:clip}
.shop-bar{position:sticky;top:68px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 -12px 34px;padding:12px;border-radius:16px;background:rgba(24,25,28,.92);border:1px solid #393a40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px -24px rgba(0,0,0,.95)}
.cat-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:24px}
.cat-nav::-webkit-scrollbar{display:none}
.cat-nav a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid #4a4b52;text-decoration:none;font:700 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;transition:background .2s,border-color .2s}
.cat-nav a b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:rgba(255,255,255,.1);font-size:12px}
.cat-nav a:hover{border-color:#fff}
.cat-nav a.on{background:var(--red);border-color:var(--red)}
.cat-nav a.on b{background:rgba(0,0,0,.25)}
.shop-bar .sort{flex:none}
.cat{scroll-margin-top:150px;margin-bottom:64px}
.cat:last-child{margin-bottom:0}
.cat-head{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #3a3b41;position:relative}
.cat-head:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:3px;background:var(--red)}
.cat-ico{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff2d20,#a8120a);box-shadow:0 12px 26px -12px rgba(255,45,32,.8)}
.cat-ico svg{width:28px;height:28px;fill:#fff}
.cat-title{font:400 clamp(34px,4vw,48px)/1 var(--display);letter-spacing:.03em}
.cat-head .muted{margin:4px 0 0;font-size:15px}
.cat-count{margin-left:auto;flex:none;font:700 13px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#bdb8b0;border:1px solid #4a4b52;border-radius:999px;padding:9px 12px}
#cat-new .cat-ico{background:linear-gradient(135deg,#ffb020,#e2751b);box-shadow:0 12px 26px -12px rgba(255,176,32,.8)}
@media (max-width:760px){
.shop-bar{flex-direction:column;align-items:stretch;top:68px;margin:0 -8px 28px;padding:10px}
.shop-bar .sort{justify-content:space-between}
.cat-count{display:none}
.cat-ico{width:46px;height:46px}
.cat-ico svg{width:23px;height:23px}
}
@media (prefers-reduced-motion:reduce){.hero h1 .red{animation:none;color:var(--red);background:none}.btn:after{display:none}}
/* ===== v4: stronger coordinated backgrounds, merch tiles, accessibility ===== */
:root{--red:#e0261a;--red2:#b81c12;--red-text:#ff5a4f}
body{background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.045) 1px,transparent 1.6px) 0 0/18px 18px,var(--bg)}
.eyebrow,.grey .eyebrow,.red,.nav a[aria-current=page],.link-arrow,.brand b,body.is-live .cd-label{color:var(--red-text)}
.price strong,.grey .price strong{color:var(--red-text)}
.light .price strong{color:var(--red2)}
.btn-yt,.hdr-sub,.subbar .btn{background:#cc0000}
.btn-yt:hover,.hdr-sub:hover,.subbar .btn:hover{background:#a30000}
.grey{border-top:2px solid rgba(224,38,26,.7);background:radial-gradient(ellipse at 92% -10%,rgba(224,38,26,.32),transparent 45%),radial-gradient(ellipse at -8% 112%,rgba(224,38,26,.22),transparent 45%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 22px),radial-gradient(circle at 1px 1px,rgba(255,255,255,.12) 1px,transparent 1.6px) 0 0/16px 16px,linear-gradient(180deg,#30323a,#202127)}
.grey:before{opacity:.62;height:200px}
.grey:after{-webkit-text-stroke:2px rgba(255,90,79,.2)}
#watch,.about-sec{position:relative}
#watch:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;opacity:.22;background:url("data:image/svg+xml;utf8,") repeat-x left bottom/120px 80px;-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:linear-gradient(0deg,#000,transparent)}
.page-hero:after{opacity:.32}
/* merch category tiles */
.cat-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0 0 28px}
.cat-tile{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#131417;border:1px solid #3b3c42;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.cat-tile img{width:100%;aspect-ratio:1;object-fit:cover;background:#ecebe8}
.cat-tile span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font:700 16px/1.15 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.cat-tile b{flex:none;display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--red);color:#fff;font-size:13px}
.cat-tile:hover{transform:translateY(-4px);border-color:var(--red-text);box-shadow:0 20px 40px -22px rgba(224,38,26,.6)}
@media (max-width:980px){.cat-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-tile span{font-size:14px;padding:10px 12px}}
/* product caption */
.caption{margin:16px 0 0;padding-left:14px;border-left:4px solid var(--red);font:400 clamp(24px,2.6vw,32px)/1.12 var(--display);letter-spacing:.03em;color:#fff}
/* accessibility */
.f-links{display:inline-flex;gap:18px;align-items:center}
.f-links a{color:inherit}
.motion-pill{position:absolute;top:100px;left:max(16px,calc((100vw - var(--maxw)) / 2));z-index:2;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(10,10,10,.6);color:#fff;font:700 12px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.motion-pill:hover{border-color:#fff}
@media (max-width:600px){.motion-pill{top:auto;bottom:66px;left:auto;right:16px}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation-play-state:paused!important}
body.motion-off .rv{opacity:1!important;transform:none!important}
body.motion-off .tilt{transform:none!important}
.prose h2{margin:40px 0 14px;font-size:clamp(34px,4vw,48px)}
.prose ul{padding-left:22px;color:#d3cec6}
.prose li{margin-bottom:8px}
.prose a{color:var(--red-text)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.cat-tile img{height:auto;display:block}
.cat-tile span{flex:1}
/* ===== v5: one family, a different look per section ===== */
.grey{border-top:0;background:linear-gradient(180deg,#2c2e35,#1e1f24)}
.grey:before,.grey:after{content:none}
/* A. Broadcast: scanlines, TV color bars, outlined call sign */
.grey[data-mark="On Air"],.grey[data-mark="Archive"]{background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 0% 50%,rgba(224,38,26,.32),transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(255,176,32,.12),transparent 45%),linear-gradient(180deg,#2b2d33,#1a1b1f)}
.grey[data-mark="On Air"]:before,.grey[data-mark="Archive"]:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;z-index:-1;opacity:.8;background:linear-gradient(90deg,#bfbfbf 0 14.28%,#bfbf00 0 28.57%,#00bfbf 0 42.85%,#00bf00 0 57.14%,#bf00bf 0 71.42%,#bf0000 0 85.71%,#0000bf 0)}
.grey[data-mark="On Air"]:after,.grey[data-mark="Archive"]:after{content:attr(data-mark);position:absolute;right:-1vw;top:30px;z-index:-1;font:400 clamp(110px,19vw,290px)/.8 var(--display);letter-spacing:.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(255,90,79,.22);white-space:nowrap;pointer-events:none}
/* B. Merch: warm charcoal, red halftone burst, caution tape */
.grey[data-mark="Merch"]{background:radial-gradient(ellipse at 100% 0%,rgba(224,38,26,.22),transparent 50%),linear-gradient(160deg,#322d2b,#1d1a19 60%,#151313)}
.grey[data-mark="Merch"]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(224,38,26,.75) 1.5px,transparent 2.2px) 0 0/14px 14px;-webkit-mask-image:radial-gradient(ellipse at 100% 0%,#000 0,transparent 55%);mask-image:radial-gradient(ellipse at 100% 0%,#000 0,transparent 55%)}
.grey[data-mark="Merch"]:after{content:"";position:absolute;left:-10%;bottom:70px;width:120%;height:36px;z-index:-1;transform:rotate(-3deg);opacity:.55;pointer-events:none;background:repeating-linear-gradient(45deg,#e0261a 0 18px,#0b0b0b 18px 36px)}
/* C. Don Miller: spotlight and a vinyl record */
.grey[data-mark="Don Miller"]{background:radial-gradient(ellipse at 40% -20%,rgba(255,255,255,.12),transparent 55%),linear-gradient(180deg,#26272d,#17181c)}
.grey[data-mark="Don Miller"]:before{content:"";position:absolute;right:-190px;top:50%;width:540px;height:540px;transform:translateY(-50%);z-index:-1;border-radius:50%;opacity:.9;pointer-events:none;background:radial-gradient(circle,#e0261a 0 9%,#0c0c0c 9.5% 11%,transparent 11.5%),repeating-radial-gradient(circle,rgba(255,255,255,.07) 0 1px,transparent 1px 7px),radial-gradient(circle,#0e0e10 0 70%,transparent 70.5%)}
/* page headers: studio grid */
.page-hero:after{top:0;bottom:0;height:auto;opacity:1;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/44px 44px;-webkit-mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 70%)}
@media (max-width:600px){.grey[data-mark="Don Miller"]:before{width:360px;height:360px;right:-170px}}
/* ===== v6: countdown strip, retro TV, streetwear merch, store layout, stage hub ===== */
/* hero is one column now */
.hero-inner{grid-template-columns:1fr}
.hero-inner>div{max-width:860px}
/* countdown strip above Live & Latest */
.cd-strip{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px 28px;margin:0 0 52px;padding:18px 22px;border-radius:16px;background:linear-gradient(90deg,rgba(224,38,26,.2),rgba(18,18,20,.92) 42%);border:1px solid #33343a;border-left:4px solid var(--red);box-shadow:0 26px 50px -30px #000}
.cd-strip .cd{justify-content:flex-start;gap:8px}
.cd-strip .cd>div{min-width:56px}
.cd-strip .cd span{font-size:clamp(40px,4.4vw,58px)}
.cd-strip-label{display:flex;align-items:center;gap:10px;font:700 14px/1.2 var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
body.is-live .cd-strip-label{color:var(--red-text)}
.cd-strip-when{margin:0;font:400 28px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.cd-strip-ctas{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){.cd-strip{grid-template-columns:auto 1fr}.cd-strip-ctas{grid-column:1/-1}}
@media (max-width:600px){.cd-strip{grid-template-columns:1fr;padding:16px}.cd-strip .cd>div{min-width:0}}
/* ---------- retro TV sections ---------- */
.tv{background:url("data:image/svg+xml;utf8,"),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 0% 50%,rgba(224,38,26,.32),transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(255,176,32,.12),transparent 45%),linear-gradient(180deg,#2b2d33,#1a1b1f)}
.tv>.wrap{position:relative}
.tv>.wrap:before,.tv>.wrap:after{position:absolute;top:-48px;font:400 28px/1 'VT323',ui-monospace,monospace;letter-spacing:.08em;pointer-events:none}
.tv>.wrap:before{content:"● REC";left:0;color:#ff5a4f;text-shadow:0 0 8px rgba(255,90,79,.85);animation:blink 1.2s steps(2) infinite}
.tv>.wrap:after{content:"PLAY ▶ SP";right:0;color:#e6f2e2;text-shadow:0 0 8px rgba(230,242,226,.6)}
.tv .ep-grid{counter-reset:ch}
.tv .ep{counter-increment:ch;padding:12px 12px 0;border-radius:24px;background:linear-gradient(180deg,#3d3633,#241f1d);border:1px solid #4c4541;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 26px 44px -26px #000}
.tv .ep:hover{border-color:#ff5a4f}
.tv .ep-thumb{border-radius:20px/26px;box-shadow:0 0 0 4px #121010,0 0 0 6px #4c4541}
.tv .ep-thumb img{filter:saturate(1.15) contrast(1.06)}
.tv .ep-thumb:after{background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.7) 100%),linear-gradient(120deg,rgba(255,255,255,.12),transparent 40%)}
.tv .ep-thumb:before{content:"CH " counter(ch,decimal-leading-zero);position:absolute;top:10px;right:14px;z-index:2;font:400 24px/1 'VT323',ui-monospace,monospace;color:#7cff6b;text-shadow:0 0 7px rgba(124,255,107,.85);letter-spacing:.05em}
.tv .ep:hover .ep-thumb:before{content:"▶ PLAY";color:#fff;text-shadow:0 0 8px rgba(255,255,255,.8)}
.tv .ep:hover .ep-thumb img{animation:tvflick .4s steps(3) 1}
@keyframes tvflick{0%{filter:brightness(1.8) contrast(1.6);transform:translateX(-4px) scale(1.04)}50%{filter:brightness(.7);transform:translateX(3px) scale(1.04)}100%{filter:none;transform:scale(1.04)}}
.tv .ep h3{padding:14px 6px 12px;color:#f1ece6}
.tv .ep:after{content:"";display:block;margin:auto -12px 0;height:32px;border-top:1px solid #4c4541;border-radius:0 0 24px 24px;background:radial-gradient(circle at calc(100% - 24px) 50%,#7a706a 0 5px,#2a2523 5.5px 7.5px,transparent 8px),radial-gradient(circle at calc(100% - 48px) 50%,#7a706a 0 5px,#2a2523 5.5px 7.5px,transparent 8px),repeating-linear-gradient(90deg,#141110 0 2px,transparent 2px 5px) 16px 50%/90px 12px no-repeat,linear-gradient(180deg,#2c2725,#1c1918)}
/* ---------- streetwear merch ---------- */
.mx>.wrap{position:relative}
.mx>.wrap:after{content:"";position:absolute;right:-24px;top:-70px;width:150px;height:150px;z-index:-1;opacity:.9;pointer-events:none;animation:spin 32s linear infinite;background:url("data:image/svg+xml;utf8,") no-repeat center/contain}
@keyframes spin{to{transform:rotate(360deg)}}
.mx .sec-head h2{padding-bottom:14px;background:url("data:image/svg+xml;utf8,") no-repeat left bottom/100% 14px}
.mx .p-card{border-radius:10px 10px 16px 16px;overflow:visible}
.mx .p-media{border-radius:10px 10px 0 0}
.mx .p-body{position:relative;margin:0 10px 10px;padding:16px 74px 14px 14px;border-radius:8px;background:#f4efe7;border:2px dashed #cfc5b4;box-shadow:0 10px 20px -12px rgba(0,0,0,.6)}
.mx .p-body:before{content:"";position:absolute;left:14px;top:-9px;width:16px;height:16px;border-radius:50%;background:#1b1817;box-shadow:inset 0 0 0 3px #f4efe7,0 0 0 2px #cfc5b4}
.mx .p-body:after{content:"";position:absolute;right:12px;bottom:14px;width:48px;height:24px;opacity:.8;background:repeating-linear-gradient(90deg,#141414 0 2px,transparent 2px 3px,#141414 3px 4px,transparent 4px 7px,#141414 7px 10px,transparent 10px 11px)}
.mx .p-body h3 a{color:#141414}
.mx .price strong{color:var(--red2)}
.mx .price s,.mx .from{color:#6d665e}
.mx .ribbon{top:10px;left:10px;width:60px;height:60px;padding:0;display:grid;place-items:center;border-radius:50%;background:#ffb020;color:#141414;font-size:15px;transform:rotate(-12deg);box-shadow:0 8px 18px -8px rgba(0,0,0,.7),inset 0 0 0 3px rgba(0,0,0,.12)}
/* ---------- store layout ---------- */
.store{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;align-items:start}
.dept{position:sticky;top:92px;z-index:5;padding:20px;border-radius:16px;background:linear-gradient(180deg,#1f1b1a,#141212);border:1px solid #3d3533;box-shadow:inset 0 0 0 4px #0d0c0c,0 26px 50px -30px #000}
.dept-title{margin:0 0 14px;font:400 30px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 0 6px rgba(255,90,79,.9),0 0 18px rgba(224,38,26,.7)}
.dept ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:4px}
.dept a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border-left:3px solid transparent;text-decoration:none;font:700 15px/1.15 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:#d8d3cb;transition:background .2s,color .2s}
.dept a b{margin-left:auto;color:var(--muted)}
.dept a:hover{background:rgba(255,255,255,.06);color:#fff}
.dept a.on{background:rgba(224,38,26,.18);border-left-color:var(--red);color:#fff}
.d-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;background:#2c2624}
.d-ico svg{width:17px;height:17px;fill:#fff}
.dept a.on .d-ico{background:var(--red)}
.dept-sort span,.dept-jump span{display:block;margin-bottom:8px;font:700 12px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.dept-sort select,.dept-jump select{width:100%}
.dept-count{margin:12px 0 0;color:var(--muted);font-size:14px}
.dept-jump{display:none}
.mx .cat-head{padding:18px 22px;margin-bottom:24px;border:1px solid #3d3533;border-radius:14px;background:radial-gradient(circle at 12px 12px,#6b615c 0 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 12px) 12px,#6b615c 0 3px,transparent 3.5px),radial-gradient(circle at 12px calc(100% - 12px),#6b615c 0 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#6b615c 0 3px,transparent 3.5px),linear-gradient(180deg,#1d1918,#121010);box-shadow:inset 0 0 0 4px #0c0b0b,0 22px 44px -26px #000}
.mx .cat-head:after{content:none}
.mx .cat-title{color:#fff;text-shadow:0 0 6px rgba(255,90,79,.95),0 0 20px rgba(224,38,26,.75)}
@media (max-width:980px){
.store{grid-template-columns:1fr;gap:24px}
.dept{top:68px;z-index:20;margin:0 -8px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dept ul,.dept-title,.dept-count{display:none}
.dept-jump{display:block}
}
@media (max-width:480px){.dept{grid-template-columns:1fr}}
@media (max-width:600px){.mx>.wrap:after{width:96px;height:96px;top:-56px;right:-8px}.tv>.wrap:before,.tv>.wrap:after{font-size:22px;top:-40px}}
/* ---------- Never miss a Thursday: stage lights ---------- */
.hub{background:linear-gradient(180deg,#101114,#070708)}
.hub:before{content:"";position:absolute;inset:0;left:0;top:0;width:auto;height:auto;z-index:-1;border:0;border-radius:0;box-shadow:none;opacity:1;transform:none;background:conic-gradient(from 150deg at 18% -12%,transparent 0deg,rgba(255,255,255,.08) 10deg,transparent 24deg),conic-gradient(from 186deg at 82% -12%,transparent 0deg,rgba(224,38,26,.18) 10deg,transparent 24deg),conic-gradient(from 170deg at 50% -18%,transparent 0deg,rgba(255,176,32,.09) 9deg,transparent 20deg)}
.hub:after{content:"";position:absolute;left:8%;right:8%;bottom:0;top:auto;width:auto;height:140px;z-index:-1;opacity:1;transform:none;background:radial-gradient(ellipse at 50% 100%,rgba(224,38,26,.28),transparent 70%)}
@media (prefers-reduced-motion:reduce){.mx>.wrap:after,.tv>.wrap:before{animation:none}}
.mx .p-body{padding:16px 14px 14px}
.mx .price{padding-right:58px}
.mx .p-body h3{font-size:17px}
@media (max-width:980px){.dept{grid-template-columns:1fr 1fr!important;gap:8px;padding:10px}.dept-sort span,.dept-jump span{margin-bottom:6px;font-size:11px}.dept select{padding:9px 10px;font-size:15px}}
/* ===== v7: legibility pass, nothing tiny ===== */
.eyebrow{font-size:15px}
.cd small{font-size:13px;letter-spacing:.16em}
.cd-strip-label{font-size:15px}
.stat span{font-size:14px}
.live-pill{font-size:14px}
.motion-pill{font-size:14px;padding:9px 15px}
.player-bar{font-size:16px}
.opt label,.field label{font-size:14px}
.promo-sm{font-size:15px}
.perks li{font-size:15px}
.t-act{font-size:14px}
.dock-label{font-size:12px}
.subbar p{font-size:16px}
.subbar p span{font-size:14px}
.p-media:before{font-size:15px;padding:13px 0}
/* retro TV details */
.tv>.wrap:before,.tv>.wrap:after{font-size:32px}
.tv .ep-thumb:before{top:10px;right:10px;padding:4px 10px 2px;border-radius:6px;background:rgba(0,0,0,.72);font-size:30px;line-height:1}
.tv .ep h3{font-size:20px;line-height:1.25}
/* merch hang-tags */
.mx .p-body h3{font-size:19px;line-height:1.2}
.mx .price{font-size:21px}
.mx .price s{font-size:17px}
.mx .from{font-size:16px}
.mx .p-body:after{width:44px;height:28px}
.mx .ribbon{width:64px;height:64px;font-size:17px}
/* store */
.dept a{font-size:16px}
.dept-sort span,.dept-jump span{font-size:13px}
.cat-count{font-size:14px}
.cat-head .muted{font-size:16px}
@media (max-width:600px){
.tv>.wrap:before,.tv>.wrap:after{font-size:26px}
.tv .ep-thumb:before{font-size:26px}
.mx .p-body h3{font-size:17px}
.mx .price{font-size:19px;padding-right:50px}
.mx .p-body:after{width:38px;height:24px}
.dept-sort span,.dept-jump span{font-size:12px}
}
.cd small{font-size:14px}
/* ===== hero rebuilt without the countdown: centered, framed like a camera viewfinder ===== */
.hero{align-items:center;min-height:min(92vh,880px)}
.hero-shade{background:radial-gradient(ellipse at 50% 50%,rgba(7,7,7,.62) 0%,rgba(7,7,7,.35) 45%,rgba(7,7,7,.15) 75%),linear-gradient(180deg,rgba(7,7,7,.45) 0%,rgba(7,7,7,0) 28%,rgba(7,7,7,0) 62%,var(--bg) 100%)}
.hero:before{content:"";position:absolute;top:84px;right:20px;bottom:76px;left:20px;z-index:1;pointer-events:none;opacity:.5;background:linear-gradient(#fff,#fff) left top/46px 2px no-repeat,linear-gradient(#fff,#fff) left top/2px 46px no-repeat,linear-gradient(#fff,#fff) right top/46px 2px no-repeat,linear-gradient(#fff,#fff) right top/2px 46px no-repeat,linear-gradient(#fff,#fff) left bottom/46px 2px no-repeat,linear-gradient(#fff,#fff) left bottom/2px 46px no-repeat,linear-gradient(#fff,#fff) right bottom/46px 2px no-repeat,linear-gradient(#fff,#fff) right bottom/2px 46px no-repeat}
.hero-inner{justify-items:center;text-align:center;padding:150px 0 160px}
.hero-inner>div{max-width:1000px;margin:0 auto}
.hero .eyebrow{justify-content:center}
.hero h1{font-size:clamp(76px,13vw,196px);line-height:.84}
.hero-tag{font-size:clamp(30px,3.6vw,46px);margin:20px 0 14px}
.hero-sub{margin:0 auto;font-size:20px;max-width:60ch;text-shadow:0 2px 14px rgba(0,0,0,.8)}
.hero .cta-row{justify-content:center;margin-top:32px}
.hero .cta-row .btn{padding:17px 26px;font-size:17px}
.on-air{top:104px;right:max(48px,calc((100vw - var(--maxw)) / 2))}
.motion-pill{top:108px;left:max(48px,calc((100vw - var(--maxw)) / 2))}
.scroll-cue{bottom:96px}
@media (max-width:600px){
.hero:before{top:76px;right:10px;bottom:60px;left:10px}
.hero-inner{padding:140px 0 130px}
.hero-sub{font-size:17px}
.on-air{top:90px;right:24px}
.motion-pill{top:auto;bottom:78px;left:50%;right:auto;transform:translateX(-50%)}
}
/* ===== v8: organized hero with shadowed, shimmering title + mobile fixes ===== */
.hero .hero-badge{display:inline-flex;margin:0 0 24px;padding:11px 20px;border-radius:999px;background:rgba(10,10,10,.72);border:1px solid rgba(255,90,79,.55);color:#fff;font-size:15px;letter-spacing:.24em;box-shadow:0 12px 30px -10px #000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero .hero-badge:before{content:none}
.hero h1{filter:drop-shadow(0 4px 0 rgba(0,0,0,.6)) drop-shadow(0 12px 34px rgba(0,0,0,.9))}
.hero h1 .name{background:linear-gradient(100deg,#f4f1ec 34%,#ffffff 46%,#b9b2a9 51%,#f4f1ec 60%) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s ease-in-out infinite}
.hero h1 .red{filter:none;animation-delay:.5s}
.hero-tag{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 18px;font-size:clamp(26px,3.2vw,40px);letter-spacing:.14em;text-shadow:0 2px 4px rgba(0,0,0,.9),0 6px 22px rgba(0,0,0,.85)}
.hero-tag:before,.hero-tag:after{content:"";width:clamp(26px,5vw,60px);height:2px;background:var(--red);box-shadow:0 0 10px rgba(224,38,26,.8)}
.hero-tag i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--red);box-shadow:0 0 10px rgba(224,38,26,.9)}
.hero-sub{color:#efebe5;text-shadow:0 2px 4px rgba(0,0,0,.95),0 4px 24px rgba(0,0,0,.85)}
.hero .btn-ghost{background:rgba(10,10,10,.55);border-color:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero-platforms{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:24px 0 0;font:600 15px/1.2 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:#d9d4cc;text-shadow:0 2px 10px #000}
.hero-platforms strong{color:#fff;font-weight:800}
.hero-platforms span{color:var(--red-text)}
@media (max-width:600px){
.hero .hero-badge{font-size:13px;letter-spacing:.14em;padding:10px 14px}
.hero-tag{gap:10px;letter-spacing:.1em}
.hero .cta-row{flex-direction:column;align-items:stretch;max-width:320px;margin-left:auto;margin-right:auto}
.hero-platforms{font-size:13px;letter-spacing:.14em}
}
@media (prefers-reduced-motion:reduce){.hero h1 .name{animation:none;color:#f4f1ec;background:none}}
/* mobile: product page width + tap targets */
.pdp>*{min-width:0}
.desc table{max-width:100%}
.opt select{max-width:100%}
.crumbs a{display:inline-block;padding:10px 0}
.site-footer ul a{display:inline-block;padding:7px 0}
.f-links a,.f-links .link{display:inline-block;padding:10px 0}
.brand{padding:10px 0}
@media (max-width:600px){
.motion-pill{min-height:44px;padding:12px 18px}
.dept-sort span,.dept-jump span{font-size:14px}
.dept select{min-height:44px}
.qty button{width:40px;height:40px}
.link{padding:8px 0}
.p-body h3 a{display:inline-block;padding:4px 0}
}
/* ===== v9: signature Don Miller details ===== */
.brand{display:inline-flex;align-items:center;gap:10px}
.brand img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(255,120,40,.45))}
@media (max-width:420px){.brand img{height:32px}.brand{gap:8px}}
/* quote band */
.dm-quote{position:relative;overflow:hidden;isolation:isolate;padding:110px 0;background:radial-gradient(ellipse at 22% 50%,rgba(255,110,30,.22),transparent 45%),radial-gradient(ellipse at 80% 40%,rgba(224,38,26,.28),transparent 55%),#060606;border-block:1px solid #1d1d1d}
.dm-quote:before{content:"“";position:absolute;right:2vw;top:-60px;z-index:-1;font:400 clamp(300px,40vw,560px)/1 var(--display);color:transparent;-webkit-text-stroke:2px rgba(255,90,79,.18)}
.dmq-inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.dmq-logo{width:clamp(110px,14vw,170px);height:auto;filter:drop-shadow(0 0 26px rgba(255,120,40,.55));animation:flame 3.2s ease-in-out infinite}
@keyframes flame{0%,100%{filter:drop-shadow(0 0 22px rgba(255,120,40,.5))}45%{filter:drop-shadow(0 0 40px rgba(255,90,40,.85))}55%{filter:drop-shadow(0 0 18px rgba(255,140,40,.4))}}
.dm-quote blockquote{margin:0}
.dm-quote blockquote p{margin:0;font:400 clamp(54px,8.4vw,128px)/.88 var(--display);text-transform:uppercase;color:#f4f1ec;text-shadow:0 6px 30px rgba(0,0,0,.8)}
.dm-quote blockquote p span{color:var(--red-text);text-shadow:0 0 30px rgba(224,38,26,.55)}
.dm-quote cite{display:flex;align-items:center;gap:12px;margin-top:22px;font:700 16px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-style:normal}
.dm-quote cite:before{content:"";width:46px;height:2px;background:var(--gold)}
@media (max-width:700px){.dm-quote{padding:80px 0}.dmq-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.dm-quote cite{justify-content:center}}
/* footer sign-off */
.signoff{display:flex;justify-content:center;flex-wrap:wrap;gap:0 .35em;padding:56px 16px 8px;font:400 clamp(56px,11vw,170px)/.9 var(--display);text-transform:uppercase;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22);user-select:none}
.signoff .so-red{-webkit-text-stroke:0;color:var(--red);text-shadow:0 0 34px rgba(224,38,26,.5)}
.site-footer{padding-top:0}
/* station ident intro */
.intro{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:url("data:image/svg+xml;utf8,"),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,#1a1a1a,#030303 70%);cursor:pointer;animation:tvon .55s cubic-bezier(.2,.8,.2,1) both;transition:opacity .5s ease,transform .5s ease}
.intro.out{opacity:0;transform:scaleY(.02)}
.intro:before,.intro:after{content:"";position:absolute;left:0;right:0;height:12px;background:linear-gradient(90deg,#bfbfbf 0 14.28%,#bfbf00 0 28.57%,#00bfbf 0 42.85%,#00bf00 0 57.14%,#bf00bf 0 71.42%,#bf0000 0 85.71%,#0000bf 0)}
.intro:before{top:0}.intro:after{bottom:0}
.intro img{width:clamp(120px,18vw,180px);height:auto;filter:drop-shadow(0 0 30px rgba(255,120,40,.7));animation:flame 1.6s ease-in-out infinite}
.intro-title{margin:0;font:400 clamp(44px,7vw,84px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px rgba(224,38,26,.7)}
.intro-sb{margin:0;font:400 clamp(22px,3vw,30px)/1 'VT323',ui-monospace,monospace;letter-spacing:.14em;color:#7cff6b;text-shadow:0 0 8px rgba(124,255,107,.8);animation:blink 1s steps(2) infinite}
@keyframes tvon{0%{transform:scale(1,.004);filter:brightness(4)}60%{transform:scale(1,1.02);filter:brightness(1.4)}100%{transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.dmq-logo{animation:none}}
/* v10: one-line hero title, glowing sign-off */
.hero h1{white-space:nowrap;font-size:min(190px,calc((100vw - 40px) / 7.3))}
.hero-inner>div{max-width:none}
.signoff span{display:inline-block}
.signoff span:not(.so-red){-webkit-text-stroke:2px rgba(255,255,255,.95);filter:drop-shadow(0 0 6px rgba(255,255,255,.85)) drop-shadow(0 0 20px rgba(255,255,255,.45))}
body.motion-off .signoff span{animation:none}
/* ===== v11: stronger hero shadows, one-line sign-off, condensed mobile ===== */
.hero-shade{background:radial-gradient(ellipse 70% 55% at 50% 48%,rgba(5,5,5,.78) 0%,rgba(5,5,5,.45) 55%,rgba(5,5,5,.12) 85%),linear-gradient(180deg,rgba(7,7,7,.5) 0%,rgba(7,7,7,0) 28%,rgba(7,7,7,0) 62%,var(--bg) 100%)}
.hero h1{filter:drop-shadow(0 4px 0 rgba(0,0,0,.8)) drop-shadow(0 0 18px rgba(0,0,0,.95)) drop-shadow(0 14px 44px rgba(0,0,0,1))}
.hero-tag{text-shadow:0 2px 0 #000,0 0 14px rgba(0,0,0,1),0 0 32px rgba(0,0,0,.95),0 8px 30px rgba(0,0,0,.9)}
.hero-tag:before,.hero-tag:after,.hero-tag i{box-shadow:0 0 10px rgba(224,38,26,.9),0 2px 8px #000}
.signoff{flex-wrap:nowrap;white-space:nowrap;font-size:min(170px,calc((100vw - 44px) / 7.9));padding-left:12px;padding-right:12px}
@media (max-width:600px){
.signoff{padding-top:40px;-webkit-text-stroke-width:1px}
.signoff span:not(.so-red){-webkit-text-stroke:1.2px rgba(255,255,255,.95)}
/* home: 2 latest episodes, 2 fan favorites */
.ep-grid.four .ep:nth-child(n+3){display:none}
.p-grid.five .p-card:nth-child(n+3){display:none}
/* footer condensed */
.site-footer{padding-bottom:20px}
.f-grid{grid-template-columns:1fr 1fr;gap:18px 20px}
.f-grid>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
.f-grid>div:first-child .f-logo{grid-row:span 2;width:56px;margin:0}
.f-grid>div:first-child .f-tag{margin:0;font-size:22px}
.f-grid>div:first-child .muted{display:none}
.f-grid>div:last-child{grid-column:1/-1}
.site-footer h4{margin-bottom:8px}
.site-footer ul{gap:0;margin-bottom:8px}
.site-footer ul a{padding:7px 0;font-size:15px}
.f-bottom{margin-top:18px;padding-top:14px;flex-direction:column;gap:6px;font-size:13px}
/* episodes page: two per row, compact TVs */
.ep-grid:not(.four){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tv .ep-grid:not(.four) .ep{padding:7px 7px 0;border-radius:16px}
.tv .ep-grid:not(.four) .ep-thumb{border-radius:12px/16px}
.tv .ep-grid:not(.four) .ep-thumb:before{font-size:18px;padding:2px 6px 1px;top:6px;right:6px}
.tv .ep-grid:not(.four) .ep-play{width:32px;height:32px;left:8px;bottom:8px}
.tv .ep-grid:not(.four) .ep-play:after{border-left-width:10px;border-top-width:6px;border-bottom-width:6px;margin-left:3px}
.tv .ep-grid:not(.four) .ep h3{font-size:15px;padding:9px 3px 8px}
.tv .ep-grid:not(.four) .ep:after{height:20px;margin:auto -7px 0;border-radius:0 0 16px 16px;background-size:auto,auto,50px 8px,auto}
/* Don Miller page photo */
.page-hero .portrait{max-width:230px;margin:0 auto 18px;box-shadow:10px 10px 0 0 var(--red)}
.page-hero .about{gap:22px}
/* gallery */
.gal{columns:2;column-gap:8px}
.g-item{margin-bottom:8px;border-radius:10px}
/* merch, easier on phones */
.mx .p-grid{gap:12px}
.mx .p-body{margin:0 6px 6px;padding:13px 10px 10px}
.mx .p-body:after{display:none}
.mx .price{padding-right:0;font-size:18px}
.mx .p-body h3{font-size:16px}
.mx .ribbon{width:50px;height:50px;font-size:14px}
.perks{gap:8px}
.perks li{font-size:14px;padding:9px 12px}
}
@media (max-width:600px){.f-grid>div:first-child{display:none!important}.signoff{padding-bottom:20px}}
/* ===== v12: countdown only, darker quote band with neon red, centered hero with Don Miller in red ===== */
.cd-strip{grid-template-columns:auto auto;justify-content:center;justify-items:center;gap:14px 34px;text-align:center;background:linear-gradient(90deg,rgba(18,18,20,.92),rgba(224,38,26,.16) 50%,rgba(18,18,20,.92));border-left:1px solid #33343a;border-top:3px solid var(--red)}
.cd-strip .cd{justify-content:center}
@media (max-width:700px){.cd-strip{grid-template-columns:1fr}.cd-strip-label{justify-content:center}}
/* quote band */
.dm-quote{background:radial-gradient(ellipse at 22% 50%,rgba(255,110,30,.08),transparent 45%),radial-gradient(ellipse at 78% 50%,rgba(224,38,26,.1),transparent 55%),#000;border-block:1px solid #111}
.dm-quote:before{-webkit-text-stroke:2px rgba(255,90,79,.12)}
.dm-quote blockquote p span{color:#ff3b2f;text-shadow:0 0 4px #fff2,0 0 10px #ff3b2f,0 0 22px #ff2d20,0 0 44px rgba(255,45,32,.85),0 0 80px rgba(224,38,26,.6);animation:neon 4s ease-in-out infinite}
@keyframes neon{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.72}}
/* hero: centered, Don Miller in red */
.hero-inner{display:flex;justify-content:center;width:100%;margin-left:auto;margin-right:auto}
.hero-inner>div{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:none}
.hero h1{letter-spacing:0;text-align:center;margin:0 auto}
.hero h1 .name{animation-delay:.5s}
.hero h1 .red{animation-delay:0s}
.hero .eyebrow.hero-badge{align-self:center}
@media (prefers-reduced-motion:reduce){.dm-quote blockquote p span{animation:none}}
/* v13: bigger hero title and countdown */
.hero h1{font-size:min(240px,calc((100vw - 34px) / 7.02))}
.cd-strip{padding:22px 28px}
.cd-strip .cd{gap:12px}
.cd-strip .cd>div{min-width:0}
.cd-strip .cd span{font-size:clamp(58px,7.4vw,104px);line-height:.95}
.cd-strip .cd i{font-size:clamp(44px,5vw,72px);padding-top:2px}
.cd-strip .cd small{font-size:15px;letter-spacing:.2em}
.cd-strip-label{font-size:17px}
@media (max-width:600px){.cd-strip .cd{gap:6px}.cd-strip .cd span{font-size:clamp(50px,15vw,66px)}.cd-strip .cd i{font-size:40px}.cd-strip .cd small{font-size:13px}}
/* v14: desktop title a touch smaller */
@media (min-width:901px){.hero h1{font-size:min(200px,calc((100vw - 34px) / 7.7))}}
/* v15: desktop countdown fills the whole strip */
@media (min-width:901px){
.cd-strip{grid-template-columns:1fr;justify-items:stretch;gap:10px;padding:26px 34px 30px}
.cd-strip-label{justify-content:center;font-size:20px;letter-spacing:.3em}
.cd-strip .cd{width:100%;justify-content:space-evenly;align-items:flex-start;gap:0}
.cd-strip .cd span{font-size:min(220px,15.5vw);line-height:.9;letter-spacing:.02em}
.cd-strip .cd i{font-size:min(150px,10.5vw);line-height:.9;padding-top:0}
.cd-strip .cd small{display:block;margin-top:6px;font-size:20px;letter-spacing:.32em}
}
/* v16: true red everywhere */
:root{--red:#d40d0d;--red2:#a80808;--red-text:#ff1a1a}
.eyebrow{font-size:19px;font-weight:700}
@media (max-width:600px){.eyebrow{font-size:17px}}
.hero .hero-badge{font-size:16px}
.hero h1 .red{background:linear-gradient(100deg,#ff1a1a 30%,#ff5a4a 46%,#ff1a1a 62%) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.dm-quote blockquote p span{color:#ff1a1a;text-shadow:0 0 8px #ff1a1a,0 0 20px #ff0000,0 0 44px rgba(255,0,0,.85),0 0 80px rgba(212,13,13,.6)}
.signoff .so-red{color:#ff1a1a;text-shadow:0 0 30px rgba(255,0,0,.55)}
.hub h2 .red,.red{color:#ff1a1a}
.grey .price strong,.price strong{color:#ff1a1a}
.mx .price strong{color:var(--red2)}
@media (prefers-reduced-motion:reduce){.hero h1 .red{color:#ff1a1a;background:none}}
/* v17: readable neon on DON'T KNOW */
.dm-quote blockquote p span{color:#ff1a1a;text-shadow:0 2px 0 #000,0 0 2px #000,0 0 16px rgba(255,0,0,.5),0 0 38px rgba(255,0,0,.28);animation:neon2 5s ease-in-out infinite}
@keyframes neon2{0%,20%,24%,100%{opacity:1}22%{opacity:.85}}
/* v18: centered contact + socials in the phone footer */
@media (max-width:600px){
.f-grid>div:last-child{text-align:center;padding-top:16px;border-top:1px solid #1d1d1d}
.f-grid>div:last-child h4{margin-bottom:10px}
.f-grid>div:last-child ul{justify-items:center;gap:2px;margin-bottom:14px}
.f-grid>div:last-child ul a{font-size:18px;font-weight:600;padding:8px 0;color:#fff}
.f-grid>div:last-child .socials{justify-content:center;gap:10px}
.site-footer .soc{padding:12px;border-radius:12px}
.site-footer .soc svg{width:20px;height:20px}
.f-bottom{align-items:center;text-align:center}
}
/* v19: even footer columns on phones */
@media (max-width:600px){
.f-grid{grid-template-columns:1fr 1fr}
.f-grid>div:nth-child(2),.f-grid>div:nth-child(3){text-align:center}
.f-grid>div:nth-child(2) ul,.f-grid>div:nth-child(3) ul{justify-items:center}
.f-grid>div:nth-child(2) ul a,.f-grid>div:nth-child(3) ul a{font-size:16px}
}
/* v20: phones skip the newest episode (it's already in the player) */
@media (max-width:600px){
.ep-grid.four .ep:nth-child(n+3){display:flex}
.ep-grid.four .ep:nth-child(1),.ep-grid.four .ep:nth-child(n+4){display:none}
}