/* V49 — one mobile header system across the site.
   The homepage keeps its transparent treatment, but uses the exact same
   top-aligned two-row geometry as the internal pages. */
@media (max-width:800px) {
  .site-shell-header {
    height:108px !important;
    border-bottom:1px solid #d8d0c4 !important;
  }

  .site-shell-header .site-shell-inner {
    height:108px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .site-shell-brand {
    height:58px !important;
    flex:0 0 58px !important;
    font-size:19px !important;
  }

  .site-shell-links {
    height:42px !important;
    flex:0 0 42px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    border-top:1px solid #d8d0c4 !important;
  }

  .site-shell-links a {
    height:42px !important;
    min-height:42px !important;
    padding:0 2px !important;
  }

  /* Work's original page header has its own top border. The shared shell
     already supplies that boundary on mobile, so suppress the duplicate. */
  .site-shell-header + header {
    border-top:0 !important;
  }

  /* Homepage only: transparent, top-aligned version of the same header. */
  .nav.wrap {
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    z-index:60 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    width:100% !important;
    height:108px !important;
    margin:0 !important;
    padding:0 20px !important;
    background:transparent !important;
    border:0 !important;
    color:#fff !important;
  }

  .nav .brand {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-size:19px !important;
  }

  .nav .links {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:center !important;
    width:100% !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    border-top:1px solid rgba(255,255,255,.62) !important;
    color:#fff !important;
  }

  .nav .links a,
  .nav .links a:nth-child(n) {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 2px !important;
    border:0 !important;
    color:#fff !important;
    font-size:10px !important;
    letter-spacing:.08em !important;
  }
}