/* CINE — streaming-service feel (ABC / Plex): full-width rotating banner, rows of wide thumbnails, uppercase row labels */
:root { --bg: #070707; --panel: #121212; --line: #232323; --accent: #ffffff; }
body { font-family: "Inter", "Helvetica Neue", Arial, sans-serif; }
.logo { display: flex; align-items: center; gap: 18px; margin: 0 0 8px; }
.logo-art { width: 132px; padding-bottom: 16px; }
.logo-tag { margin: 0 0 0 26px; font-size: 14px; color: #9a9a9a; max-width: 340px; }

.vhero { height: clamp(320px, 56vh, 560px); border-radius: 14px; margin: 10px 0 26px; }
.vh-bg { transform: scale(1.02); }
.vh-shade { background: linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.55) 38%, rgba(0,0,0,0) 70%),
                        linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(7,7,7,0) 40%); }
.vh-text { position: absolute; left: clamp(20px, 5vw, 56px); bottom: clamp(28px, 7vh, 64px); max-width: min(560px, 80%); }
.vh-kicker { font: 600 12px/1 "Inter", sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #d0d0d0; margin-bottom: 14px; }
.vh-title { font: 800 clamp(30px, 5vw, 56px)/1.02 "Outfit", sans-serif; letter-spacing: -.02em; text-shadow: 0 2px 18px rgba(0,0,0,.4); }
.vh-sub { margin-top: 10px; font-size: 16px; color: #e3e3e3; }
.vh-actions { margin-top: 22px; }
.vh-cta { background: #fff; color: #000; font: 700 14px/1 "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase;
  padding: 15px 34px; border-radius: 999px; }
.vh-cta:hover { background: #e6e6e6; }
.vh-dots { right: 24px; bottom: 22px; }

.chips { margin-bottom: 4px; }
.chip { background: transparent; border-color: #2c2c2c; font-weight: 600; font-size: 14px; }
.chip[aria-selected=true] { background: #fff; color: #000; }
.vsec-h h2 { font: 600 14px/1 "Inter", sans-serif !important; letter-spacing: .16em; text-transform: uppercase; color: #fff; }
.vsec-h span { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.vrow-h b { font: 600 12px/1 "Inter", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #9b9b9b; }
.vrow .card .t { font-family: "Inter", sans-serif; font-weight: 600; }
.vrow .card img { border-radius: 6px; }