/* Frequency homepage (2026, pass "e": player layer split into player-2026.css). Page-scoped classes: fq-hero, fq-band, fq-voices, fq-host, fq-subs. */
/* Hero */
.fq-hero__grid{display:grid;gap:var(--s7);padding-block:var(--s7) var(--s8)}
.fq-h1{margin-top:var(--s4);font-size:clamp(2.25rem,11vw,5.5rem);line-height:1.02;letter-spacing:-.02em;font-weight:500}
.fq-h1>span{display:block}
.fq-h1__hi{color:var(--signal)}
.fq-lede{margin-top:var(--s5);max-width:48ch;font-size:var(--t-lede);line-height:1.55;color:var(--paper-2)}
.fq-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.fq-actions .fq-btn{white-space:normal;text-align:left}
.fq-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s5);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line)}
.fq-facts dt{font:400 var(--t-label)/1.4 var(--f-text);color:var(--mist)}
.fq-facts dd{margin-top:var(--s1);font:700 var(--t-body)/1.35 var(--f-text)}
.fq-hero__media{position:relative;align-self:end;max-width:520px;width:100%;justify-self:center}
.fq-hero__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.fq-eq{position:absolute;left:var(--s4);bottom:var(--s4);width:96px;height:96px;padding:var(--s3);background:rgb(14 14 12/.85);fill:var(--signal)}
@media (min-width:768px){.fq-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){
  .fq-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5);padding-block:var(--s8) var(--s9);align-items:end}
  .fq-hero__copy{grid-column:1/span 7}
  .fq-h1{font-size:clamp(3.75rem,6.4vw,6.25rem)}
  .fq-hero__media{grid-column:9/span 4;justify-self:end}
}


/* Tuning band: the original topic ticker, held still on a dial scale */
.fq-band{border-block:1px solid var(--line);background:var(--ink-2)}
.fq-band__in{position:relative;height:56px;display:flex;align-items:center;
  background-image:repeating-linear-gradient(90deg,var(--line-ui) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,var(--mist) 0 1px,transparent 1px 80px);
  background-size:100% 8px,100% 16px;background-repeat:no-repeat;background-position:0 0,0 0;background-origin:content-box;background-clip:content-box}
.fq-band ol{display:flex;justify-content:space-between;width:100%;padding-top:var(--s3)}
.fq-band li{font:600 var(--t-label)/1 var(--f-text);color:var(--mist)}
.fq-band li:first-child{color:var(--signal)}
.fq-band__needle{position:absolute;top:0;bottom:0;left:calc(var(--gutter) + 28px);width:2px;background:var(--signal)}
@media (max-width:599px){.fq-band li:nth-child(n+5){display:none}}

/* Guests: one quote up front, five in a list */
.fq-voices{padding-block:var(--s8);border-top:1px solid var(--line);background:var(--ink-2)}
.fq-voices__grid{display:grid;gap:var(--s7)}
.fq-feature{border-left:3px solid var(--signal);padding-left:var(--s5)}
.fq-feature__q p{font:500 clamp(1.625rem,1.2rem + 1.5vw,2.375rem)/1.2 var(--f-display);letter-spacing:-.01em}
.fq-feature figcaption{margin-top:var(--s5);display:flex;flex-direction:column;gap:var(--s1)}
.fq-feature figcaption a{display:inline-flex;align-items:center;min-height:44px;width:fit-content;font:700 var(--t-item)/1.2 var(--f-text);color:var(--signal);text-underline-offset:6px}
.fq-feature figcaption span{color:var(--mist);font-size:var(--t-small);line-height:1.5}
.fq-guests{border-top:1px solid var(--line-ui)}
.fq-guest{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);padding-block:var(--s4);border-bottom:1px solid var(--line)}
.fq-guest__link{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--s4);align-items:center;text-decoration:none;min-height:72px}
.fq-guest__img{grid-row:1/span 2}
.fq-guest__img img{width:72px;height:72px;object-fit:cover}
.fq-guest__name{align-self:end;font:700 1.25rem/1.25 var(--f-text)}
.fq-guest__role{align-self:start;font-size:var(--t-small);line-height:1.4;color:var(--mist)}
.fq-guest__link:hover .fq-guest__name{color:var(--signal)}
.fq-guest__q p{font:500 1.25rem/1.4 var(--f-display);color:var(--paper-2)}
.fq-guest__ep{font:400 var(--t-small)/1.4 var(--f-text);color:var(--mist);white-space:nowrap}
@media (min-width:768px){
  .fq-guest{grid-template-columns:minmax(0,6fr) minmax(0,6fr) auto;gap:var(--s5);align-items:center}
}
@media (min-width:1024px){
  .fq-voices__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5)}
  .fq-feature{grid-column:1/span 4;align-self:start;position:sticky;top:104px}
  .fq-guests{grid-column:6/span 7}
}

/* Host */
.fq-host{padding-block:var(--s8)}
.fq-host__grid{display:grid;gap:var(--s6);align-items:center}
.fq-host__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fq-host__copy p:not(.fq-eyebrow){margin-top:var(--s4);max-width:60ch;font-size:var(--t-body);line-height:1.65;color:var(--paper-2)}
.fq-host__copy .fq-h2{margin-top:var(--s3)}
.fq-host__copy .fq-note{color:var(--mist);font-size:var(--t-small)}
.fq-host__copy .fq-btn{margin-top:var(--s5)}
@media (min-width:1024px){.fq-host__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5)}.fq-host__media{grid-column:1/span 6}.fq-host__copy{grid-column:7/span 6;padding-left:var(--s6)}}

/* Subscribe: nine presets on paper */
.fq-subs{background:var(--paper);color:var(--ink)}
.fq-subs__grid{display:grid;gap:var(--s6);padding-block:var(--s8)}
.fq-subs .fq-eyebrow{color:var(--ink-mute)}
.fq-subs__copy .fq-h2{margin-top:var(--s3)}
.fq-subs__copy p:not(.fq-eyebrow){margin-top:var(--s4);max-width:40ch;font-size:var(--t-body);line-height:1.6;color:var(--ink-mute)}
.fq-subs__copy .fq-btn{margin-top:var(--s5)}
.fq-subs :focus-visible{outline-color:var(--ink)}
.fq-presets{display:grid;border-top:2px solid var(--ink)}
.fq-preset{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--s3);padding:var(--s4) var(--s3) var(--s4) 0;border-bottom:1px solid rgb(14 14 12/.18);text-decoration:none;min-height:72px}
.fq-preset::after{content:"";position:absolute;inset:0 0 -1px;border:2px solid var(--ink);opacity:0;pointer-events:none}
.fq-preset:hover::after,.fq-preset:focus-visible::after{opacity:1}
@media (prefers-reduced-motion:no-preference){.fq-preset::after{transition:opacity .2s ease}}
.fq-preset__no{grid-row:1/span 2;padding-left:var(--s2);padding-top:3px;font-size:var(--t-small);font-weight:700;color:var(--ink-mute)}
.fq-preset__name{font:700 1.25rem/1.3 var(--f-text)}
.fq-preset__blurb{margin-top:var(--s1);font-size:var(--t-small);line-height:1.5;color:var(--ink-mute)}
@media (min-width:768px){.fq-presets{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s5)}}
@media (min-width:1024px){.fq-subs__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5)}.fq-subs__copy{grid-column:1/span 4}.fq-presets{grid-column:6/span 7}}