/* Information pages reuse the directory's existing palette and type. */
.info-main { max-width: 860px; padding-block: 70px 85px; }
.info-main h1 { font: 400 clamp(38px, 6vw, 58px)/1.12 var(--serif); letter-spacing: -1px; margin-bottom: 24px; }
.info-lead { font-size: 21px; line-height: 1.55; color: var(--forest); }
.info-main section { margin-top: 34px; }
.info-main h2 { font: 400 28px/1.25 var(--serif); margin-bottom: 14px; }
.info-main p { overflow-wrap: anywhere; }
.info-page .nav-links { flex-wrap: wrap; gap: 10px 22px; }
.info-page .footer-links { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.contact-address { font-weight: 650; }
@media (max-width: 580px) { .info-main { padding-block: 42px 55px; } .info-lead { font-size: 18px; } .info-page .site-header .container { padding-block: 18px; flex-wrap: wrap; gap: 18px; } .info-page .nav-links { width: 100%; justify-content: flex-start; } }