/**
 * scope01 navigation concept 2026
 *
 * Visual tokens:
 * --scope01-nav-cyan:    #43e0ce
 * --scope01-nav-magenta: #f21be6
 * --scope01-nav-black:   #000000
 * --scope01-nav-panel:   #000000
 */

:root {
    --scope01-nav-cyan: #43e0ce;
    --scope01-nav-magenta: #f21be6;
    --scope01-nav-black: #000;
    --scope01-nav-panel: #000;
    --scope01-nav-line: #3d3d3d;
    --scope01-nav-max-width: 1480px;
    --scope01-nav-sticky-dropdown-offset: 35px;
    --scope01-nav-top-level-size: 18px;
    --scope01-nav-column-size: 18px;
    --scope01-nav-link-size: 16px;
    --scope01-nav-panel-padding: 38px;
    --scope01-nav-editorial-intro-width: minmax(320px, .9fr);
    --scope01-nav-editorial-padding: var(--scope01-nav-panel-padding);
    --scope01-nav-editorial-heading-size: clamp(34px, 3.2vw, 52px);
    --scope01-mobile-root-size: clamp(22px, 5.8vw, 25px);
    --scope01-mobile-link-size: 19px;
    --scope01-mobile-panel-gutter: clamp(18px, 5vw, 28px);
    --scope01-mobile-panel-top: 28px;
    --scope01-mobile-arrow-size: 13px;
    --scope01-mobile-close-duration: .16s;
}

/* Header: keep the strong black brand bar and make the hierarchy more precise. */
#header-outer #top {
    width: 100%;
    max-width: var(--scope01-nav-max-width);
    margin-right: auto;
    margin-left: auto;
    padding-right: 28px !important;
    padding-left: 28px !important;
    box-sizing: border-box;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
    font-size: var(--scope01-nav-top-level-size) !important;
    font-weight: 900 !important;
    letter-spacing: .015em;
}

#header-outer #top nav > ul > li > a .menu-title-text {
    text-transform: uppercase;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li:not([class*="button_"]) > a .menu-title-text:after {
    display: none !important;
}

#header-outer #top nav > ul > li:not([class*="button_"]):hover > a .menu-title-text,
#header-outer #top nav > ul > li:not([class*="button_"]).sfHover > a .menu-title-text,
#header-outer #top nav > ul > li:not([class*="button_"]) > a:focus-visible .menu-title-text {
    color: var(--scope01-nav-cyan) !important;
}

#header-outer #top nav > ul > li:not([class*="button_"]):hover > a .sf-sub-indicator,
#header-outer #top nav > ul > li:not([class*="button_"]):hover > a .sf-sub-indicator i,
#header-outer #top nav > ul > li:not([class*="button_"]).sfHover > a .sf-sub-indicator,
#header-outer #top nav > ul > li:not([class*="button_"]).sfHover > a .sf-sub-indicator i,
#header-outer #top nav > ul > li:not([class*="button_"]) > a:focus-visible .sf-sub-indicator,
#header-outer #top nav > ul > li:not([class*="button_"]) > a:focus-visible .sf-sub-indicator i,
#header-outer #top nav > ul > li.current-menu-item > a .sf-sub-indicator,
#header-outer #top nav > ul > li.current-menu-item > a .sf-sub-indicator i,
#header-outer #top nav > ul > li.current-menu-ancestor > a .sf-sub-indicator,
#header-outer #top nav > ul > li.current-menu-ancestor > a .sf-sub-indicator i {
    color: var(--scope01-nav-cyan) !important;
}

#header-outer #top nav > ul > li > a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

#header-outer #top nav > ul > li.current-menu-item > a,
#header-outer #top nav > ul > li.current-menu-ancestor > a {
    color: var(--scope01-nav-cyan) !important;
}

/* Contact is the persistent action and deliberately uses the campaign magenta. */
#header-outer #top nav > ul > li.button_solid_color > a,
#header-outer #top nav > ul > li[class*="button_solid_color"] > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin: 0 !important;
    padding: 0 22px !important;
    background-color: var(--scope01-nav-magenta) !important;
    color: #fff !important;
    font-size: var(--scope01-nav-top-level-size);
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

body #header-outer #top nav > ul > li.button_solid_color > a .menu-title-text,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a .menu-title-text {
    color: #fff !important;
}

body #header-outer.transparent #top nav > ul > li.button_solid_color > a:before,
body #header-outer #top nav > ul > li.button_solid_color > a:before,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a:before {
    display: none !important;
}

#header-outer #top nav > ul > li.button_solid_color > a:hover,
#header-outer #top nav > ul > li[class*="button_solid_color"] > a:hover,
#header-outer #top nav > ul > li.button_solid_color.current-menu-item > a {
    background-color: var(--scope01-nav-magenta) !important;
    color: #fff !important;
}

body #header-outer.transparent #top nav > ul > li.button_solid_color > a:hover:before,
body #header-outer #top nav > ul > li.button_solid_color > a:hover:before,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a:hover:before,
body #header-outer #top nav > ul > li.button_solid_color.current-menu-item > a:before {
    background-color: var(--scope01-nav-magenta) !important;
}

@media only screen and (min-width: 1001px) {
    /* Keep Salient's mirrored logo spacing so the primary links stay truly centered. */
    #header-outer #top .span_9 > .logo-spacing {
        display: block !important;
    }

    #header-outer #top nav > ul {
        position: static;
        width: 100%;
        justify-content: center;
    }

    #header-outer #top nav > ul > li.button_solid_color,
    #header-outer #top nav > ul > li[class*="button_solid_color"] {
        position: absolute !important;
        top: 50%;
        right: 0;
        margin-left: 0 !important;
        transform: translateY(-50%);
    }

    /* The mega menus become a deliberate dark information layer. */
    #header-outer #top nav > ul > li.megamenu > ul.sub-menu {
        /* Salient anchors the submenu to the 60px nav row, not the full header. */
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1px;
        margin-top: 32px !important;
        padding: 0 !important;
        background: var(--scope01-nav-line) !important;
        border: 1px solid var(--scope01-nav-line) !important;
        border-top-color: var(--scope01-nav-magenta) !important;
        border-radius: 0 !important;
        box-shadow: 0 24px 54px rgba(0, 0, 0, .48) !important;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li {
        float: none !important;
        width: auto !important;
        min-width: 0;
        margin: 0 !important;
        padding: var(--scope01-nav-panel-padding) !important;
        background: var(--scope01-nav-black);
        box-sizing: border-box;
        border-right: 0;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li:first-child {
        padding-left: var(--scope01-nav-panel-padding) !important;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li:last-child {
        padding-right: var(--scope01-nav-panel-padding) !important;
        border-right: 0;
    }

    /* Column labels. */
    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > a {
        margin-bottom: 12px !important;
        padding: 0 0 13px !important;
        color: var(--scope01-nav-cyan) !important;
        font-size: var(--scope01-nav-column-size) !important;
        font-weight: 800 !important;
        letter-spacing: .08em;
        line-height: 1.25 !important;
        text-transform: uppercase;
        border-bottom: 0;
        cursor: default;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > a:hover,
    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > a:focus {
        color: var(--scope01-nav-cyan) !important;
        background: transparent !important;
        transform: none !important;
    }

    /* Salient otherwise turns the column label black while a child link is hovered. */
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li:hover > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li.sfHover > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li:focus-within > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li:hover > a .menu-title-text,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li.sfHover > a .menu-title-text,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li:focus-within > a .menu-title-text {
        color: var(--scope01-nav-cyan) !important;
    }

    #header-outer #top nav > ul > li.megamenu ul.sub-menu a .menu-title-text:after {
        display: none !important;
    }

    /* Destination links use a small directional cue instead of card chrome. */
    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a {
        position: relative;
        padding: 8px 0 8px 18px !important;
        color: #fff !important;
        font-size: var(--scope01-nav-link-size) !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        background: transparent !important;
        transition: color .2s ease, transform .2s ease !important;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a:before {
        content: "→";
        position: absolute;
        top: 8px;
        left: 0;
        color: var(--scope01-nav-magenta);
        font-weight: 700;
        transition: color .2s ease, transform .2s ease;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a:hover,
    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a:focus-visible,
    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li.current-menu-item > a {
        color: var(--scope01-nav-magenta) !important;
        background: transparent !important;
        transform: none !important;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a:hover:before,
    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a:focus-visible:before {
        color: var(--scope01-nav-magenta);
        transform: none;
    }

    #header-outer #top nav > ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a:focus-visible {
        outline: 2px solid #fff;
        outline-offset: 2px;
    }

    /* Editorial Split: native link groups plus two non-persistent display items. */
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu {
        display: grid !important;
        grid-template-columns: var(--scope01-nav-editorial-intro-width) repeat(2, minmax(0, 1.05fr));
        grid-auto-flow: row;
        gap: 1px;
        min-height: 344px;
        padding: 0 !important;
        background: var(--scope01-nav-line) !important;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:first-child,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:last-child {
        float: none !important;
        width: auto !important;
        min-width: 0;
        margin: 0 !important;
        padding: var(--scope01-nav-editorial-padding) !important;
        background: var(--scope01-nav-black);
        box-sizing: border-box;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-intro {
        grid-column: 1;
        grid-row: 1 / span var(--scope01-editorial-rows, 1);
    }

    .scope01-editorial-intro__inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        min-height: 268px;
    }

    .scope01-editorial-intro__message,
    .scope01-editorial-intro__kicker,
    .scope01-editorial-intro__heading,
    .scope01-editorial-intro__copy,
    .scope01-editorial-cta__title,
    .scope01-editorial-cta__copy {
        display: block;
    }

    .scope01-editorial-intro__kicker {
        margin-bottom: 18px;
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .1em;
        line-height: 1.25;
        text-transform: uppercase;
    }

    .scope01-editorial-intro__heading {
        max-width: 440px;
        color: var(--scope01-nav-cyan);
        font-size: var(--scope01-nav-editorial-heading-size);
        font-weight: 800;
        letter-spacing: -.055em;
        line-height: .9;
        text-transform: uppercase;
    }

    .scope01-editorial-intro__copy {
        max-width: 390px;
        margin-top: 30px;
        color: rgba(255, 255, 255, .78);
        font-size: 16px;
        line-height: 1.5;
    }

    /* Editorial groups deliberately reuse the standard mega-menu hierarchy. */
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:not(.scope01-editorial-intro):not(.scope01-editorial-cta) > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:not(.scope01-editorial-intro):not(.scope01-editorial-cta):hover > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:not(.scope01-editorial-intro):not(.scope01-editorial-cta):focus-within > a {
        margin-bottom: 12px !important;
        padding: 0 0 13px !important;
        color: var(--scope01-nav-cyan) !important;
        font-size: var(--scope01-nav-column-size) !important;
        font-weight: 800 !important;
        letter-spacing: .08em;
        line-height: 1.25 !important;
        text-transform: uppercase;
    }

    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:not(.scope01-editorial-intro):not(.scope01-editorial-cta):hover > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:not(.scope01-editorial-intro):not(.scope01-editorial-cta):focus-within > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:not(.scope01-editorial-intro):not(.scope01-editorial-cta):hover > a .menu-title-text,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:not(.scope01-editorial-intro):not(.scope01-editorial-cta):focus-within > a .menu-title-text {
        color: var(--scope01-nav-cyan) !important;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta {
        grid-column: 3;
        padding: 0 !important;
        background: var(--scope01-nav-cyan);
    }

    /* An odd number of right-hand tiles would expose the grid's line color.
       Let the terminal tile fill both columns instead of leaving a grey cell. */
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega.scope01-editorial-terminal-wide > ul.sub-menu > li.scope01-editorial-cta,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega.scope01-editorial-terminal-wide > ul.sub-menu > li:last-child:not(.scope01-editorial-intro):not(.scope01-editorial-cta) {
        grid-column: 2 / 4;
    }

    /* With exactly two link groups, enlarge the first group on the left. The
       second group stays top-right and the CTA remains bottom-right. */
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega.scope01-editorial-two-group-triptych > ul.sub-menu > li.scope01-editorial-intro + li:not(.scope01-editorial-cta) {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega.scope01-editorial-two-group-triptych > ul.sub-menu > li.scope01-editorial-cta {
        grid-column: 3;
        grid-row: 2;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:hover,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:focus {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        min-height: 100%;
        margin: 0 !important;
        padding: var(--scope01-nav-editorial-padding) !important;
        color: #000 !important;
        background: var(--scope01-nav-cyan) !important;
        cursor: pointer;
        box-sizing: border-box;
        transition: color .2s ease, background-color .2s ease, box-shadow .2s ease !important;
    }

    .scope01-editorial-cta__title {
        color: #000;
        font-size: var(--scope01-nav-column-size);
        font-weight: 800;
        letter-spacing: -.02em;
        line-height: 1.05;
        text-transform: uppercase;
    }

    .scope01-editorial-cta__copy {
        margin-top: 24px;
        padding-top: 18px;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.45;
        border-top: 1px solid #2c9286;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink {
        background: var(--scope01-nav-magenta);
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link:focus {
        color: #000 !important;
        background: var(--scope01-nav-magenta) !important;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink .scope01-editorial-cta__copy {
        border-top-color: #8f1088;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:hover,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:focus-visible {
        color: var(--scope01-nav-cyan) !important;
        background: #000 !important;
        box-shadow: inset 0 0 0 1px var(--scope01-nav-cyan);
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:hover .scope01-editorial-cta__title,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:hover .scope01-editorial-cta__copy,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:focus-visible .scope01-editorial-cta__title,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:focus-visible .scope01-editorial-cta__copy {
        color: var(--scope01-nav-cyan);
        border-color: #1e655d;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link:focus-visible {
        outline: 2px solid #000;
        outline-offset: -7px;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link:hover,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link:focus-visible {
        color: var(--scope01-nav-magenta) !important;
        background: #000 !important;
        box-shadow: inset 0 0 0 1px var(--scope01-nav-magenta);
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link:hover .scope01-editorial-cta__title,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link:hover .scope01-editorial-cta__copy,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link:focus-visible .scope01-editorial-cta__title,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta.scope01-editorial-cta--pink > a.scope01-editorial-cta__link:focus-visible .scope01-editorial-cta__copy {
        color: var(--scope01-nav-magenta);
        border-color: #7d0e77;
    }

    /* Compact Agentur dropdown follows the same visual language. */
    #header-outer #top nav > ul > li:not(.megamenu) > ul.sub-menu {
        padding: 12px !important;
        background: var(--scope01-nav-panel) !important;
        border: 1px solid var(--scope01-nav-line) !important;
        border-top-color: var(--scope01-nav-magenta) !important;
        border-radius: 0 !important;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .42) !important;
    }

    #header-outer #top nav > ul > li:not(.megamenu) > ul.sub-menu > li > a {
        padding: 9px 12px !important;
        color: #fff !important;
        font-size: var(--scope01-nav-link-size) !important;
        line-height: 1.35 !important;
        background: transparent !important;
    }

    #header-outer #top nav > ul > li:not(.megamenu) > ul.sub-menu > li > a:hover {
        color: var(--scope01-nav-cyan) !important;
        background: rgba(67, 224, 206, .08) !important;
    }

    /* Both dropdown types start directly below Salient's reduced sticky header. */
    #header-outer.small-nav #top nav > ul > li.megamenu > ul.sub-menu,
    #header-outer.small-nav #top nav > ul > li:not(.megamenu) > ul.sub-menu {
        margin-top: var(--scope01-nav-sticky-dropdown-offset) !important;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1180px) {
    #header-outer[data-lhe="animated_underline"] #top nav > ul > li:not([class*="button_"]) > a {
        margin-right: 8px !important;
        margin-left: 8px !important;
        font-size: 14px !important;
    }

    #header-outer #top nav > ul > li.button_solid_color > a,
    #header-outer #top nav > ul > li[class*="button_solid_color"] > a {
        font-size: 16px !important;
    }

    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:first-child,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li:last-child,
    #header-outer #top nav > ul > li.megamenu.scope01-editorial-mega > ul.sub-menu > li.scope01-editorial-cta > a.scope01-editorial-cta__link {
        padding: 28px !important;
    }

}

/* Mobile: keep the editorial type scale but prevent long labels clipping. */
@media only screen and (max-width: 1000px) {
    html.scope01-mobile-nav-open,
    html.scope01-mobile-nav-open body {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    #header-outer #top {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    body #slide-out-widget-area.fullscreen-split,
    body .slide-out-widget-area-bg.fullscreen-split {
        background: #000 !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs.fullscreen-split .inner-wrap,
    body #slide-out-widget-area.scope01-mobile-tabs.fullscreen-split .inner {
        height: 100%;
        min-height: 100%;
        overflow: hidden !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs.fullscreen-split .container.normal-container {
        width: 100%;
        max-width: none;
        left: 0 !important;
        margin: 0 !important;
        padding: var(--scope01-mobile-panel-top) var(--scope01-mobile-panel-gutter) 28px !important;
        box-sizing: border-box;
    }

    body #slide-out-widget-area.scope01-mobile-tabs.fullscreen-split .left-side,
    body #slide-out-widget-area.scope01-mobile-tabs.fullscreen-split .off-canvas-menu-container {
        width: 100%;
        max-width: none;
        overflow: hidden !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs.fullscreen-split {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    body #slide-out-widget-area.scope01-mobile-tabs.fullscreen-split .right-side {
        display: none !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container {
        overflow: hidden;
    }

    .scope01-mobile-nav-head {
        display: grid;
        grid-template-columns: minmax(84px, auto) 1fr minmax(84px, auto);
        align-items: center;
        min-height: 52px;
        margin-bottom: 0;
        color: #fff;
        border-top: 1px solid var(--scope01-nav-magenta);
        border-bottom: 1px solid var(--scope01-nav-line);
    }

    .scope01-mobile-nav-head.scope01-mobile-nav-root {
        min-height: 1px;
        border-bottom: 0;
    }

    .scope01-mobile-nav-head.scope01-mobile-nav-root .scope01-mobile-nav-title {
        display: none;
    }

    .scope01-mobile-nav-head.scope01-mobile-nav-root .scope01-mobile-nav-back {
        display: none;
    }

    .scope01-mobile-nav-title {
        grid-column: 2;
        text-align: center;
        justify-self: center;
        color: #fff;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: .08em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .scope01-mobile-nav-back {
        grid-column: 1;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        padding: 0;
        color: #fff;
        font: inherit;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        background: transparent;
        border: 0;
        border-radius: 0;
        cursor: pointer;
    }

    .scope01-mobile-nav-back[hidden] {
        visibility: hidden;
    }

    .scope01-mobile-nav-back span[aria-hidden="true"] {
        color: var(--scope01-nav-magenta);
        font-size: 19px;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-nav-panel {
        display: none !important;
        width: 100%;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-nav-panel.scope01-mobile-active-panel {
        display: block !important;
    }

    .scope01-mobile-panel-forward {
        animation: scope01-mobile-panel-forward .24s ease both;
    }

    .scope01-mobile-panel-back {
        animation: scope01-mobile-panel-back .24s ease both;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li {
        position: relative;
        margin: 0 !important;
        border-bottom: 1px solid var(--scope01-nav-line);
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li.menu-item-has-children {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 54px;
        align-items: stretch;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li > a {
        display: flex !important;
        align-items: center;
        min-height: 58px;
        margin: 0 !important;
        padding: 11px 0 !important;
        color: #fff !important;
        font-size: var(--scope01-mobile-link-size) !important;
        font-weight: 700 !important;
        letter-spacing: -.015em;
        line-height: 1.2 !important;
        text-decoration: none !important;
        text-transform: none;
        box-sizing: border-box;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li.menu-item-has-children > a {
        grid-column: 1;
        min-width: 0;
        padding-right: 16px !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container a .menu-title-text:after,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container a:hover .menu-title-text:after,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container a:focus .menu-title-text:after,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container li > a:after,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container li > a:hover:after,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container li > a:focus:after {
        display: none !important;
        width: 0 !important;
        transform: none !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container > ul.menu.scope01-mobile-active-panel > li > a {
        min-height: 66px;
        font-size: var(--scope01-mobile-root-size) !important;
        font-weight: 900 !important;
        letter-spacing: -.025em;
        text-transform: uppercase;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li.current-menu-item > a,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li.current-menu-ancestor > a,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li.current_page_item > a,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li.current_page_ancestor > a,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li > a:active {
        color: #fff !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container ul.scope01-mobile-active-panel > li > .ocm-dropdown-arrow {
        position: static !important;
        grid-column: 2;
        align-self: stretch;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: auto !important;
        min-height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff;
        line-height: 1;
        opacity: 1 !important;
        border-left: 1px solid var(--scope01-nav-line);
        transform: none !important;
        cursor: pointer;
        box-sizing: border-box;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .ocm-dropdown-arrow i {
        width: var(--scope01-mobile-arrow-size);
        height: var(--scope01-mobile-arrow-size);
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: rotate(45deg);
    }

    body #slide-out-widget-area.scope01-mobile-tabs .ocm-dropdown-arrow i:before {
        display: none;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .ocm-dropdown-arrow:hover,
    body #slide-out-widget-area.scope01-mobile-tabs .ocm-dropdown-arrow:focus-visible {
        color: #fff;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container > ul.menu.scope01-mobile-active-panel > li.scope01-nav-contact {
        margin-top: 30px !important;
        border-bottom: 0;
    }

    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container > ul.menu.scope01-mobile-active-panel > li.scope01-nav-contact > a {
        justify-content: center;
        min-height: 54px;
        padding: 10px 18px !important;
        color: #fff !important;
        font-weight: 900 !important;
        font-size: 18px !important;
        background: var(--scope01-nav-magenta) !important;
    }

    /* Salient waits roughly half a second before hiding the fullscreen layer. */
    body #slide-out-widget-area.scope01-mobile-tabs:not(.open):not(.hidden) {
        opacity: 0 !important;
        pointer-events: none;
        transition: opacity var(--scope01-mobile-close-duration) ease !important;
    }

    body #slide-out-widget-area.scope01-mobile-tabs:not(.open) .off-canvas-menu-container ul.scope01-mobile-active-panel > li,
    body #slide-out-widget-area-bg.fullscreen-split:not(.open) {
        transition-delay: 0s !important;
        transition-duration: var(--scope01-mobile-close-duration) !important;
    }

    .scope01-mobile-nav-back:focus-visible,
    body #slide-out-widget-area.scope01-mobile-tabs .off-canvas-menu-container a:focus-visible,
    body #slide-out-widget-area.scope01-mobile-tabs .ocm-dropdown-arrow:focus-visible {
        outline: 2px solid #fff;
        outline-offset: -3px;
    }

    body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a {
        letter-spacing: -.02em;
    }

}

@keyframes scope01-mobile-panel-forward {
    from {
        opacity: 0;
        transform: translateX(24px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes scope01-mobile-panel-back {
    from {
        opacity: 0;
        transform: translateX(-24px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .scope01-mobile-panel-forward,
    .scope01-mobile-panel-back {
        animation: none;
    }
}

/* WPML's language control now lives after the website footer. */
.wpml-ls-statics-footer {
    margin: 0 !important;
    padding: 15px 5% 18px !important;
    background: #000 !important;
    border: 0 !important;
    border-top: 0 !important;
    text-align: right !important;
}

.wpml-ls-statics-footer ul {
    display: inline-flex !important;
    gap: 8px;
}

.wpml-ls-statics-footer a {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px 10px !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1 !important;
    text-decoration: none;
}

.wpml-ls-statics-footer a:hover,
.wpml-ls-statics-footer .wpml-ls-current-language > a {
    color: #000 !important;
    background: var(--scope01-nav-cyan) !important;
    border-color: transparent !important;
}

.wpml-ls-statics-footer img {
    width: 24px !important;
    height: auto !important;
}

@media only screen and (max-width: 690px) {
    .wpml-ls-statics-footer {
        padding-right: 24px !important;
        padding-left: 24px !important;
        text-align: center !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #header-outer #top nav a {
        transition: none !important;
    }
}