/* ================================================================
   Gallery Page – Specific Styles
   ================================================================ */

/* ── Hero ─────────────────────────────────────────────────────── */
.gallery-hero-title { font-size: clamp(2.5rem, 7vw, 5.5rem); }

/* ── Bento Card Border ────────────────────────────────────────── */
.gallery-bento-card { border-bottom: 2px solid rgba(117, 90, 40, 0.12); }

/* ── Filled Icon (large) ──────────────────────────────────────── */
.gallery-icon-filled {
    font-variation-settings: 'FILL' 1;
    font-size: 2.5rem;
}

/* ── Image Overlay ────────────────────────────────────────────── */
.gallery-img-overlay {
    background: rgba(7, 21, 37, 0.18);
    z-index: 1;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

/* ── Gold Bar (narrow divider variant) ───────────────────────── */
.gallery-gold-bar { width: 3rem; height: 1px; }

/* ── Features Strip Top Border ───────────────────────────────── */
.gallery-features-strip { border-top: 1px solid var(--dt-border); }