/* Theme 1.40: THIS! Originals browse page (/originals/). A streaming-app look: dark stage, big featured billboard,
   rows of covers that scroll sideways. Each show's colours come from tn_show_style() (contrast-checked). */
.og-page{--og-bg:#0A0A0C;--og-fg:#F5F2EA;--og-mute:#A9A6A0;background:var(--og-bg);color:var(--og-fg);padding-bottom:64px;overflow:hidden}
.og-page a{color:inherit;text-decoration:none}
.og-eyebrow{margin:0;font:600 12px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--og-fg)}
.og-eyebrow b{color:#E11D2E;font-weight:700}

/* Billboard */
.og-hero{position:relative;min-height:min(78vh,720px);display:grid}
.og-slide{grid-area:1/1;position:relative;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s;background:var(--sh-bg)}
.og-slide.is-on{opacity:1;visibility:visible;transition:opacity .7s ease}
.og-bg{position:absolute;inset:0;overflow:hidden}
.og-bg img{width:100%;height:100%;object-fit:cover;filter:blur(38px) saturate(1.15);transform:scale(1.25);opacity:.55}
.og-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--sh-bg) 0%,color-mix(in srgb,var(--sh-bg) 82%,transparent) 38%,transparent 75%),linear-gradient(0deg,var(--og-bg) 0%,transparent 42%)}
.og-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;width:100%;padding-top:72px;padding-bottom:84px}
.og-hero-txt{color:var(--sh-fg)}
.og-hero-txt .og-eyebrow{color:var(--sh-fg)}
.og-title{margin:14px 0 0;font:400 clamp(52px,8.2vw,120px)/.9 Anton,"Archivo Black",Impact,sans-serif;letter-spacing:.01em;text-transform:uppercase}
.og-title a{color:var(--sh-fg)!important}
.og-when{margin:18px 0 0;font:600 14px/1.45 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--sh-fg)}
.og-count{color:var(--sh-ac)}
.og-bill{max-width:36em;margin:14px 0 0;font:400 clamp(17px,1.5vw,21px)/1.5 "IBM Plex Serif",Georgia,serif;color:color-mix(in srgb,var(--sh-fg) 88%,transparent)}
.og-hero-a{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.og-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 26px 0 22px;border:0;border-radius:6px;font:700 17px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none!important;transition:transform .12s,background .15s}
.og-btn:active{transform:scale(.97)}
.og-btn-play{background:#fff;color:#0A0A0C!important}
.og-btn-play:hover{background:#E8E8E8}
.og-btn-play.is-playing{background:#E11D2E;color:#fff!important}
.og-btn-info{background:rgba(109,109,110,.7);color:#fff!important}
.og-btn-info:hover{background:rgba(109,109,110,.5)}
.og-fine{margin:18px 0 0;font:500 12px/1.4 "IBM Plex Mono",monospace;color:color-mix(in srgb,var(--sh-fg) 70%,transparent)}
.og-hero-cov{justify-self:end;width:min(100%,420px);aspect-ratio:1;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);border-radius:8px;overflow:hidden}
.og-hero-cov img{width:100%;height:100%;object-fit:cover;display:block}
.og-dots{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;gap:8px;z-index:2}
.og-dots button{width:28px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.35);cursor:pointer}
.og-dots button[aria-selected="true"]{background:#fff}
.og-dots button::before{content:"";display:block;margin:-10px 0;height:24px}

/* Rows */
.og-rows{position:relative;z-index:1;margin-top:-28px}
.og-row{margin-top:34px}
.og-row-h{max-width:var(--max,1240px);margin:0 auto 12px;padding:0 24px;font:700 clamp(19px,1.7vw,24px)/1.2 Inter,system-ui,sans-serif;color:var(--og-fg)}
.og-rail{position:relative}
.og-track{display:flex;gap:12px;margin:0;padding:10px max(24px,calc((100vw - var(--max,1240px)) / 2 + 24px)) 26px;list-style:none;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding:0 max(24px,calc((100vw - var(--max,1240px)) / 2 + 24px));scrollbar-width:none;-webkit-overflow-scrolling:touch}
.og-track::-webkit-scrollbar{display:none}
.og-arrow{position:absolute;top:10px;bottom:26px;z-index:3;width:48px;border:0;background:rgba(10,10,12,.6);color:#fff;font:300 44px/1 Inter,system-ui,sans-serif;cursor:pointer;opacity:0;transition:opacity .2s}
.og-prev{left:0}.og-next{right:0}
.og-rail:hover .og-arrow,.og-arrow:focus-visible{opacity:1}

/* Poster cards */
.og-card{position:relative;flex:0 0 clamp(150px,17vw,232px);scroll-snap-align:start;transition:transform .25s ease,z-index 0s .25s}
.og-poster{display:block;position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--sh-bg);box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.og-poster img{width:100%;height:100%;object-fit:cover;display:block}
.og-tag{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:3px;background:#E11D2E;color:#fff;font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em}
.og-pop{padding:10px 2px 0}
.og-pop-t{margin:0;font:700 15px/1.25 Inter,system-ui,sans-serif;color:var(--og-fg)}
.og-pop-m{margin:4px 0 0;font:500 12.5px/1.35 Inter,system-ui,sans-serif;color:var(--og-mute)}
.og-pop-a{display:flex;gap:8px;margin-top:10px}
.og-round{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:rgba(20,20,20,.6);color:#fff!important;cursor:pointer}
.og-round:hover{border-color:#fff}
.og-playr{background:#fff;border-color:#fff;color:#0A0A0C!important}
.og-playr.is-playing{background:#E11D2E;border-color:#E11D2E;color:#fff!important}
@media (hover:hover) and (min-width:861px){
  .og-card:hover,.og-card:focus-within{transform:scale(1.08);z-index:4;transition:transform .25s ease .15s}
  .og-card:hover .og-poster{box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.15)}
}

/* Episode cards (wide) */
.og-ep{flex:0 0 clamp(250px,26vw,340px);scroll-snap-align:start}
.og-ep-art{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--sh-bg)}
.og-ep-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.7);transform:scale(1.2)}
.og-ep-cov{position:absolute;left:14px;top:50%;width:40%;height:auto;aspect-ratio:1;object-fit:cover;transform:translateY(-50%);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.og-ep-art .og-playr{position:absolute;right:14px;bottom:14px;width:46px;height:46px}
.og-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.25)}
.og-prog i{display:block;height:100%;width:var(--p,0%);background:#E11D2E}
.og-ep-txt{display:flex;flex-direction:column;gap:3px;padding:10px 2px 0}
.og-ep-show{font:600 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--og-mute)}
.og-ep-t{font:700 15px/1.3 Inter,system-ui,sans-serif;color:var(--og-fg)}
.og-ep-m{font:500 12.5px/1.35 Inter,system-ui,sans-serif;color:var(--og-mute)}

.og-empty{padding:90px 24px}
.og-empty-h{margin:14px 0 22px;font:400 clamp(36px,6vw,64px)/1 Anton,Impact,sans-serif;text-transform:uppercase}

/* Phones: cover on top, text centred, like a streaming app */
@media (max-width:860px){
  .og-hero{min-height:0}
  .og-slide{align-items:stretch}
  .og-hero-in{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:64px;text-align:center}
  .og-hero-cov{order:-1;justify-self:center;width:min(68vw,320px)}
  .og-bg::after{background:linear-gradient(0deg,var(--og-bg) 0%,color-mix(in srgb,var(--sh-bg) 70%,transparent) 55%,color-mix(in srgb,var(--sh-bg) 40%,transparent) 100%)}
  .og-title{font-size:clamp(44px,13vw,72px)}
  .og-bill{margin-left:auto;margin-right:auto;font-size:16px}
  .og-hero-a{justify-content:center}
  .og-btn{min-height:46px;padding:0 20px 0 16px;font-size:16px}
  .og-hero-a .og-btn{flex:1 1 140px;justify-content:center}
  .og-dots{bottom:22px}
  .og-row-h{padding:0 16px}
  .og-track{gap:10px;padding-left:16px;padding-right:16px;scroll-padding:0 16px}
  .og-card{flex-basis:40vw}
  .og-ep{flex-basis:76vw}
  .og-arrow{display:none}
}
@media (prefers-reduced-motion:reduce){.og-slide,.og-card{transition:none}}
