/* Contact section uses a separate stylesheet so it is not affected by stale shared-CSS caches. */
.contact-section { padding-block: 58px; color: #18313d; background: #e1f0ee; }
.contact-section-layout { display: grid; grid-template-columns: minmax(0, .94fr) minmax(500px, 1.06fr); align-items: center; gap: 78px; }
.contact-section h2 { margin-top: 15px; font-family: Georgia, "Times New Roman", serif; font-size: 49px; font-weight: 400; letter-spacing: -.055em; line-height: 1.06; }
.contact-section h2 em { color: #187b75; font-weight: 400; }
.contact-section-layout > div:first-child > p:not(.eyebrow) { max-width: 440px; margin-top: 20px; color: #586c74; font-size: 16px; line-height: 1.7; }
.contact-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 158px; overflow: hidden; border: 1px solid #bfdbd7; border-radius: 15px; background: #fff; }
.contact-channel { display: flex; flex-direction: column; align-items: flex-start; padding: 25px; color: #18313d; transition: background .2s; }
.contact-channel + .contact-channel { border-left: 1px solid #dce5e3; }
.contact-channel:hover, .contact-channel:focus-visible { background: #f6fbfa; }
.contact-channel-label { color: #187b75; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.contact-channel strong { margin-top: 13px; overflow-wrap: anywhere; font-size: 16px; letter-spacing: -.025em; }
.contact-channel-action { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 19px; color: #187b75; font-size: 12px; font-weight: 800; }
.contact-channel-action .icon { width: 16px; height: 16px; }

@media (max-width: 960px) {
  .contact-section-layout { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 760px) {
  .contact-section { padding-block: 52px; }
  .contact-section h2 { font-size: 43px; }
  .contact-card { grid-template-columns: 1fr; min-height: auto; }
  .contact-channel { min-height: 130px; padding: 22px; }
  .contact-channel + .contact-channel { border-top: 1px solid #dce5e3; border-left: 0; }
}