/* Supporting pages share the existing ink, champagne and quiet typography. */
.editorial-header { padding: clamp(140px, 17vw, 200px) 0 70px; background: var(--ink); }
.editorial-header h1 { max-width: 900px; font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(2.8rem, 6vw, 5.4rem); font-weight: 300; line-height: 1.06; letter-spacing: -.02em; text-transform: none; color: var(--text-hi); margin: 20px 0; }
.editorial-header p { max-width: 680px; color: var(--text); line-height: 1.85; }
.editorial-header .eyebrow { display: block; }
.editorial-meta { color: var(--text-dim); font-size: .8rem; }
.editorial-body { padding: 0 0 100px; background: var(--ink); }
.reading-column { max-width: 740px; margin: 0 auto; }
.reading-column h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.6rem); text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--text-hi); margin: 2.7rem 0 1rem; }
.reading-column p, .reading-column li { color: var(--text); line-height: 1.95; font-size: 1.03rem; }
.reading-column p { margin-bottom: 1.3rem; }
.reading-column ul { padding-left: 1.3rem; }
.reading-column a, .editorial-card a, .song-section a, .service-section a:not(.cta-button) { color: var(--gold-bright); text-underline-offset: 5px; }
.editorial-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.editorial-card { padding: 32px 0; border-top: 1px solid var(--line); }
.editorial-card h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2rem; line-height: 1.2; font-weight: 400; letter-spacing: 0; text-transform: none; }
.editorial-card h2 a { color: var(--text-hi); text-decoration: none; }
.editorial-card p { color: var(--text); line-height: 1.85; }
.editorial-card .eyebrow { font-size: .65rem; margin-bottom: 1.4rem; }
.music-video { aspect-ratio: 16 / 9; width: 100%; display: block; border: 1px solid var(--line); margin-top: 2rem; }
.performance-quote { max-width: 740px; margin: 0 auto; padding: 2.4rem 0; border-block: 1px solid var(--gold-line); }
.performance-quote blockquote { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(1.5rem, 2.7vw, 2rem); color: var(--text-hi); line-height: 1.55; margin: 0 0 1rem; }
.performance-quote figcaption { color: var(--text-dim); font-size: .8rem; }
.song-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 70px; }
.song-section h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2rem; letter-spacing: 0; text-transform: none; font-weight: 400; color: var(--text-hi); }
.song-list { list-style: none; padding: 0; margin: 1.5rem 0; }
.song-list li { padding: 13px 0; border-bottom: 1px solid var(--line); }
.song-title { color: var(--text-hi); display: block; line-height: 1.5; }
.song-artist { color: var(--text-dim); font-size: .8rem; }
.review-panel { max-width: 650px; padding-bottom: 6rem; }
.review-panel p { color: var(--text); line-height: 1.9; }
.review-qr { display: block; width: 180px; height: 180px; margin: 2.4rem 0; background: white; padding: 12px; }
.field-hint { color: var(--text-dim); font-size: .78rem; line-height: 1.5; }
.skip-link { position: absolute; top: 10px; left: 10px; transform: translateY(-180%); z-index: 2000; padding: 12px 20px; background: var(--ink); color: var(--gold-bright); }
.skip-link:focus { transform: translateY(0); }
.nav-toggle:focus-visible { outline: 2px solid var(--gold); outline-offset: 8px; }
@media (max-width: 760px) {
  .editorial-cards, .song-sections { grid-template-columns: 1fr; gap: 20px; }
  .editorial-header { padding-top: 130px; }
  .editorial-header h1 { font-size: clamp(2.5rem, 10vw, 3.5rem); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }

button.nav-toggle { border: 0; background: transparent; padding: 0; color: inherit; }
