@media (max-width: 1120px) {
  body[data-page="about"] .about-story-section .official-about-grid {
    grid-template-columns: var(--about-story-copy-width) minmax(0, 1fr);
  }

  .about-story-copy {
    padding-right: 0;
  }

  .about-gallery {
    padding-left: 34px;
  }

  body[data-page="about"] .about-copy-panel {
    min-height: auto;
    padding: 28px;
  }
}

@media (max-width: 980px) {
  body[data-page="about"] .about-story-section .official-about-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .about-story-copy {
    padding-right: 0;
  }

  body[data-page="about"] .about-copy-panel {
    min-height: auto;
  }

  .about-gallery {
    padding-top: 48px;
    padding-left: 0;
    border-top: 0;
    border-left: 0;
  }
}

@media (max-width: 720px) {
  .about-story-section {
    padding-inline: 18px;
  }

  body[data-page="about"] .about-story-copy .section-heading h2 {
    font-size: clamp(2.45rem, 11vw, 3.2rem);
  }

  body[data-page="about"] .about-copy-panel {
    margin-top: 22px;
    padding: 24px 20px;
    border-radius: 18px;
  }

  .about-gallery {
    padding-top: 38px;
  }

  .about-gallery-stage {
    border-radius: 16px;
  }

  .about-gallery-thumbnails {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 16px;
  }
}

@media (max-width: 420px) {
  .about-gallery-thumbnails {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}