/* Mobile header only. Approved hero and desktop rules are unchanged. */
@media(max-width:800px){
  header{height:90px;padding-block:15px;background:rgba(238,234,226,.96);transition:height .32s cubic-bezier(.2,.7,.2,1),padding .32s cubic-bezier(.2,.7,.2,1),background-color .32s,border-color .32s}
  header .logo{display:flex;align-items:center;min-height:44px;flex:none}
  header .logo img{width:132px;height:44.4px;transform-origin:left center;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
  header .outline{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;height:46px;padding:10px 15px;margin-right:8px;font-size:10px;line-height:1.2;white-space:nowrap;transition:height .32s,padding .32s,font-size .32s}
  header #menu{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;line-height:1}
  header.is-compact{height:70px;padding-block:9px;background:rgba(238,234,226,.985);border-bottom-color:rgba(36,39,44,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  header.is-compact .logo img{transform:scale(.91)}
  header.is-compact .outline{height:44px;padding:8px 13px;font-size:9.5px}
  header + #mobile{top:90px;transition:top .32s cubic-bezier(.2,.7,.2,1)}
  header.is-compact + #mobile{top:70px}
  .mobile-header-sentinel{position:absolute;top:0;left:0;width:1px;height:48px;opacity:0;pointer-events:none}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){
  header,header .logo img,header .outline,header + #mobile{transition:none}
}