/* Readable text, natural wrapping and comfortable touch targets on small screens. */
@media (max-width: 760px) {
  .press-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; border: 0; background: transparent; }
  .press-card, .press-card-wide { grid-column: auto; min-width: 0; min-height: 0; padding: 26px 22px; border: 1px solid var(--line); }
  .press-card-featured { border-color: var(--wine); }
  .press-card blockquote, .press-card:not(.press-card-featured) blockquote {
    font-family: Georgia, 'Times New Roman', serif; font-size: 1.25rem; line-height: 1.6;
    font-weight: 400; letter-spacing: normal; overflow-wrap: anywhere; hyphens: auto;
  }
  .press-mark { font-family: Georgia, serif; margin-bottom: 12px; }
  .press-meta { flex-direction: column; gap: 6px; margin-top: 0; padding-top: 24px; font-size: .875rem; line-height: 1.6; letter-spacing: normal; text-transform: none; overflow-wrap: anywhere; }
  .press-source { width: fit-content; min-height: 44px; font-size: .9375rem; line-height: 1.5; padding: 8px 0; margin-top: 12px; }
  .press-heading { align-items: start; }
}
@media (max-width: 700px) {
  .header { gap: 10px; padding-inline: 5%; }
  .header .brand { font-size: clamp(24px, 7vw, 30px); }
  .language-control select { font-size: .875rem; min-height: 44px; max-width: 115px; }
  .header nav.open { max-height: calc(100dvh - 78px); overflow-y: auto; }
  .header nav a { min-height: 44px; white-space: normal; font-size: 1rem; }
  .menu { min-height: 44px; }
  .section { padding-inline: 6%; }
  .section-heading > p, .bio p, .hero-bottom p, .contact p, .stage-story-copy > p:not(.eyebrow), .concert-story > div > p:last-child { font-size: 1rem; line-height: 1.7; }
  .section-heading > p br { display: none; }
  .section-kicker, .eyebrow, .hero .eyebrow, .concert-story .eyebrow, .stage-story-copy .eyebrow, .portrait-interlude .eyebrow { font-size: .875rem; line-height: 1.5; letter-spacing: .08em; }
  h1, h2, h3, h4 { overflow-wrap: anywhere; }
  .event { grid-template-columns: minmax(0, 1fr) 44px; gap: 12px; }
  .event time { grid-column: 1 / -1; grid-row: auto; align-items: center; }
  .event time strong { font-size: 2rem; }
  .event time span, .event small { font-size: .875rem; line-height: 1.5; }
  .event > div:not(.venue) { grid-column: 1; min-width: 0; }
  .event h3 { font-size: 1.875rem; line-height: 1.2; margin-bottom: 10px; }
  .event p, .event .venue { font-size: 1rem; line-height: 1.6; }
  .event .venue { grid-column: 1; grid-row: auto; margin-top: 0; }
  .event > a { grid-column: 2; grid-row: 2; width: 44px; height: 44px; line-height: 40px; }
  .calendar-note { font-size: .875rem; line-height: 1.6; }
  .role { align-items: start; flex-direction: column; gap: 8px; }
  .role h4 { font-size: 1.125rem; }
  .role p, .role > span, .role .role-preparation { font-size: .9375rem; line-height: 1.6; text-align: left; }
  .role:hover { padding-left: 0; }
  .sacred { padding: 28px 22px; }
  .sacred p, .sacred ul { font-size: 1rem; line-height: 1.7; color: #f5e9ed; }
  .sacred li { overflow-wrap: anywhere; }
  .sacred li span { font-size: 1.0625rem; }
  .text-link { gap: 12px; min-height: 44px; align-items: center; font-size: .9375rem; }
  .photo-grid.performance-grid figcaption { flex-direction: column; gap: 4px; margin-top: 14px; }
  .performance-grid figcaption > div { min-width: 0; width: 100%; }
  .performance-grid figcaption strong { font-family: Georgia, serif; font-size: 1.375rem; line-height: 1.4; overflow-wrap: anywhere; }
  .performance-grid figcaption span { font-size: .9375rem; line-height: 1.6; }
  .performance-grid figcaption small, .stage-story figcaption small, .concert-story figcaption small { font-size: .875rem; line-height: 1.5; white-space: normal; }
  .stage-story figcaption, .concert-story figcaption { font-size: .9375rem; line-height: 1.6; }
  .show-resource > small { font-size: .875rem; }
  .recording-caption p, .recording-caption a { font-size: 1rem; line-height: 1.6; }
  .recording-caption h3 { font-family: Georgia, serif; font-size: 1.375rem; line-height: 1.5; letter-spacing: normal; }
  .email-row, .email-row .email { min-width: 0; max-width: 100%; }
  .email-row .email { display: block; overflow-wrap: anywhere; font-size: 1rem; line-height: 1.7; }
  .contact-aside { flex-wrap: wrap; }
  .contact-aside p, footer { font-size: .875rem; line-height: 1.6; }
  footer a { min-height: 44px; display: inline-flex; align-items: center; }
  .production-dialog { max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; }
  .production-top { gap: 12px; align-items: start; }
  .production-top h2 { font-size: 1.75rem; line-height: 1.25; }
  .production-close { flex-shrink: 0; min-width: 44px; min-height: 44px; }
  .production-bottom { flex-wrap: wrap; font-size: .875rem; gap: 8px; }
  .production-resources .production-trailer { min-width: 0; width: 100%; }
}