/* Approved event photography, 02.10.2026. */
.team-gallery {
  width: min(1280px, calc(100% - 48px));
  margin: 80px auto;
}

.team-gallery-heading {
  margin-bottom: 28px;
}

.team-gallery-heading h2 {
  margin: 0 0 12px;
  color: var(--gold-bright, #f0cf78);
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.15;
}

.team-gallery-heading p {
  max-width: 620px;
  margin: 0;
  color: rgba(255, 255, 255, .75);
  font-size: 15px;
  line-height: 1.65;
}

.team-gallery-grid {
  display: grid;
  grid-template-columns: 1fr .85fr 1fr;
  gap: 20px;
}

.team-gallery-photo {
  min-width: 0;
  margin: 0;
}

.team-gallery-photo img {
  display: block;
  width: 100%;
  height: 340px;
  object-fit: cover;
  border: 1px solid rgba(240, 207, 120, .2);
}

.team-gallery-photo--portrait img {
  object-position: center 55%;
}

.team-gallery-photo figcaption {
  margin-top: 12px;
  color: rgba(255, 255, 255, .8);
  font-size: 14px;
  line-height: 1.5;
}

/* The children's landing uses a light surface; the homepage gallery stays dark. */
.team-gallery--light {
  width: min(var(--content), calc(100% - var(--gutter) - var(--gutter)));
}

.team-gallery--light .team-gallery-heading h2 {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.team-gallery--light .team-gallery-heading p,
.team-gallery--light .team-gallery-photo figcaption {
  color: var(--muted);
}

@media (max-width: 760px) {
  .team-gallery {
    margin: 56px auto;
  }

  .team-gallery:not(.team-gallery--light) {
    width: calc(100% - 36px);
  }

  .team-gallery-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .team-gallery-photo img {
    height: auto;
    aspect-ratio: 3 / 2;
  }

  .team-gallery-photo--portrait img {
    aspect-ratio: 2 / 3;
  }
}