/* Direct email and office locations. */
.contact-page .contact-layout {
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:80px;
  padding-block:90px 110px;
  border-top:0;
  align-items:center;
}
.contact-page .contact-intro h1 {
  font-size:clamp(42px,4.6vw,64px);
  line-height:1.12;
  letter-spacing:-.035em;
  margin:0 0 30px;
}
.contact-page .contact-intro>p {
  font-size:17px;
  line-height:1.7;
  margin:0 0 12px;
}
.contact-email {
  display:inline;
  color:var(--type-accent,var(--ink));
  font-size:inherit;
  font-weight:500;
  line-height:inherit;
  letter-spacing:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
.contact-email:hover { text-decoration-thickness:2px; }
.contact-email:focus-visible { outline:2px solid currentColor; outline-offset:7px; border-radius:2px; }
.contact-offices {
  display:grid;
  gap:32px;
  padding-left:42px;
  border-left:1px solid #52634838;
}
.contact-office h2 {
  margin:0 0 10px;
  font-size:21px;
  line-height:1.3;
  letter-spacing:-.02em;
}
.contact-office p,.contact-office address {
  margin:0;
  color:var(--type-muted,var(--muted));
  font-size:16px;
  font-style:normal;
  line-height:1.75;
}
@media(max-width:900px) {
  .contact-page .contact-layout { gap:40px; padding-block:65px 80px; }
  .contact-offices { padding-left:30px; }
}
@media(max-width:700px) {
  .contact-page .contact-layout { grid-template-columns:1fr; padding-block:42px 60px; gap:44px; }
  .contact-page .contact-intro h1 { font-size:42px; margin-bottom:24px; }
  .contact-page .contact-intro>p { font-size:16px; }
  .contact-offices { gap:28px; border-left:0; border-top:1px solid #52634838; padding:28px 0 0; }
  .contact-office h2 { font-size:20px; }
}