.hero-slider-section {
    background: #10243a;
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.hero-slide {
    inset: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transform: scale(1.04);
    transition: opacity 1200ms ease, transform 5200ms ease;
    z-index: 0;
}

.hero-slide picture,
.page-hero-media {
    inset: 0;
    height: 100%;
    position: absolute;
    width: 100%;
}

.hero-slide-image,
.page-hero-image {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.hero-slide-image {
    position: absolute;
}

.hero-slide.is-active {
    opacity: 1;
    transform: scale(1);
}

.hero-slide.is-active .hero-slide-image {
    opacity: 1;
}

.hero-shade {
    background:
        linear-gradient(90deg, rgba(5, 19, 31, 0.92), rgba(5, 24, 38, 0.68) 46%, rgba(5, 24, 38, 0.22)),
        linear-gradient(0deg, rgba(4, 17, 26, 0.36), transparent 44%);
    inset: 0;
    position: absolute;
    z-index: 1;
}

.hero-slider-section .container,
.page-hero > .container {
    position: relative;
    z-index: 2;
}

.page-hero {
    isolation: isolate;
    overflow: hidden;
    padding: 6rem 0 4.5rem;
}

.page-hero-media {
    inset: 0;
    position: absolute;
    z-index: 0;
}

.page-hero::before {
    background-image: linear-gradient(90deg, rgba(5, 19, 31, 0.9), rgba(15, 118, 110, 0.64));
    content: "";
    inset: 0;
    position: absolute;
    z-index: 0;
}

.page-hero-image {
    position: absolute;
}

.package-detail-hero,
.gallery-album-hero {
    background: #10243a;
}

.package-detail-hero .eyebrow,
.package-detail-hero h1,
.package-detail-hero p,
.gallery-album-hero .eyebrow,
.gallery-album-hero h1,
.gallery-album-hero p {
    color: var(--white);
}

.package-hero-actions {
    margin-top: 1.6rem;
}