/* CUNAM v97 — transparent header states and crisp navigation motion. */

@media (min-width: 1024px) {
    .cunam-premium-shell {
        background: linear-gradient(180deg, rgba(4, 22, 34, .20), rgba(4, 22, 34, .06)) !important;
        border-color: rgba(255, 255, 255, .18) !important;
        box-shadow: 0 8px 24px rgba(2, 14, 24, .08) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease !important;
    }

    .cunam-premium-brand .brand-copy strong,
    .cunam-premium-brand .brand-copy small,
    .premium-language,
    .premium-language a,
    .premium-menu-button {
        color: #fff !important;
        text-shadow: 0 1px 10px rgba(0, 0, 0, .28) !important;
    }

    .premium-menu-button i,
    .premium-menu-button i::before,
    .premium-menu-button i::after {
        background: #fff !important;
    }

    body.header-scrolled .cunam-premium-shell,
    .cunam-premium-header.is-scrolled .cunam-premium-shell,
    body.cunam-premium-nav-open .cunam-premium-shell {
        background: rgba(244, 248, 248, .97) !important;
        border-color: rgba(255, 255, 255, .88) !important;
        box-shadow: 0 12px 34px rgba(3, 17, 27, .16) !important;
        backdrop-filter: blur(12px) saturate(120%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
    }

    body.header-scrolled .cunam-premium-brand .brand-copy strong,
    body.header-scrolled .cunam-premium-brand .brand-copy small,
    body.header-scrolled .premium-language,
    body.header-scrolled .premium-language a,
    body.header-scrolled .premium-menu-button,
    .cunam-premium-header.is-scrolled .cunam-premium-brand .brand-copy strong,
    .cunam-premium-header.is-scrolled .cunam-premium-brand .brand-copy small,
    .cunam-premium-header.is-scrolled .premium-language,
    .cunam-premium-header.is-scrolled .premium-language a,
    .cunam-premium-header.is-scrolled .premium-menu-button,
    body.cunam-premium-nav-open .cunam-premium-brand .brand-copy strong,
    body.cunam-premium-nav-open .cunam-premium-brand .brand-copy small,
    body.cunam-premium-nav-open .premium-language,
    body.cunam-premium-nav-open .premium-language a,
    body.cunam-premium-nav-open .premium-menu-button {
        color: #123742 !important;
        text-shadow: none !important;
    }

    body.header-scrolled .premium-menu-button i,
    body.header-scrolled .premium-menu-button i::before,
    body.header-scrolled .premium-menu-button i::after,
    .cunam-premium-header.is-scrolled .premium-menu-button i,
    .cunam-premium-header.is-scrolled .premium-menu-button i::before,
    .cunam-premium-header.is-scrolled .premium-menu-button i::after,
    body.cunam-premium-nav-open .premium-menu-button i,
    body.cunam-premium-nav-open .premium-menu-button i::before,
    body.cunam-premium-nav-open .premium-menu-button i::after {
        background: #174f78 !important;
    }
}

/* Do not animate rasterized text: fade the navigation as one crisp layer. */
.cunam-premium-nav {
    transition: opacity .14s ease-out, visibility .14s ease-out !important;
    will-change: opacity !important;
}

.premium-nav-panel,
body.cunam-premium-nav-open .premium-nav-panel {
    transform: none !important;
    scale: none !important;
    filter: none !important;
    opacity: 1 !important;
    transition: none !important;
    will-change: auto !important;
    contain: none !important;
    backface-visibility: visible !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

.premium-nav-panel h2,
.premium-nav-panel h3,
.premium-nav-panel p,
.premium-nav-panel a,
.premium-nav-panel span,
.premium-nav-panel small,
.premium-nav-panel b {
    filter: none !important;
    transform: none !important;
    backface-visibility: visible !important;
}

@media (prefers-reduced-motion: reduce) {
    .cunam-premium-shell,
    .cunam-premium-nav {
        transition: none !important;
    }
}