/* Keep the logo on a stable, opaque surface while scrolling. */
header{background:#f5f2eb;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
header nav{min-height:94px}
header .brand{flex-shrink:0;gap:12px;mix-blend-mode:multiply}
header .brand img{mix-blend-mode:normal}
header .brand-rabbit,header .rabbit{flex:0 0 50px;width:50px;height:66px}
header .brand-rabbit img,header .rabbit img{width:101px;top:-6px;left:-26px;max-width:none}
header .brand-wordmark,header .wordmark{width:254px;height:auto}
@media(max-width:1050px){
 .menu{display:block}
 .navlinks{display:none;position:absolute;top:94px;left:0;right:0;padding:20px;flex-direction:column;align-items:stretch;background:#f5f2eb;border-bottom:1px solid var(--line)}
 .navlinks.open{display:flex}
 .navlinks a{padding:8px;text-align:center}
}
@media(max-width:520px){
 header nav{min-height:84px;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
 header .brand{gap:8px}
 header .brand-rabbit,header .rabbit{flex-basis:42px;width:42px;height:55px}
 header .brand-rabbit img,header .rabbit img{width:84px;top:-5px;left:-22px}
 header .brand-wordmark,header .wordmark{width:clamp(180px,52vw,207px)}
 .navlinks{top:100%}
}