/* Shared desktop navigation: a continuous, softly fading backdrop. */
.header,
.site-header--desktop {
    background: transparent !important;
    isolation: isolate;
}
.header::before,
.site-header--desktop::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 80px;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(to bottom,
        rgba(7, 15, 25, .72) 0%,
        rgba(7, 15, 25, .48) 32%,
        rgba(7, 15, 25, .18) 66%,
        rgba(7, 15, 25, 0) 100%);
    transition: height .25s ease, opacity .25s ease;
}
.header:has(.dropdown:hover)::before,
.header:has(.dropdown:focus-within)::before,
.site-header--desktop:has(.site-dropdown:hover)::before,
.site-header--desktop:has(.site-dropdown:focus-within)::before {
    height: 155px;
    background: linear-gradient(to bottom,
        rgba(7, 15, 25, .78) 0%,
        rgba(7, 15, 25, .66) 42%,
        rgba(7, 15, 25, .30) 70%,
        rgba(7, 15, 25, 0) 100%);
}
.header.hidden::before,
.site-header--desktop.is-hidden::before { opacity: 0; }
.header .dropdown-content,
.site-header--desktop .site-dropdown-content {
    background: transparent;
    box-shadow: none;
}
.header .dropdown-content a,
.site-header--desktop .site-dropdown-content a {
    color: rgba(255, 255, 255, .92);
    transform: none;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.header .dropdown:focus-within .dropdown-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header .dropdown-content a:hover,
.header .dropdown-content a:focus-visible,
.site-header--desktop .site-dropdown-content a:hover,
.site-header--desktop .site-dropdown-content a:focus-visible { color: #fff; }
@media (prefers-reduced-motion: reduce) {
    .header::before, .site-header--desktop::before { transition: none; }
}