/* Source-backed headlines keep the existing landscape and quiet typography. */
.hero h1.revival-title {
  display: block;
  margin: 23px auto 32px;
  font-size: clamp(34px, 4.1vw, 58px);
  line-height: 1.55;
  letter-spacing: .045em;
  text-wrap: balance;
}
.hero h1.revival-title span { display: block; writing-mode: horizontal-tb; }
.hero .hero-title { top: 18%; }
@media (min-width: 701px) {
  html[lang="en"] .scene-hero .hero-title {
    top: 50%;
    transform: translateY(-50%);
  }
}
html[lang="en"] .hero h1.revival-title {
  font-size: clamp(30px, 3.5vw, 50px);
  line-height: 1.28;
  letter-spacing: .005em;
}
#about-title.revival-title {
  font-size: clamp(36px, 4.3vw, 58px);
  line-height: 1.55;
  text-wrap: balance;
}
#about-title.revival-title span { display: block; }
html[lang="en"] #about-title.revival-title { line-height: 1.3; letter-spacing: 0; }
.about-cover-copy > p:first-child { font: 19px/2 var(--serif); }
.performance-feature { grid-template-rows: auto auto; align-content: center; align-items: center; }
.performance-feature .chapter-header { align-self: end; }
.performance-feature .performance-copy { align-self: start; }
.performance-feature .chapter-header h2 { text-wrap: balance; }
.sy-art header .quiet-link { margin-top: 22px; }
.sy-art-reading h3 a { display: flex; align-items: baseline; gap: 20px; }
.sy-art-reading h3 a span { margin-left: auto; color: var(--gold-text); font: 16px/1 var(--sans); }
.sy-art-reading h3 a:hover { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.sy-feature > .topic-label:last-of-type { font: 13px/1.8 var(--sans); }
@media (max-width: 700px) {
  .hero h1.revival-title { font-size: clamp(34px, 8vw, 43px); margin-block: 22px 24px; }
  html[lang="en"] .hero h1.revival-title { font-size: clamp(32px, 8vw, 41px); max-width: 12em; }
  #about-title.revival-title { font-size: 36px; }
  .about-cover-copy > p:first-child { font-size: 17px; }
  .performance-feature { row-gap: 24px; }
  .sy-art-inner { gap: 28px; }
}