.gallery-group {
  position: relative;
  margin-top: 34px;
  padding: clamp(30px, 4vw, 52px);
  border: 1px solid rgba(96, 120, 106, 0.2);
  border-radius: 28px;
  background: #f5efe5;
  box-shadow: 0 18px 50px rgba(52, 76, 65, 0.08);
}

.gallery-group:nth-of-type(even) {
  background: #e4ebe5;
}

.gallery-group + .gallery-group {
  margin-top: 42px;
}

.gallery-group h3 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 28px;
  color: #50695b;
  font: 600 clamp(26px, 3vw, 38px) 'Playfair Display', Georgia, serif;
}

.gallery-group h3::after {
  content: '';
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(96, 120, 106, 0.42), transparent);
}

.gallery-grid {
  grid-auto-flow: dense;
}

.gallery-grid figure {
  position: relative;
  background: #e2d6c4;
}

.gallery-grid .portrait {
  grid-row: span 2;
}

.gallery-grid.compact {
  grid-auto-rows: 245px;
}

@media (max-width: 600px) {
  .gallery-group {
    margin-top: 24px;
    padding: 24px 16px;
    border-radius: 20px;
  }

  .gallery-group + .gallery-group {
    margin-top: 28px;
  }

  .gallery-group h3 {
    gap: 12px;
    margin-bottom: 20px;
    font-size: 27px;
  }

  .gallery-grid .portrait {
    grid-row: auto;
    height: 420px;
  }

  .gallery-grid.compact {
    grid-auto-rows: 280px;
  }
}