/* editorial blog article */
.editorial-page{background:#f7f7f4;color:#171714}
.editorial{padding:15vh clamp(18px,5vw,80px) 10vh}
.editorial-hero{max-width:1250px;margin:0 auto}
.editorial-kicker{color:#90908b;font-size:14px;margin-bottom:28px}
.editorial-hero h1{font-size:clamp(72px,13vw,190px);font-weight:400;line-height:.78;letter-spacing:-.075em;margin:0 0 45px}
.editorial-byline{color:#90908b;font-size:14px;margin:0 0 18px}.editorial-dek{font-size:clamp(22px,3vw,42px);line-height:1;letter-spacing:-.045em;max-width:700px;margin:0 0 10vh}
.editorial-image{margin:0}
/* Keep interview photos & their captions separated from surrounding paragraphs. */
.qa > .editorial-image{margin:5vh 0 6vh}
.qa > .editorial-image + p{margin-top:0}
.editorial-image img{display:block;width:100%;height:auto}
.editorial-image figcaption{font-size:12px;color:#90908b;margin-top:10px}
.editorial-image-wide{width:min(100%,1100px);margin-left:auto;margin-right:auto}
.editorial-image-discord{margin-bottom:5vh}
.editorial-image-medium{width:min(72%,760px);margin:8vh auto}
.editorial-image-small{width:min(55%,520px);margin:8vh auto}
.editorial-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(100%,1100px);margin:10vh auto}

.editorial-intro{width:min(100%,900px);margin:15vh auto;font-size:clamp(28px,4vw,54px);line-height:1;letter-spacing:-.055em}
.editorial-intro p{margin:0 0 28px}

.editorial-interview{width:min(100%,900px);margin:0 auto}
.editorial-section{border-top:1px solid #d9d9d3;padding:11vh 0}
.editorial-section>h2{font-size:clamp(34px,5vw,68px);font-weight:400;line-height:.9;letter-spacing:-.06em;margin:0 0 8vh}
.qa{margin:0 0 7vh}
.qa:last-child{margin-bottom:0}
.qa h3{font-size:clamp(20px,2.3vw,31px);font-weight:700;line-height:1.02;letter-spacing:-.035em;margin:0 auto 28px}
.qa h3:before{content:"c. ";color:#90908b}
.qa p{max-width:760px;font-size:clamp(20px,2.15vw,29px);font-weight:300;line-height:1.14;letter-spacing:-.025em;margin:0 0 22px}
.qa p:last-child{margin-bottom:0}

.editorial-ending{padding-bottom:5vh}
.final-qa{margin-top:2vh}
.editorial-final-line{text-align:center;font-size:clamp(42px,7vw,100px);line-height:.85;letter-spacing:-.07em;margin:14vh 0 3vh}
.editorial-back{display:block;width:max-content;margin:7vh auto 0;color:#90908b;font-size:14px;text-decoration:none}
.editorial-back:hover{color:#171714}

@media(max-width:700px){
  .editorial{padding-top:12vh}
  .editorial-hero h1{font-size:clamp(60px,18vw,110px)}
  .editorial-dek{margin-bottom:7vh}
  .editorial-intro{margin:10vh auto}
  .editorial-section{padding:8vh 0}
  .editorial-section>h2{margin-bottom:6vh}
  .editorial-image-medium,.editorial-image-small{width:100%}
  .editorial-image-pair{grid-template-columns:1fr;gap:30px;margin:8vh auto}
  .qa{margin-bottom:6vh}
  .qa > .editorial-image{margin:4vh 0 5vh}
  .qa h3{margin-bottom:22px}
  .qa p{line-height:1.18}
  .editorial-final-line{margin-top:10vh}
}

.editorial-speaker-label{color:#90908b;font-weight:700;margin-right:.18em}

/* Closing interviewer prompt matches the bold question styling. */
.editorial-thanks h3{font-weight:700}


/* Interview soundtrack — match the discreet fixed player on the main site. */
.interview-audio-player{position:fixed;left:20px;bottom:20px;z-index:1000;display:flex;align-items:center;gap:9px;font-size:11px;color:inherit;mix-blend-mode:difference}
.interview-audio-toggle{width:25px;height:25px;flex:0 0 25px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer}
.interview-audio-title{white-space:nowrap;max-width:min(260px,65vw);overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.interview-audio-player{left:12px;bottom:12px}.interview-audio-title{max-width:180px}}