/* ==========================================================================
   About Page — page-specific overrides only
   Shared CSS loaded via section link tags:
   hero-cinematic, gold-divider, philosophy, breakout, eyebrow, cta-finale
   ========================================================================== */

/* Hero — static image override for cinematic layout */
.about-hero {
    background-image: url('../../images/gallery/gallery-07.webp');
    background-size: cover;
    background-position: center 30%;
    height: auto;
    min-height: 100vh;
}

.about-hero .hero-content-cinematic {
    padding: 0 24px;
}

.about-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
    .about-hero .hero-headline-cinematic {
        font-size: clamp(42px, 11vw, 56px);
    }

    .about-hero .hero-content-cinematic {
        padding: 0 16px;
    }
}