/* GradualBlur - vanilla CSS port of react-bits component */

.gradual-blur {
  pointer-events: none;
  isolation: isolate;
  transition: opacity 0.3s ease-out;
}

.gradual-blur-parent {
  position: absolute;
  overflow: hidden;
}

.gradual-blur-page {
  position: fixed;
}

.gradual-blur-inner {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.gradual-blur-inner > div {
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: inherit;
  backdrop-filter: inherit;
}

.gradual-blur[data-hover-intensity] {
  pointer-events: auto;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .gradual-blur-inner > div {
    background: rgba(0, 0, 0, 0.18);
    opacity: 0.6;
  }
}

/* Lift Mumbai hero captions / marks above gradual blur overlays. */
.hero__plate .hero__plate-cap { z-index: 6; }
.hero__plate-mark { z-index: 6; }
.hero__strip-frame figcaption { z-index: 4; }