/* Final calibration: Work navigation blur and compact responsive hero spacing */
.work-nav.glass {
  isolation: auto !important;
}

.work-nav.glass::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: rgba(10, 12, 9, 0.16);
  backdrop-filter: blur(22px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.3) !important;
}

.work-nav.glass > a {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .page-hero-content {
    align-self: flex-end !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: clamp(22px, 3.4vw, 28px) !important;
  }
}

/* Keep every Work category reachable on compact desktop, tablet and phone */
@media (max-width: 1199px) {
  .work-nav.glass {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: clamp(20px, 5vw, 48px) !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    cursor: grab;
  }

  .work-nav.glass:active {
    cursor: grabbing;
  }

  .work-nav.glass::-webkit-scrollbar {
    display: none;
  }

  .work-nav.glass > a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    scroll-snap-align: start;
  }
}