/* =========================================================================
   home2 — chrome: the header.
   The old prototype's, unchanged in look and behaviour. Its own rules live
   in styles.css and are loaded from there; only home.css's page-level
   tweaks to it are repeated here, on this page's gutter. The footer is a
   design-system module now: src/ds/modules/footer/.
   ========================================================================= */

/* the header stands on the same gutter as the copy under it */
@media (min-width: 721px) {
  .home2 .nav { padding-inline: var(--gutter); }
  .home2 .nav.is-stuck { padding-inline: 0; }
  .home2 .nav.is-stuck .nav__bar { padding-inline: var(--gutter); }
  .home2 .nav.is-stuck .nav__left  { padding-left: 0; }
  .home2 .nav.is-stuck .nav__right { padding-right: 0; }
  .home2 .nav__bar { transition: border-radius .32s cubic-bezier(.22, 1, .36, 1),
                                 padding .32s cubic-bezier(.22, 1, .36, 1); }
  .home2 .nav__left, .home2 .nav__right { transition: padding .32s cubic-bezier(.22, 1, .36, 1); }
}