:root{--channel-paper:#f1eadf;--channel-gold:#c8a96d;--channel-muted:#aaa296;--channel-line:#34322e;--channel-ink:#0a0a09}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.channels-page{margin:0;background:var(--channel-ink);color:var(--channel-paper);overflow-x:hidden}
.channels-page a,.channels-page button{font:inherit}
.channels-topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(20px,4vw,64px);border-bottom:1px solid rgba(240,234,223,.12);background:rgba(10,10,9,.92);backdrop-filter:blur(18px)}
.channels-kicker{font-size:.75rem;letter-spacing:.18em;color:var(--channel-muted)}
.channels-exit{justify-self:end;display:inline-flex;align-items:center;min-height:44px;color:var(--channel-muted);text-decoration:none;font-size:.78rem}
.channels-exit:hover,.channels-exit:focus-visible{color:var(--channel-paper)}
.channels-intro{max-width:1600px;margin:auto;padding:clamp(64px,8vw,112px) clamp(22px,5vw,80px) clamp(52px,6vw,82px);border-bottom:1px solid var(--channel-line)}
.channels-intro h1{font:520 clamp(3.3rem,7vw,7.2rem)/.92 var(--sans);letter-spacing:-.065em;margin:.13em 0 .18em;max-width:1000px}
.channels-intro>p:last-child{font:400 clamp(1rem,1.5vw,1.25rem)/1.5 var(--sans);color:#9b948a;max-width:720px;margin:0}
.channel-library{max-width:1600px;margin:auto;padding:clamp(44px,6vw,82px) 0 clamp(80px,10vw,140px)}
.channel-library [hidden]{display:none!important}
.channel-filter{display:flex;align-items:center;gap:20px;margin:0 clamp(22px,5vw,80px) clamp(44px,5vw,68px)}
.filter-label{font-size:.72rem;letter-spacing:.16em;color:var(--channel-muted)}
.filter-options{display:flex;flex-wrap:wrap;gap:6px}
.filter-options button{min-height:44px;padding:0 15px;border:1px solid var(--channel-line);border-radius:24px;background:transparent;color:#c0b7a9;font-size:.82rem;cursor:pointer}
.filter-options button:hover{border-color:var(--channel-gold);color:var(--channel-paper)}
.filter-options button[aria-pressed="true"]{border-color:var(--channel-gold);background:#30291e;color:var(--channel-paper)}
.filter-empty,.channel-fallback{margin:0 clamp(22px,5vw,80px) 64px;color:var(--channel-muted);line-height:1.6}
.channel-fallback h2{font:400 1.5rem/1.2 var(--serif);color:var(--channel-paper);margin:32px 0 8px}
.channel-fallback a{color:var(--channel-paper);text-underline-offset:3px}
.channel-row{margin-bottom:clamp(48px,6vw,78px)}
.row-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 clamp(22px,5vw,80px);margin-bottom:18px}
.row-heading h2{font:400 clamp(1.65rem,2.6vw,2.75rem)/1.05 var(--serif);letter-spacing:-.028em;margin:0}
.row-heading p{color:var(--channel-muted);font-size:.9rem;line-height:1.4;margin:10px 0 0;max-width:60ch}
.row-controls{display:flex;gap:7px}
.row-control{width:44px;height:44px;border:1px solid var(--channel-line);background:transparent;color:var(--channel-muted);cursor:pointer}
.row-control:hover,.row-control:focus-visible{border-color:var(--channel-gold);color:var(--channel-paper);outline:none}
.row-control:disabled{opacity:.45;cursor:default}
.row-control:disabled:hover{border-color:var(--channel-line);color:var(--channel-muted)}
.card-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(300px,31vw,440px);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#4a4640 transparent;padding:0 clamp(22px,5vw,80px) 18px}
.channel-card{position:relative;display:grid;grid-template-rows:88px 1fr;min-height:590px;border:1px solid var(--channel-line);background:#11110f;color:var(--channel-paper);text-decoration:none;scroll-snap-align:start;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.channel-card:hover,.channel-card:focus-within{transform:translateY(-3px);border-color:#746449}
.card-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.card-signal{position:relative;overflow:hidden;background:var(--signal-bg,#28251f);border-bottom:1px solid var(--channel-line)}
.card-signal:before,.card-signal:after{content:"";position:absolute;border:1px solid var(--channel-gold);opacity:.68}
.card-signal:before{width:120px;height:120px;border-radius:50%;right:9%;top:-64px}
.card-signal:after{width:58%;height:1px;left:9%;top:54%;border-width:1px 0 0;transform:rotate(var(--signal-angle,-8deg));transform-origin:left}
.card-copy{display:grid;grid-template-rows:3rem 5.8rem 3.9rem 4.3rem minmax(7.8rem,1fr) 5.6rem 2.3rem;padding:22px}
.card-meta{align-self:start;font-size:.75rem;line-height:1.35;letter-spacing:.07em;text-transform:uppercase;color:var(--channel-gold)}
.channel-card h3{align-self:start;font:400 clamp(1.45rem,2vw,2.05rem)/1.08 var(--serif);letter-spacing:-.025em;margin:4px 0 0}
.card-creator{align-self:start;color:#c0b7a9;font-size:.82rem;line-height:1.4;margin:0}
.card-stance{align-self:start;color:var(--channel-muted);font-size:.76rem;line-height:1.35;margin:0}
.card-note,.card-opening{color:#c0b7a9;font:400 .91rem/1.43 var(--serif);margin:0}
.card-opening{padding-top:14px}
.card-note span,.card-opening span{display:block;color:#b6aa96;font:600 .75rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.card-action{align-self:end;font-size:.75rem;letter-spacing:.1em;color:var(--channel-paper)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.channel-card:hover .card-action,.channel-card:focus-within .card-action{color:var(--channel-gold)}
.work-dialog{width:min(960px,calc(100% - 32px));max-height:min(88vh,900px);padding:0;border:1px solid #554a37;background:#11110f;color:var(--channel-paper);box-shadow:0 28px 90px #000b;overflow-y:auto}
.work-dialog::backdrop{background:rgba(0,0,0,.78)}
.work-dialog-inner{position:relative;padding:clamp(28px,5vw,64px)}
.work-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid var(--channel-line);background:transparent;color:var(--channel-paper);font-size:1.5rem;cursor:pointer}
.work-close:hover{border-color:var(--channel-gold)}
.work-dialog h2{max-width:720px;margin:14px 48px 12px 0;font:400 clamp(2.2rem,5vw,4.4rem)/1.04 var(--serif);letter-spacing:-.035em}
.work-creator{margin:0;color:var(--channel-muted);font-size:.9rem;line-height:1.5}
.work-panels{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:clamp(24px,5vw,60px);margin-top:clamp(34px,5vw,56px)}
.work-panels h3{margin:0 0 18px;color:var(--channel-gold);font-size:.73rem;letter-spacing:.14em;text-transform:uppercase}
.work-entry>p{margin:0;color:var(--channel-paper);font:400 clamp(1.1rem,2vw,1.42rem)/1.52 var(--serif)}
.work-prompt{margin-top:32px;padding-top:22px;border-top:1px solid var(--channel-line)}
.work-prompt span{display:block;margin-bottom:10px;color:var(--channel-gold);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}
.work-prompt p,.work-access p{margin:0;color:#c0b7a9;font-size:.91rem;line-height:1.55}
.work-access{padding-left:clamp(22px,3vw,38px);border-left:1px solid var(--channel-line)}
.work-access p+p{margin-top:18px}
.work-access a{display:inline-flex;align-items:center;min-height:44px;margin-top:26px;color:var(--channel-paper);text-decoration:none;border-bottom:1px solid var(--channel-gold);font-size:.86rem}
.work-access a:hover{color:var(--channel-gold)}
.work-credit{margin:44px 0 0;padding-top:18px;border-top:1px solid var(--channel-line);color:var(--channel-muted);font-size:.78rem;line-height:1.5}
body.channels-page:has(.work-dialog[open]){overflow:hidden}
@media(max-width:850px){
 .channels-topbar{grid-template-columns:1fr auto}.channels-kicker{display:none}
 .channels-intro{padding-top:58px}
 .card-rail{grid-auto-columns:clamp(280px,55vw,430px)}
 .row-heading p{max-width:48ch}
}
@media(max-width:560px){
 .channels-intro h1{font-size:clamp(3rem,16vw,4.6rem);letter-spacing:-.055em}
 .channels-intro>p:last-child{max-width:34ch}
 .channel-filter{display:block}
 .filter-label{display:block;margin-bottom:10px}
 .row-heading{align-items:center}
 .row-controls{display:none}
 .card-rail{grid-auto-columns:82vw;gap:10px;padding-right:9vw}
 .channel-card{min-height:620px}
 .card-copy{grid-template-rows:3rem 6.2rem 4.4rem 4.6rem minmax(8.2rem,1fr) 6rem 2.3rem;padding:20px}
 footer{align-items:flex-start;gap:16px;flex-direction:column}
 .work-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
 .work-dialog-inner{padding:26px 22px 32px}
 .work-close{top:14px;right:14px}
 .work-dialog h2{margin-right:42px}
 .work-panels{grid-template-columns:1fr;gap:30px}
 .work-access{padding:24px 0 0;border-left:0;border-top:1px solid var(--channel-line)}
 .work-credit{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.channel-card{transition:none}}
.channels-page :focus-visible{outline:3px solid var(--channel-gold);outline-offset:4px}