/* Mobile header v1 (2026-09-24): a slim bar flush to the top instead of a floating 60px glass card.
   The old card hung 10px below the edge and ran a 26px backdrop blur over the hero frame sequence,
   so every scrolled frame was re-blurred (the lag) and it read heavy. Desktop is untouched. */
@media(max-width:800px){
html body .nav,html body .nav.at-finish,html body .nav.is-scrolling{top:0!important;left:0!important;right:0!important;padding:calc(6px + env(safe-area-inset-top)) 14px 6px!important;border:0!important;border-bottom:1px solid rgba(39,42,43,.08)!important;border-radius:0!important;background:rgba(250,249,245,.97)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important;transform:translateZ(0);contain:layout paint}
html body .nav>a img{width:104px}
:root body .nav .button.small{min-height:36px;padding:7px 13px;font-size:12px;box-shadow:none}
}
