/* Shared header lockup. Scale the native 26/104 by 32 geometry together. */
header .brand { display:inline-flex; align-items:center; gap:0; width:auto; flex-shrink:0; }
header .brand picture { display:block; margin:0; }
header .brand .mark { display:block; width:39px; height:48px; margin-right:-6px; object-fit:contain; }
header .brand .word { display:block; width:156px; height:48px; object-fit:contain; object-position:left center; }
@media(max-width:700px) {
  header .brand .mark { width:32.5px; height:40px; margin-right:-5px; }
  header .brand .word { width:130px; height:40px; }
}