/* Shared opt-in header for Home, About and Contacts. One backdrop, no edge or shadow. */
.site-header.is-glass-header {
    --site-header-glass: linear-gradient(180deg, rgba(4, 64, 165, .28), rgba(7, 86, 190, 0));
    position: fixed;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.site-header.is-glass-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--site-header-glass);
}
.site-header.is-glass-header.is-scrolled,
.site-header.is-glass-header.is-menu-open {
    --site-header-glass: rgba(7, 85, 189, .82);
    background: transparent;
    color: #fff;
}
.site-header.is-glass-header.is-scrolled::before,
.site-header.is-glass-header.is-menu-open::before {
    backdrop-filter: blur(18px) saturate(110%);
    -webkit-backdrop-filter: blur(18px) saturate(110%);
}
.site-header.is-glass-header:is(.is-scrolled, .is-menu-open) .site-navigation-link { color: #fff; }
.site-header.is-glass-header.is-menu-open .site-navigation {
    background: rgba(7, 85, 189, .94);
    backdrop-filter: blur(18px) saturate(110%);
    -webkit-backdrop-filter: blur(18px) saturate(110%);
}
.site-header.is-glass-header .site-navigation-link::after { background: #4be1ff; }
@media (max-width: 760px) {
    .site-header.is-glass-header { --site-header-glass: rgba(7, 79, 181, .22); }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}