/* About us (page key: about) – page-only layout. */

.about-hero { padding-block: 60px 80px; }
.about-hero__content { text-align: center; max-width: 500px; margin-inline: auto; }
.about-hero__title { margin-bottom: 20px; }
.about-hero__text p { margin-bottom: 0; }
.about-hero__videos { max-width: 520px; margin-inline: auto 0; width: 100%; }

.about-story__intro { margin-bottom: 20px; }
.about-story__image { max-width: 560px; }
.about-story__content { text-align: center; max-width: 480px; margin-inline: auto; }
.about-story__content .h3 { margin-bottom: 30px; }
.about-story .timeline__text { font-size: var(--fs-body); line-height: 1.6; }

@media (max-width: 767px) {
  .about-hero { padding-block: 32px 48px; }
  .about-hero__videos { margin-inline: auto; }
  .about-story__intro { margin-bottom: 48px; }
  .about-story__image { padding: 32px 0 32px 24px; }
}