/* Shared alignment refinements for the localized About pages. */
.about-detail-hero {
  min-height: 350px;
  padding-top: 58px;
  padding-right: 20px;
  padding-bottom: 44px;
  padding-left: 20px;
}

.about-detail-hero > div {
  width: min(1240px, 100%);
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}

.about-detail-hero > div > * {
  max-width: 900px;
}

.about-detail-hero h1 {
  max-width: 820px;
  margin-top: 10px;
  margin-bottom: 14px;
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.02;
}

.about-detail-hero p:last-child {
  max-width: 720px;
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.45;
}

@media (max-width: 520px) {
  .about-detail-hero {
    min-height: 310px;
    padding: 48px 14px 34px;
  }

  .about-detail-hero h1 {
    font-size: clamp(34px, 11vw, 46px);
  }
}