/* D1-001 additive brand layer. Original wordmark artwork is served separately. */
:root{--bg:#080808;--panel:#131313;--white:#fff;--muted:#c3c3c3;--gold:#FD0505;--koko-red:#FD0505;--line:rgba(255,255,255,.14)}
body{background:var(--bg);color:var(--white)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--koko-red);outline-offset:3px}
.masthead,.site-header{background:#080808;border-color:#292929}
.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:start;column-gap:8px;row-gap:4px;letter-spacing:0}
.koko-wordmark{display:block;width:auto;height:32px;max-width:min(38vw,132px);object-fit:contain}
.brand-tv{grid-column:2;grid-row:1;font:800 11px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.12em;color:#fff}
.brand small{grid-column:1 / 3;grid-row:2;margin:0;color:#c3c3c3;letter-spacing:.16em}
.brand-accent,.tiny-star,.hero h1 em,.section-heading h2 i,.nodata-top h2 i,.period,.eyebrow,.kicker,.gold-line,.ghost-btn span,.aside-eyebrow,.aside-feature>span:last-child,.yellow-small,.index-big{color:var(--koko-red)}
.gold-line{background:var(--koko-red)}
.masthead nav a:hover{color:var(--koko-red)}
.nav-watch{border-color:#FD0505}
.primary-btn{background:#FD0505;color:#111}
.primary-btn:hover{background:#ff3b3b}
.category-filter .filter.active,.quality.active{background:#FD0505;border-color:#FD0505;color:#101010}
.hero{background:#080808;border-color:#292929}
.hero-visual{padding:32px clamp(10px,3vw,46px)}
.hero-art{position:relative;width:min(100%,680px);aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid #414141;background:#111;box-shadow:0 24px 70px #000b}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.hero-art figcaption{position:absolute;left:0;right:0;bottom:0;background:#000d;color:#fff;padding:12px 15px;font-size:10px;line-height:1.5;letter-spacing:.04em}
.hero-caption{display:none}
.broadcast-logo{display:flex;align-items:center;justify-content:center;gap:11px;letter-spacing:0}
.broadcast-logo .koko-wordmark{height:clamp(27px,4vw,54px);max-width:55%}
.broadcast-logo .brand-tv{font-size:clamp(10px,1.3vw,16px)}
.shows-section{background:#101010}
.watch-aside,.player-shell,.player-stage{background:#111;border-color:#333}
.player-backdrop{background:radial-gradient(circle at 50% 48%,#242424,transparent 62%),repeating-linear-gradient(125deg,transparent 0 38px,#fff1 39px 40px)}
.aside-eyebrow{border-color:#343434}
.nodata-section{background:#f6f6f6;color:#111}
.nodata-section .nodata-top h2,.nodata-section h3{color:#111}
.nodata-section .nodata-top h2 i{color:#FD0505}
.nodata-section .nodata-top p,.nodata-section .reception-card p{color:#333}
.nodata-section .dark-kicker{color:#9d0000}
.nodata-section .reception-card{background:#fff;color:#111;border:1px solid #d1d1d1}
.nodata-section .pending-tag{color:#333;border-color:#888}
.nodata-section .reception-icon{color:#FD0505}
.footer-brand{color:#fff}
.site-header .logo{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:start;gap:4px 8px;color:#fff;letter-spacing:0;font-size:inherit}
.site-header .logo .koko-wordmark{grid-column:1;grid-row:1;height:29px;max-width:132px}
.site-header .logo .brand-tv{grid-column:2;grid-row:1}
.site-header .logo small{grid-column:1/3;grid-row:2;color:#bcbcbc;font-size:7px;letter-spacing:.16em}
.site-header nav a[aria-current=page],.site-header nav a:hover{color:#FD0505}
.button{background:#FD0505;color:#111;border-color:#FD0505}
.button.secondary{background:#111;color:#fff;border-color:#777}
.empty{border-color:#555}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-content{padding-top:64px}.hero-visual{min-height:0;padding:10px 24px 45px}.hero-art{width:min(100%,680px)}}
@media(max-width:600px){.brand .koko-wordmark{height:27px}.hero-content{padding:52px 24px 34px}.hero-ctas{flex-wrap:wrap;margin-bottom:36px}.hero-strap{flex-wrap:wrap}.site-header{align-items:flex-start;gap:14px;flex-direction:column}.site-header nav{flex-wrap:wrap;gap:14px}.hero-art figcaption{font-size:9px;padding:9px 10px}}