/* Approved 30.10: supplied white-outline/amber wordmark, 420px desktop. */
.site-header .brand .wordmark-frame{display:block;position:relative;overflow:hidden;flex:none;width:420px;height:auto;aspect-ratio:15/4;mix-blend-mode:lighten}
.site-header .brand .wordmark-frame .wordmark-image{position:absolute;display:block;width:108.571429%;height:auto;max-width:none;left:-4.285714%;top:-22.321429%;object-fit:initial;mix-blend-mode:normal}
@media(min-width:761px) and (max-width:1100px){
 .site-header>nav{display:none!important}.site-header .mobile-menu{display:block;position:static!important}
 .site-header .mobile-menu summary{font-size:14px;padding:12px;cursor:pointer;min-height:44px}
 .site-header .mobile-menu nav{position:absolute!important;top:100%;right:24px;width:330px;background:var(--base);border:1px solid #ffffff30;border-radius:8px;padding:15px 18px;display:flex;flex-direction:column;gap:3px;z-index:40;max-height:calc(100dvh - 150px);overflow-y:auto}
 .site-header .mobile-menu nav a{padding:10px 12px;min-height:44px;text-decoration:none}
 .page-opening:has(.mobile-menu[open]),.hero:has(.mobile-menu[open]){overflow:visible;z-index:30}
}
@media(max-width:760px){.site-header .brand .wordmark-frame{width:min(420px,calc(100vw - 120px))}}