.hero img {
    width: 100%;
    position: relative;
}

.hero video {
    width: 100%;
    position: relative;
}

.hero .grid-x {
    position: relative;
}

.hero .grid-x .cell {
    position: absolute;
}

.embeded-video iframe {
    width: 100%!important;
    height: auto!important;
}

.locations-carousel .slick-track {
    display: flex;
    gap: 2rem;
}

.locations-carousel .single-location {
    background-position: center;
    background-size: cover;
    aspect-ratio: 1/1;
    position: relative;
}

.locations-carousel .single-location .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.locations-carousel .single-location .call-to-action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0000007f;
}

.welcome img {
    width: 100%;
}

.welcome video {
    width: 100%;
}

.reveal video {
    width: 100%;
}

header {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 100;
}

#main-menu {
    padding-top: 1rem;
}

.menu-burger {
    float: right;
}

#home-logo {
    float: left;
}

@media (prefers-reduced-motion: no-preference) {
    @supports (animation-timeline: scroll()) {
        .scroll-on-view {
            overflow: clip;
        }

        .scroll-on-view div {
            display: inline-block;
            animation-timeline: view(y);
            animation-name: rtl-scroll;
            animation-duration: 1ms;
            animation-timing-function: linear;
        }

        @keyframes rtl-scroll {
            from {
                transform: translateX(100vw);
            }

            to {
                transform: translateX(-100vw);
            }
        }
    }
}