.about-hero {
  padding-top: var(--space-40);
}

.about-hero__layout {
  align-items: center;
  gap: var(--space-20);
}

.about-hero__content p {
  max-width: 36rem;
}

.about-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
}

.about-section__layout {
  align-items: center;
  gap: var(--space-20);
}

.about-section__layout--reverse {
  align-items: center;
  gap: var(--space-20);
}

.about-section__header {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.about-section__image {
  max-height: 420px;
}

.about-section__text--compact h3 {
  margin-top: var(--space-12);
}

.about-atmosphere__grid,
.about-safety__grid,
.about-nav-cta__grid {
  align-items: stretch;
}

.about-safety__content {
  max-width: 1120px;
}

.about-safety__cta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-6);
}

.about-nav-cta__item {
  display: block;
  height: 100%;
}

.about-atmosphere__visual {
  margin-top: var(--space-20);
  max-height: 420px;
}

@media (max-width: 768px) {
  .about-hero {
    padding-top: var(--space-32);
  }

  .about-hero__cta,
  .about-safety__cta {
    flex-direction: column;
    align-items: stretch;
  }

  .about-section__image,
  .about-atmosphere__visual {
    max-height: 320px;
  }
}