/* Header lockup: share the hero's 1680px grid so the wordmark sits on the headline's left edge,
   and scale the lockup up so it holds its own against the 100px+ headline. Below 1080px the hero
   stacks on the gutter and already aligns with the 1280px header container. */
@media (min-width:1080px){
  html body .header .header-inner{width:min(calc(100% - var(--gutter)*2),1680px)}
  html body .header .wordmark{width:232px}
}
@media (min-width:1400px){
  :root{--header-height:94px}
  html body .header .wordmark{width:258px}
}