/* WITV — Channels page (uses tokens/components from home.css) */
body.page-channels .nav{background:rgba(0,0,0,.6);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-color:var(--line)}
.chero{position:relative;padding:150px 0 30px;text-align:center;isolation:isolate}
.chero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 50% 0%,rgba(248,162,0,.2),transparent 70%)}
.chero h1{font-size:clamp(2.8rem,6.4vw,5.4rem);font-weight:800;letter-spacing:-.045em;line-height:.98;color:#fff;margin:0 auto}
.chero .lead{margin:22px auto 0}
.chero__stats{display:flex;justify-content:center;gap:clamp(24px,5vw,64px);margin-top:44px;flex-wrap:wrap}
.chero__stats div b{display:block;font-size:2.2rem;font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1}
.chero__stats div span{display:block;margin-top:6px;color:var(--muted);font-size:.95rem}

.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.lgrid .tile{aspect-ratio:4/3;border-radius:28px}
.lgrid .tile__native{font-size:clamp(2.4rem,3.6vw,3.4rem)}
.lgrid .tile__mark{font-size:clamp(9rem,14vw,15rem);bottom:6%;right:-4%}
.lgrid .tile__name{font-size:1.7rem}
.lgrid .tile__desc{display:block;color:rgba(255,255,255,.72);font-size:.98rem;margin-top:6px;max-width:34ch;line-height:1.45}
.lgrid .tile__count{display:inline-flex;margin-top:12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:.85rem;font-weight:600;color:#fff}
.lgrid .tile--wide{grid-column:span 3;aspect-ratio:auto;min-height:300px}
.lgrid .tile--wide .tile__body{max-width:60ch}

.genres{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.genre{padding:28px 26px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.genre svg{width:30px;height:30px;color:var(--accent);margin-bottom:18px}
.genre h3{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#fff}
.genre p{margin-top:8px;color:var(--muted);font-size:.98rem;line-height:1.5}

.also{margin-top:40px;text-align:center;color:var(--muted);font-size:1.05rem}
.also b{color:#fff;font-weight:600}

@media (max-width:1024px){.lgrid{grid-template-columns:repeat(2,1fr)}.lgrid .tile--wide{grid-column:span 2}.genres{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.chero{padding-top:120px}.lgrid{grid-template-columns:1fr}.lgrid .tile--wide{grid-column:span 1;min-height:260px}.lgrid .tile{aspect-ratio:5/4}.genres{grid-template-columns:1fr}}