.about-page { min-width: 0; }
.about-main { padding: 108px 24px 104px; color: #363125; }
.about-story { max-width: 962px; margin: 0 auto; text-align: center; }
.about-story h1 { margin: 0 0 57px; font: 70px/1 WildKind, serif; }
.about-story p { margin: 0 auto 68px; font: 700 32px/1.42 Mermaid, serif; }
.about-story p:last-child { margin-bottom: 0; }
.about-gallery { display: grid; gap: 24px; max-width: 962px; margin: 104px auto 0; }
.about-gallery picture, .about-gallery img { display: block; width: 100%; }

@media (min-width: 601px) and (max-width: 1023px) {
  .about-main { padding: 126px 44px 62px; }
  .about-story { max-width: 660px; }
  .about-story h1 { margin-bottom: 52px; font-size: 62px; }
  .about-story p { margin-bottom: 63px; font-size: 32px; line-height: 1.42; }
  .about-gallery { max-width: 576px; gap: 18px; margin-top: 99px; }
}

@media (max-width: 600px) {
  .about-main { padding: 61px 28px 36px; }
  .about-story { max-width: 345px; }
  .about-story h1 { margin-bottom: 48px; font-size: 44px; line-height: 1.12; }
  .about-story p { margin-bottom: 60px; font-size: 22px; line-height: 1.48; }
  .about-gallery { max-width: 342px; gap: 13px; margin-top: 78px; }
}