@media (max-width: 768px) {
    .page-panel {
        display: block !important;
    }

    .page-panel--full .page-slicer {
        background: unset;
        background-color: var(--bg) !important;
    }

    .page-panel--full .page-slicer::after {
        background-image: none !important;
    }

    .header-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 16px 24px;
    }

    .header-cta {
        display: none;
    }

    .nav {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        padding: 32px 0;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.3s ease;
        margin: 0;
        background-color: var(--gold-soft);
    }

    .nav-cta {
        margin-top: 16px;
    }

    /* TOGGLE OPEN */
    .nav-toggle:checked~.nav {
        transform: scaleY(1);
    }

    .icon-close {
        opacity: 0;
        transform: scale(0.8);
    }

    .nav-toggle:checked+.nav-toggle-label .icon-menu {
        opacity: 0;
        display: none;
        transform: scale(0.8);
    }

    .nav-toggle:checked+.nav-toggle-label .icon-close {
        opacity: 1;
        transform: scale(1);
    }

    /* Hamburger animation */
    .nav-toggle:checked+.nav-toggle-label span:nth-child(1) {
        transform: rotate(45deg) translateY(8px);
    }

    .nav-toggle:checked+.nav-toggle-label span:nth-child(2) {
        opacity: 0;
    }

    .nav-toggle:checked+.nav-toggle-label span:nth-child(3) {
        transform: rotate(-45deg) translateY(-8px);
    }

    .nav-toggle-label {
        display: none;
        cursor: pointer;
        z-index: 110;
    }

    .icon {
        width: 28px;
        height: 28px;
        stroke: #000;
        stroke-width: 2;
        fill: none;
        transition: opacity 0.25s ease, transform 0.25s ease;
    }

    .video-sticky {
        height: auto;
    }

    .video-section {
        height: auto;
    }

    .video-section video {
        width: min(1200px, 92vw);
        margin: 0 auto;
    }

    #menu {
        margin-top: 0;
    }

    .footer {
        padding-top: 2rem;
    }

    .footer .column {
        padding: 0;
    }

    .footer .row {
        gap: 2rem;
    }

    .locations-banner__content form {
        transform: none;
    }

    .marquee-band {
        overflow: hidden;
    }

    .marquee-track--dark {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3)
    }

    .marquee-track--gold {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3)
    }

    .hero {
        padding: 0;
    }

    .hero-plate {
        transform: none;
        position: unset;
    }

    .hero-visual {
        justify-self: center;
    }

    .footer-credit {
        flex-direction: column;
        row-gap: 1em;
    }

    .rating-card {
        min-width: 95vw;
    }
}