/* About page editorial composition */
body[data-helper-page] { background-color: #361c1b; color: #f4f1ed; }
body[data-helper-page] > main { display: block; width: 100%; min-width: 0; padding: 0 clamp(20px, 7vw, 112px) 5rem; background-color: #f5f1e8; color: #292321; }
main > .about-hero { min-height: 29rem; margin-inline: calc(clamp(20px, 7vw, 112px) * -1); padding: clamp(9rem, 15vw, 15rem) clamp(20px, 7vw, 112px) clamp(3.5rem, 7vw, 6rem); background: #361c1b; color: #f5f1e8; }
main > .about-hero h1 { max-width: 12ch; margin: 0 0 1.5rem; color: #f5f1e8; font-size: clamp(2.8rem, 7vw, 6.5rem); line-height: 1.03; letter-spacing: -.045em; }
main > .about-hero p { max-width: 68ch; margin: 0; font-size: clamp(1rem, 1.45vw, 1.25rem); line-height: 1.75; }
main > .about-section { max-width: 76rem; margin: 0 auto; padding: clamp(3rem, 7vw, 6.5rem) 0; border-bottom: 1px solid #d7cec2; }
main > .about-section:nth-of-type(even) { background-color: #eee7dc; }
main > .about-section h2 { max-width: 19ch; margin: 0 0 1.5rem; color: #361c1b; font-size: clamp(1.8rem, 4vw, 3.5rem); line-height: 1.12; letter-spacing: -.025em; }
main > .about-section h3 { margin: 1.75rem 0 .65rem; color: #694037; font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.3; }
main > .about-section p, main > .about-section li { max-width: 72ch; font-size: clamp(1rem, 1.3vw, 1.125rem); line-height: 1.8; }
main > .about-section p { margin: 0 0 1rem; }
main > .about-section a { color: #743b2f; text-decoration-thickness: .08em; text-underline-offset: .18em; }
main .page-map { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
main .page-map a, main a[role="button"], main button, main .explore-action, main .about-action { display: inline-flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .75rem 1.15rem; border: 0; border-radius: 999px; background-color: #b8432e; color: #fff; font: inherit; font-weight: 700; line-height: 1.35; text-decoration: none; }
main .page-map a { border: 1px solid #743b2f; background-color: #fffaf2; color: #542b24; }
main img { display: block; max-width: 100%; height: auto; border-radius: .75rem; }
main :focus-visible { outline: 3px solid #b8432e; outline-offset: 3px; }
main .about-hero { min-width: 0; }
main .about-hero-copy { min-width: 0; }
main .about-hero-figure { min-width: 0; }
main .about-index { min-width: 0; }
main .about-intro-note { min-width: 0; }
main .about-lede { min-width: 0; }
main .about-section { min-width: 0; }
main .about-section-band { min-width: 0; }
main .about-section-close { min-width: 0; }
main .about-section-context { min-width: 0; }
main .about-section-criteria { min-width: 0; }
main .about-section-external { min-width: 0; }
main .about-section-split { min-width: 0; }
main .band-copy { min-width: 0; }
main .band-marker { min-width: 0; }
main .boundary-card { min-width: 0; }
main .boundary-icon { min-width: 0; }
main .card-number { min-width: 0; }
main .closing-copy { min-width: 0; }
main .closing-mark { min-width: 0; }
main .context-card { min-width: 0; }
main .context-stamp { min-width: 0; }
main .criteria-card { min-width: 0; }
main .criteria-grid { min-width: 0; }
main .criteria-intro { min-width: 0; }
main .detail-list { min-width: 0; }
main .external-note { min-width: 0; }
main .eyebrow { min-width: 0; }
main .local-measurement-pixel { min-width: 0; }
main .page-map { min-width: 0; }
main .section-body { min-width: 0; }
main .section-heading { min-width: 0; }
main .text-link { min-width: 0; }
@media (max-width: 700px) {
  body[data-helper-page] > main { padding: 0 1.15rem 3rem; }
  main > .about-hero { min-height: 0; margin-inline: -1.15rem; padding: 8rem 1.15rem 3rem; }
  main > .about-hero h1 { font-size: clamp(2.65rem, 13vw, 4.5rem); }
  main > .about-section { padding: 3rem 0; }
  main > .about-section p, main > .about-section li { font-size: 1rem; }
  main .page-map { display: grid; grid-template-columns: 1fr; }
  main .page-map a, main a[role="button"], main button, main .explore-action, main .about-action { width: 100%; }
}