.article-main { width:min(calc(100% - 72px),var(--max)); margin-inline:auto; }
.interview-article { width:min(100%,820px); margin-inline:auto; padding:clamp(86px,12vw,160px) 0 130px; }
.article-header { text-align:center; }
.article-kicker { margin:0 0 18px; color:var(--muted); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }
.article-title { max-width:780px; margin:0 auto; font-size:clamp(2.2rem,5vw,5.2rem); font-weight:400; letter-spacing:-.065em; line-height:1.02; }
.article-title-line { display:block; }
.article-title-phrase { display:inline; }
.article-title-keep { white-space:nowrap; }
.article-lead { width:min(100%,680px); margin:34px auto 0; color:var(--muted); font-size:1rem; line-height:1.9; text-align:left; }
.article-hero { margin:clamp(42px,7vw,86px) 0 0; }
.article-hero img { display:block; width:100%; height:auto; }
.article-caption { margin:12px 0 0; color:var(--muted); font-size:.72rem; line-height:1.6; text-align:left; }
.article-body { width:min(100%,680px); margin:clamp(72px,10vw,120px) auto 0; }
.article-qa + .article-qa { margin-top:clamp(54px,7vw,86px); }
.article-qa h2 { margin:0 0 22px; font-size:clamp(1.25rem,2.2vw,1.75rem); font-weight:400; letter-spacing:-.035em; line-height:1.35; }
.article-qa p { margin:0; font-size:1rem; line-height:2; }
.article-qa p + p { margin-top:1.35em; }
.article-info { margin-top:clamp(68px,9vw,110px); padding-top:28px; border-top:1px solid var(--line); }
.article-info h2 { margin:0 0 18px; font-size:1.1rem; font-weight:400; letter-spacing:.04em; }
.article-info p { margin:0; line-height:1.9; }
.article-info ol { margin:12px 0 0; padding-left:1.35em; line-height:1.9; }
.article-back { display:inline-block; margin-top:44px; color:var(--muted); font-size:.8rem; letter-spacing:.05em; text-decoration:underline; text-underline-offset:5px; }
.article-back:hover { color:var(--ink); }
@media (max-width:760px) {
  .article-main { width:min(calc(100% - 36px),var(--max)); }
  .interview-article { padding:72px 0 92px; }
  .article-kicker { font-size:.62rem; letter-spacing:.11em; }
  .article-title { font-size:clamp(2rem,10vw,3.3rem); }
  .article-title-phrase { display:block; }
  .article-lead { margin-top:28px; font-size:.93rem; line-height:1.85; }
  .article-body { margin-top:68px; }
  .article-qa h2 { margin-bottom:18px; font-size:1.22rem; }
  .article-qa p { font-size:.96rem; line-height:1.9; }
}
