@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{position:relative;z-index:2;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{position:absolute;top:100%;left:0;width:100%;padding:.3rem 0 .5rem;background:#060709}
.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}


.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:.5;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}}

/* Calm radio level in the existing Chapter 3 rule; no change to layout. */
.chapter-rule{position:relative}
.chapter-rule.is-meter{background:linear-gradient(to right,#525d6c26,transparent)}
.chapter-rule.is-meter::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--radio-level,55%);background:linear-gradient(to right,#525d6c,transparent);transition:width 60ms linear}
@media(prefers-reduced-motion:reduce){.chapter-rule.is-meter{background:linear-gradient(to right,#525d6c,transparent)}.chapter-rule.is-meter::after{display:none}}