/* v16: HOME header outside the clipped hero, matching the other pages.
   Keep the header over the artwork without changing hero geometry. */
.page-index > .site-header {
  position:absolute; top:0; left:0; right:0; z-index:100;
}
@media (max-width:1440px) {
  .page-index > .site-header {
    box-sizing:border-box; width:calc(100% - 48px); max-width:none;
    margin:0 24px; padding:22px 0; gap:12px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .page-index > .site-header > .menu-toggle {
    display:flex!important; visibility:visible; opacity:1;
    position:relative; flex:0 0 46px; width:46px; height:46px;
    padding:7px; margin:0 0 0 auto; color:#fff;
    flex-direction:column; align-items:center; justify-content:center;
  }
  .page-index > .site-header > .menu-toggle span:not(.sr-only) {
    display:block; box-sizing:border-box; width:26px; height:2px; min-height:2px;
    flex:0 0 2px; margin:3px 0;
  }
  .page-index > .site-header > .site-nav { right:0; left:auto; }
}
@media (max-width:760px) {
  .page-index > .site-header { width:calc(100% - 32px); margin:0 16px; }
}