/* ═══════════════════════════════════════════════════════════════
   OUTDOOR / INDOOR SPLASH
   ═══════════════════════════════════════════════════════════════ */

html, body.vf-splash-page {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.vf-splash {
    display: flex;
    width: 100%;
    height: 100vh;
    height: 100svh;          /* avoids the mobile browser-chrome gap */
}

.vf-splash__half {
    position: relative;
    flex: 1 1 50%;
    display: block;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    overflow: hidden;
    transition: flex-basis .7s cubic-bezier(.4,0,.2,1);
}

/* Darkening overlay — keeps the logo and label legible */
.vf-splash__half::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.22);
    transition: background .45s ease;
}

.vf-splash__half:hover::after { background: rgba(0,0,0,.08); }

/* Panel widens on hover; the other narrows */
@media (hover: hover) and (min-width: 768px) {
    .vf-splash:hover .vf-splash__half { flex-basis: 44%; }
    .vf-splash__half:hover            { flex-basis: 56%; }
}

/* Logo — upper-left area of each panel */
.vf-splash__logo {
    position: absolute;
    top: 32%;
    left: 8%;
    z-index: 2;
    width: clamp(140px, 18vw, 260px);
    height: auto;
    transform: translateY(-50%);
}

/* Label — centred */
.vf-splash__label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    font-size: clamp(2.2rem, 5.5vw, 4.5rem);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-shadow: 0 2px 18px rgba(0,0,0,.35);
    white-space: nowrap;
}

/* ── Mobile: stack vertically ─────────────────────────────────── */
@media (max-width: 767px) {
    .vf-splash { flex-direction: column; }

    .vf-splash__half { flex: 1 1 50%; }

    .vf-splash__logo {
        top: 24%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: clamp(120px, 40vw, 180px);
    }
}
/* Hide the reCAPTCHA badge — no forms on this page */
.grecaptcha-badge {
    visibility: hidden !important;
}