/* 12: direction 07; the fixed header turns navy after scrolling. */
.variant-12 .site-header{background:#f4f5eef5;color:#162234;border-bottom-color:#16223417;backdrop-filter:blur(12px);transition:opacity .65s,visibility .65s,background-color .35s,color .35s,border-color .35s}
.variant-12.navy-header-active .site-header{background:#162234;color:#f4f5ee;border-bottom-color:#ffffff18;backdrop-filter:none}
.variant-12 .site-header nav a:after{background:currentColor}
.variant-12 #mobile-menu{background:#f4f5ee;color:#162234}
.variant-12.navy-header-active #mobile-menu{background:#162234;color:#f4f5ee}
.variant-12.navy-header-active .site-header :is(a,button):focus-visible,.variant-12.navy-header-active #mobile-menu a:focus-visible{outline-color:#f4f5ee}
@media(max-width:768px){
 .variant-12 .site-header{height:68px;padding-inline:22px}
 .variant-12 .form-opening{display:none}
}