/* ── Header s1 ──────────────────────────────────────────────── */

.hdr.s1 {
    --hdr-lg-sp: 80;
    --hdr-lg-sp-lpt: 30;
    --hdr-nv-sp: 40;
	--hdr-nv-sp-lpt: 10;
    
    /* Allow logo to overflow below the header bottom edge */
    overflow: visible;

    .lg-bx {
        overflow: visible;
        /* Remove bottom padding so logo controls its own bottom spacing */
        padding-bottom: 0;
    }

    .tp-lg {
        padding-bottom: 0;
        position: relative;
        z-index: 2;
    }

    .ann-bnr {
        .ann-cta-lbl {
            font-weight: 400;
        }

        li {
            strong {
                font-weight: 700;
            }

            a {
                text-decoration: underline;
                opacity: .8;
            }
        }

        .sl_sa-edg {
            --sl-sa-pd-mtp: 1.5;
            position: relative;
            padding-left: calc(var(--sl-sa-s) * var(--sl-sa-pd-mtp));
            padding-right: calc(var(--sl-sa-s) * var(--sl-sa-pd-mtp));
        }

        [data-role="arrows"] {
            position: absolute;
            width: calc(100% - ((calc(var(--sl-sa-s) * var(--sl-sa-pd-mtp)) * 2) - 1rem));
            top: 50%;
            left: calc((var(--sl-sa-s) * var(--sl-sa-pd-mtp)) - .5rem);
            z-index: 1;
            margin-top: 0;
            justify-content: space-between;
            transform: translateY(-50%);
        }
    }

    @media screen and (width >= 1280px) {
        .tp-lg {
            /* Pull the logo down past the header's bottom edge */
            margin: -2.05rem 0 -1.89rem 0;
        }

        /* Align last flyout to the right to prevent overflow */
        .nv > ul > li:last-child .fly-nv {
            left: auto;
            right: 0;
        }
    }
}