html{scroll-padding-top:var(--header-offset,240px)}
header{position:sticky;top:0;z-index:50;background:var(--paper);gap:24px}
header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 26px}
header nav a{display:inline-flex;align-items:center;min-height:44px}
header.is-compact{padding-block:6px}
header.is-compact .brand img{width:112px;height:104px}
header.is-compact{box-shadow:0 6px 16px #07577812}
@media(max-width:760px){
  header{flex-direction:row;padding:10px 5%;gap:16px}
  header .brand img{width:110px;height:102px}
  header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;gap:0 12px;width:auto}
  header nav>a:not(.nav-order),header nav .nav-order{display:flex;font-size:12px;line-height:1.3;padding:6px 0;border:0}
  header.is-compact .brand img{width:76px;height:71px}
  header.is-compact{padding-block:6px}
}
@media(max-width:360px){header{gap:10px}header .brand img{width:82px;height:76px}header nav{gap:0 8px}header nav>a:not(.nav-order),header nav .nav-order{font-size:11px}}