/* Genuine session photos: keep faces and the treatment visible at each size. */
.vibelle-home .hero.hero-slider-layout .hero-slide {
    min-height: 760px;
    padding: 220px 30px 100px;
    background: var(--primary-color);
}
.vibelle-home .hero.hero-slider-layout .hero-slide .hero-slider-image {
    left: 45%;
}
.vibelle-home .hero.hero-slider-layout .hero-slide .hero-slider-image img {
    object-position: 25% center;
}
.vibelle-home .hero.hero-slider-layout .vibelle-real-foot-slide .hero-slider-image {
    left: 56%;
    top: 135px;
}
.vibelle-home .hero.hero-slider-layout .vibelle-real-foot-slide .hero-slider-image img {
    object-position: center top;
}
.vibelle-home .hero.hero-slider-layout .hero-slide::before {
    background:
        linear-gradient(180deg, rgba(4,42,45,.35), transparent 25%, transparent 80%, rgba(4,42,45,.2)),
        linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 42%, rgba(4,42,45,.66) 50%, rgba(4,42,45,.08) 65%, transparent 82%);
}
.vibelle-home .hero-slide .hero-section .hero-content {
    max-width: 49%;
}
.vibelle-home .hero-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.vibelle-home .hero-btn .btn-default {
    margin: 0;
}

/* A landscape photo on the right preserves its face and hands in shallow banners. */
body:not(.vibelle-home) .page-header {
    background-color: var(--primary-color);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
}
body:not(.vibelle-home) .page-header::before {
    background: linear-gradient(90deg, var(--primary-color) 0%, rgba(4,42,45,.94) 37%, rgba(4,42,45,.5) 57%, rgba(4,42,45,.08) 78%);
}
body:not(.vibelle-home) .page-header .page-header-content {
    max-width: 55%;
}
.vibelle-hero-gift-vouchers.page-header {
    background-size: 48% auto;
    background-position: right 43%;
}
.vibelle-home .company-growth-image img {
    height: 530px;
    object-fit: cover;
    object-position: center 35%;
}
.vibelle-home .vibelle-closing .our-potential-img img {
    object-position: center 25%;
}
.vibelle-about .company-growth-image img {
    object-position: center 38%;
}
.vibelle-reflexology .company-growth-image img {
    object-position: center 33%;
}
.rest-location .company-growth-image img {
    object-position: 32% center;
}

@media (max-width: 991px) {
    /* Keep the full photographic scene above the text instead of behind it. */
    .vibelle-home .hero.hero-slider-layout .hero-slide {
        min-height: 0;
        padding: 110px 0 72px;
    }
    .vibelle-home .hero.hero-slider-layout .hero-slide .hero-slider-image,
    .vibelle-home .hero.hero-slider-layout .vibelle-real-foot-slide .hero-slider-image {
        position: relative;
        inset: auto;
        height: 420px;
        width: 100%;
        background: var(--primary-color);
    }
    .vibelle-home .hero.hero-slider-layout .hero-slide .hero-slider-image img {
        object-position: center 35%;
    }
    .vibelle-home .hero.hero-slider-layout .vibelle-real-foot-slide .hero-slider-image img {
        object-fit: contain;
        object-position: center;
    }
    .vibelle-home .hero.hero-slider-layout .hero-slide::before {
        display: none;
    }
    .vibelle-home .hero-section {
        padding-top: 32px;
    }
    .vibelle-home .hero-slide .hero-section .hero-content {
        max-width: 100%;
    }
    .vibelle-home .company-growth-image img {
        height: 480px;
    }
}
@media (max-width: 767px) {
    .vibelle-home .hero.hero-slider-layout .hero-slide .hero-slider-image,
    .vibelle-home .hero.hero-slider-layout .vibelle-real-foot-slide .hero-slider-image {
        height: 330px;
    }
    body:not(.vibelle-home) .page-header {
        background-position: center;
    }
    body:not(.vibelle-home) .page-header::before {
        background: linear-gradient(90deg, rgba(4,42,45,.88), rgba(4,42,45,.6) 65%, rgba(4,42,45,.35));
    }
    body:not(.vibelle-home) .page-header .page-header-content {
        max-width: 100%;
    }
    .vibelle-hero-gift-vouchers.page-header {
        background-size: cover;
        background-position: center 43%;
    }
    .vibelle-home .company-growth-image img {
        height: 380px;
    }
}