/* Who we are: responsive layout using the shared site theme. */
.about-hero { text-align: center; }
.about-hero h1 { margin: 0; color: white; }
.about-intro { text-align: center; padding-block: 40px; }
.about-intro .eyebrow { color: var(--color-burgundy); font-size: 24px; }
.about-intro h2 { max-width: 1050px; margin: 0 auto; color: var(--color-blue); }
.about-story { background: #ececec; }
.about-photo { width: 100%; max-width: 520px; height: auto; aspect-ratio: 480 / 408; object-fit: cover; border-radius: 23px; justify-self: center; }
.about-story p { margin: 0; }
.about-profile .split-layout { grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); }
.about-profile-logo { width: 238px; height: 238px; object-fit: contain; justify-self: center; }
.about-profile .eyebrow { font-size: 24px; }
.about-profile h2 { font-size: clamp(26px, 3vw, 40px); overflow-wrap: break-word; }
.about-profile #zkKe-c { color: #ececec; }
.about-profile .button { border-radius: 5px; font-size: 16px; }
.about-profile .button:hover { background: var(--color-burgundy); border-color: var(--color-burgundy); }
.about-description { text-align: center; }
@media (max-width: 760px) {
  .about-profile .split-layout { grid-template-columns: minmax(0, 1fr); }
  .about-intro .eyebrow, .about-profile .eyebrow { font-size: 20px; }
  .about-story .section-copy { text-align: center; }
  .about-photo { max-width: 480px; aspect-ratio: 328 / 320; }
  .about-profile .eyebrow, .about-profile h2 { text-align: center; }
}