.masthead .contact-nav-link { padding-block: 6px; }
.masthead .contact-nav-link[aria-current="page"] { color: var(--accent); }
.contact-hero { background: var(--wash); padding-block: clamp(34px, 6vw, 85px); }
.contact-hero h1 { font-size: clamp(52px, 7vw, 100px); }
.contact-hero > .wrap > p { margin: 14px 0 28px; color: var(--body); font-size: clamp(17px, 2vw, 20px); }
.contact-options article { display: flex; flex-direction: column; align-items: start; }
.contact-options h2, .contact-directory h2 { font-size: clamp(26px, 3vw, 39px); }
.contact-options p { margin-bottom: 22px; overflow-wrap: anywhere; }
.contact-options .button { margin-top: auto; }
.contact-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; padding-block: clamp(30px, 5vw, 65px); }
.contact-directory h2 { margin-bottom: 10px; }
.contact-directory p, .contact-directory address { color: var(--body); font-style: normal; }
.contact-directory .text-link { margin-top: 6px; }
@media (min-width: 1121px) and (max-width: 1310px) {
  .masthead .bar { grid-template-columns: 1fr auto; padding-block: 10px; }
  .masthead .audience-nav { justify-self: end; }
  .masthead .client-nav { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 6px; }
}
@media (max-width: 760px) {
  .masthead .audience-nav { gap: clamp(8px, 3vw, 18px); }
  .masthead .booking-cta { padding-inline: 10px; }
  .contact-directory { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .masthead .audience-nav a { font-size: 12px; }
}