/* =============================================
   GALLERY PAGE — Studio Heleen U
   ============================================= */

/* Title at bottom of hero, bleeds into white below */
.gallery-hero-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  transform: translateY(16%);
  padding: 0 40px;
  pointer-events: none;
}

.gallery-hero-title {
  font-family: var(--font-serif);
  font-size: clamp(56px, 9.5vw, 130px);
  font-weight: 300;
  line-height: 0.9;
  color: var(--white);
  white-space: nowrap;
}

.gallery-hero-title em {
  font-style: italic;
  font-weight: 300;
}

/* ── RESPONSIVE ───────────────────────────── */
@media (max-width: 768px) {
  .gallery-filter .filter-bar-inner {
    padding-top: 52px;
  }

  .gallery-hero-inner {
    padding: 0 20px;
  }

  .gallery-hero-title {
    white-space: normal;
    font-size: clamp(44px, 10vw, 90px);
  }
}

@media (max-width: 480px) {
  .gallery-hero-inner {
    padding: 0 16px;
  }

  .gallery-hero-title {
    font-size: clamp(36px, 11vw, 56px);
  }
}