/* =====================================================
   CINEMATIC SCROLL REVEAL - FULLSCREEN FIXED HERO
   ===================================================== */

/* Hero Background - FIXED FULLSCREEN */
.hero__bg {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    z-index: -1 !important;
    overflow: hidden;
}

.hero__bg-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    will-change: filter;
    transition: filter 0.5s ease-out;
}

/* Hero section takes full viewport */
.hero {
    position: relative;
    min-height: 100vh;
    width: 100%;
    z-index: 1;
}

/* Navigation - HIDDEN on page load */
.nav {
    opacity: 0 !important;
    transform: translateY(-50px) !important;
    visibility: hidden;
    will-change: opacity, transform;
    mix-blend-mode: normal !important;
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(10px) !important;
}

/* Navigation visible state */
.nav--visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}

/* Hero overlay for darkening */
.hero__overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: transparent !important;
    z-index: -1;
    will-change: background;
    pointer-events: none;
    transition: background 0.5s ease-out;
}

/* Hide preloader */
.preloader {
    display: none !important;
}

/* Hide ALL hero content - clean fullscreen image */
.hero__badge,
.hero__cta,
.hero__tagline,
.hero__title,
.hero__buttons,
.hero__content,
.hero__content--bottom,
.hero__content--minimal {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Scroll indicator - subtle */
.hero__scroll {
    opacity: 0.3;
    z-index: 10;
}

/* Content sections slide OVER the fixed hero */
.about,
.services,
.lab,
.kevin-murphy,
.booking,
.contact,
.footer {
    position: relative;
    z-index: 10;
}