/* CUNAM v86 — stable premium navigation motion and scroll lock */

/* v266: one owner for scroll locking; never clamp the page to 100% height. */
html.cunam-nav-lock {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    height: auto !important;
}
html.cunam-nav-lock body.cunam-nav-is-locked {
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: static !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
}

/* The menu itself uses one short compositor-friendly entrance. */
.cunam-premium-nav,
.premium-nav-panel {
    backface-visibility: hidden !important;
    -webkit-font-smoothing: antialiased;
}

.premium-nav-panel {
    transform: translate3d(0, -6px, 0) !important;
    transition: opacity .18s ease-out, transform .22s cubic-bezier(.22, 1, .36, 1) !important;
}

body.cunam-premium-nav-open .premium-nav-panel {
    transform: translate3d(0, 0, 0) !important;
}

@media (min-width: 769px) {
    /* Keep the left showcase stationary; only its opacity is animated. */
    .premium-nav-showcase,
    .premium-nav-showcase-v38,
    .premium-nav-showcase .showcase-content,
    .premium-nav-showcase-v38 .showcase-content {
        transform: none !important;
        animation: none !important;
        will-change: auto !important;
    }

    .premium-nav-showcase-v38::before,
    .premium-nav-showcase-v38::after,
    .premium-nav-showcase::before,
    .premium-nav-showcase::after,
    .showcase-orbit,
    .showcase-orbit::before,
    .showcase-orbit::after,
    .showcase-orbit span,
    .showcase-gridline {
        animation: none !important;
        transition: none !important;
    }

    body.cunam-premium-nav-open .premium-nav-showcase-v38.has-parallax:hover .showcase-content,
    body.cunam-premium-nav-open .premium-nav-showcase.has-parallax:hover .showcase-content {
        transform: none !important;
    }

    .premium-nav-showcase .showcase-image-layer {
        transform: translateZ(0) !important;
        transition: opacity .24s ease-out !important;
        will-change: opacity !important;
    }

    .premium-nav-showcase .showcase-image-layer.is-active {
        transform: translateZ(0) !important;
    }
}

@media (max-width: 992px) {
    html.cunam-nav-lock { overflow-y: hidden !important; }
    html.cunam-nav-lock body.cunam-nav-is-locked {
        position: fixed !important;
        top: calc(-1 * var(--cunam-scroll-y, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 768px) {
    .premium-nav-panel {
        transform: translate3d(0, -3px, 0) !important;
        transition-duration: .12s, .15s !important;
    }

    body.cunam-premium-nav-open .premium-nav-panel {
        transform: translate3d(0, 0, 0) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cunam-premium-nav,
    .premium-nav-panel,
    .premium-nav-showcase .showcase-image-layer {
        transition-duration: .01ms !important;
    }
}