.image-frame {
  height: clamp(25rem, 48vh, 32rem);
}

.moments-inner {
  padding-block: clamp(4rem, 5.5vw, 5.75rem);
}

.moments-heading h2 {
  font-size: clamp(3.15rem, 4.2vw, 4.55rem);
}

.moments-gallery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.8rem, 1.3vw, 1.35rem);
  align-items: stretch;
  margin-top: clamp(2.75rem, 4vw, 4rem);
}

.moments-gallery figure,
.moments-gallery figure:nth-child(2) {
  padding: 0;
}

.moments-gallery img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 50% 25%;
}

.moments-gallery figure:nth-child(2) img {
  object-position: 50% 28%;
}

.moments-gallery figure:nth-child(3) img {
  object-position: 50% 25%;
}

.moments-gallery figcaption {
  padding-top: 0.7rem;
  font-size: 0.95rem;
}

.recognition-inner {
  grid-template-columns: minmax(20rem, 0.76fr) minmax(0, 1.24fr);
  gap: clamp(3rem, 6vw, 6rem);
  max-width: 88rem;
}

.recognition-certificate {
  width: 100%;
  max-width: 32rem;
}

.recognition-copy h2 {
  max-width: 14ch;
}

@media (max-width: 900px) {
  .recognition-inner {
    grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.2fr);
    gap: 2.5rem;
  }
}

@media (max-width: 760px) {
  .image-frame {
    height: auto;
    aspect-ratio: 16 / 11;
  }

  .moments-gallery {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .moments-gallery figure:first-child {
    grid-column: 1 / -1;
  }

  .moments-gallery figure:last-child {
    grid-column: auto;
    width: auto;
    margin: 0;
  }

  .moments-gallery figure:first-child img {
    aspect-ratio: 16 / 9;
  }

  .moments-gallery figure:nth-child(2) img,
  .moments-gallery figure:nth-child(3) img {
    aspect-ratio: 1 / 1;
  }

  .moments-gallery figcaption {
    font-size: 0.88rem;
  }

  .recognition-inner {
    grid-template-columns: 1fr;
  }

  .recognition-certificate {
    max-width: none;
  }
}