.gallery-page {
  /* padding: 0 min(6vw, 80px) min(10vw, 100px); */
  display: flex;
  flex-direction: column;
  gap: min(8vw, 80px);
  background: #f9fbff;
}

.gallery-page .about-hero {
  padding: clamp(140px, 30vw, 220px) min(6vw, 80px) clamp(80px, 14vw, 140px);
  border-radius: 0 0 36px 36px;
  margin: 0 calc(-1 * min(6vw, 80px)) min(6vw, 60px);
}

.gallery-page .about-hero .headline {
  font-size: clamp(2.2rem, 3.8vw, 3rem);
  margin-bottom: 0.9rem;
}

.gallery-page .about-hero .subheadline {
  font-size: 1.05rem;
  max-width: 640px;
  margin: 0 auto;
  opacity: 0.9;
}

.gallery-grid {

  padding: 1.2rem;
 
}

.gallery-grid figure {
  margin: 0 0 1.2rem;
  border-radius: 24px;
  overflow: hidden;
  /* background: var(--color-white); */
  break-inside: avoid;
}

.gallery-grid figure:last-child {
  margin-bottom: 0;
}

.gallery-grid img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: inherit;
}

@media (min-width: 640px) {
  .gallery-grid {
    column-count: 2;
  }
}

@media (min-width: 960px) {
  .gallery-grid {
    column-count: 3;
  }
}