@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url("./fonts/montserrat-light.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/montserrat-bold.ttf") format("truetype")}
.masthead{position:absolute;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1rem,3vw,2.5rem);right:1rem}
.brand{transform:scale(.5);transform-origin:top left;display:inline-flex;align-items:center;gap:1em;max-width:100%;font-family:Montserrat,sans-serif;font-size:clamp(10px,2.8vw,16px);text-decoration:none;color:#bcc3cc}
.brand-star{flex:none;width:1.5em;height:1.5em;background:#c81025;clip-path:polygon(50% 0%,61.23% 34.55%,97.55% 34.55%,68.16% 55.9%,79.39% 90.45%,50% 69.1%,20.61% 90.45%,31.84% 55.9%,2.45% 34.55%,38.77% 34.55%)}
.brand-initials{font-size:3em;font-weight:700;letter-spacing:.12em;line-height:1;color:#bcc3cc}
.brand-divider{flex:none;width:1px;height:2.6em;background:#c81025}
.brand-name{display:flex;flex-direction:column;gap:.25em;font-size:1em;font-weight:300;letter-spacing:.22em;line-height:1.25}
.brand-line{display:block;white-space:nowrap}
.brand-reversed-k{display:inline-block;letter-spacing:0;margin-right:.22em;transform:scaleX(-1)}
.brand:focus-visible{outline:1px solid #bcc3cc;outline-offset:8px}
@media(max-height:500px){.radio{padding-top:8rem}.masthead{position:relative;top:auto;left:auto;right:auto;margin:1.25rem 1rem 0}.radio{min-height:70svh}}

.chapter{width:min(15rem,100%);margin-top:-.65rem;font-family:Montserrat,sans-serif}
.chapter-toggle{display:flex;align-items:center;gap:.8rem;width:100%;height:2rem;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#818b98;font-family:inherit;font-size:.55rem;font-weight:300;letter-spacing:.22em;text-align:left}
.chapter-toggle::before{content:"";width:.75rem;height:1px;background:#525d6c}
.chapter-rule{flex:1;height:1px;background:linear-gradient(to right,#525d6c,transparent)}
.chapter-toggle:hover{background:transparent;color:#bcc3cc}
.chapter-toggle:focus-visible{outline:1px solid #778395;outline-offset:3px}
#chapter-symbol{font-size:.9rem;font-weight:300;letter-spacing:0;width:.65rem;text-align:center}
.chapter-panel{padding-top:.3rem}
.chapter-panel[hidden]{display:none}
.chapter-panel video{display:block;width:100%;aspect-ratio:16/9;background:#060709;object-fit:contain;border:0}
.chapter-slogan{margin:.75rem 0 0;text-align:center;font-size:.5rem;font-weight:300;letter-spacing:.3em;line-height:1.7;color:#d5d9df}

@media(max-height:720px){
  .chapter-open .masthead{position:relative;top:auto;left:auto;right:auto;margin:clamp(1.25rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem) 0}
  .chapter-open .radio{min-height:65svh;padding:3rem 1.5rem 5rem}
  .chapter-open .sound-policy{position:static;padding:1.5rem}
}

.chapter-slogan{display:flex;align-items:center;justify-content:center;gap:.35rem}
.chapter-audio{display:inline-flex;align-items:center;gap:.25rem;flex:none;width:auto;height:1.75rem;margin:0;padding:0 .15rem;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit}
.chapter-audio:hover{background:transparent;color:#fff}
.chapter-audio svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.chapter-audio svg [hidden]{display:none}

.partner-credits{position:fixed;left:clamp(1rem,3vw,2.5rem);bottom:max(1.5rem,env(safe-area-inset-bottom));display:flex;align-items:flex-start;gap:1.1rem}
.partner-credit{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;color:#bcc3cc;text-decoration:none;opacity:.6;transition:opacity 200ms ease}
.partner-credit-label{font-family:Montserrat,sans-serif;font-size:.4375rem;font-weight:300;letter-spacing:.24em;line-height:1.4;white-space:nowrap}
.partner-credit img{display:block;height:auto}
.airplay-credit img{width:58px}
.stereotool-credit img{width:110px}
.partner-credit:hover,.partner-credit:focus-visible{opacity:1}
.partner-credit:focus-visible{outline:1px solid #778395;outline-offset:6px}
@media(max-width:1100px){.sound-policy{bottom:max(6rem,calc(env(safe-area-inset-bottom) + 4.5rem))}}
@media(max-height:500px){.partner-credits{position:static;margin:0 0 1.5rem clamp(1rem,3vw,2.5rem)}}
@media(prefers-reduced-motion:reduce){.partner-credit{transition:none}}
@media(max-height:900px){.chapter-open .partner-credits{position:static;margin:0 0 1.5rem clamp(1rem,3vw,2.5rem)}}