/* -- Header v6 ------------------------------------------------ */
:root:has(.hdr.v6) {
    --hdr-lg-sp: 80;
    --hdr-lg-sp-lpt: 30;
    --hdr-nv-sp: 30;
    --hdr-nv-sp-lpt: 10;
}

.hdr.v6 {
    overflow: visible;

    /* ===== Gold utility bar ===== */
    .ann-bnr {
        background: var(--accent);
        color: var(--background);

        /* keep all text/links/icons readable on the gold band */
        a,
        .fnt_phn,
        .fnt_t-4,
        .fnt_t-6 {
            color: var(--background);
        }

        .so {
            .so-lk {
                svg {
                    font-size: 1rem;
                }
            }
        }

        /* center featured-review block */
        .rvw {
            min-width: 0;

            em {
                font-style: italic;
            }
        }
    }
    .tp-lg {
        .lt-lg {
            display: none;
        }

        .dk-lg {
            display: block;
        }
    }

    /* ===== Navy masthead ===== */
    &.mast {
        @media screen and (min-width:1280px) {
            border-bottom: 3px solid var(--accent);
        }
    }

    .lg-wrp {
        @media screen and (min-width:1280px) {
            & {
                max-width: var(--hdr-lg-mx-wd-clc);
                gap: 0.5rem;

                .lg-bx {
                    overflow: visible;
                    padding-bottom: 0;
                }
            }
        }
    }

    .tag-line {
        margin: 0;
        font-style: italic;
        color: var(--accent);
        font-size: .78rem;
    }

    /* gold underline reveal on nav links */
    .nv a {
        position: relative;
    }

    .nv > ul > li > a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: var(--sp-qk);
        height: 2px;
        background: var(--accent);
        transform: scaleX(0);
        transform-origin: center;
        transition: transform var(--g-trn-sp) var(--g-trn-tf);
    }

    .nv > ul > li > a:hover::after {
        transform: scaleX(1);
    }

    @media screen and (width >= 1280px) {
        /* Align last flyout to the right to prevent overflow */
        .nv > ul > li:last-child .fly-nv {
            left: auto;
            right: 0;
        }

        .ann-bnr {
            .phn {
                min-width: 29%;
            }
        }
    }

    @media screen and (max-width: 1279px) {
        .ann-bnr {
           [class*="flx"][class*="-at-1280"] {
                &[class*="gp_sp"] > * + * {
                    margin-top: .5rem;
                }
            }
        }   
    }
}