/* Production overrides to neutralize mobile left-edge seam and ensure full-bleed hero */
@media (max-width: 768px) {
  /* Force transform-based off-canvas nav (prevents 1–2px left seam) */
  .nav-menu {
    position: fixed;
    left: 0 !important;
    top: 70px;
    width: 100%;
    background: rgba(10, 10, 10, 0.95);
    text-align: center;
    transition: transform 0.3s ease, visibility 0s linear 0.3s !important; /* delay visibility switch until slide finishes */
    transform: translateX(-101%) !important; /* push slightly more to avoid subpixel peeking */
    visibility: hidden; /* ensure hidden until activated */
    pointer-events: none; /* prevent accidental clicks when hidden */
    will-change: transform;
    backdrop-filter: blur(10px);
    padding: var(--spacing-md) 0;
    z-index: 1001;
    flex-direction: column;
  }
  .nav-menu.active {
    transform: translateX(0) !important;
    visibility: visible; /* show when active */
    pointer-events: auto; /* enable interaction */
    transition: transform 0.3s ease, visibility 0s linear 0s !important; /* show immediately */
  }

  /* (Intentionally no navbar visual overrides) */

  /* Full-bleed hero with safety bleed to hide any subpixel seams */
  .page-hero {
    margin-top: 0 !important;
    padding-top: 7rem;
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
    position: relative;
  }
  .page-hero::before {
    left: -1px;
    right: -1px;
  }

  /* Lock body scroll when menu is open */
  body.menu-open {
    overflow: hidden;
  }
}