/* Keep animated menu panels from focus-scrolling the fixed navigation.
   No typography, spacing, blur strength, or menu artwork is changed. */
.staggered-menu-wrapper.fixed-wrapper {
  overflow: clip !important;
}

/* Extend the existing gradient through the viewport's top safe area. */
:root {
  --nav-blur-height: calc(112px + env(safe-area-inset-top, 0px));
}
@media (max-width: 700px) {
  :root {
    --nav-blur-height: calc(88px + env(safe-area-inset-top, 0px));
  }
}

/* Offset the existing controls, preserving their deployed padding and fonts. */
.site-menu .staggered-menu-header,
.project-site-menu .staggered-menu-header {
  top: env(safe-area-inset-top, 0px);
  left: env(safe-area-inset-left, 0px);
  width: calc(100% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
}