/* Our Story page motion — paired with story-motion.js (page 46 only). */

/* Hero: the photo moves on its own layer so it can drift without exposing edges. */
/* !important: Elementor's own stylesheets load after this file. */
.evs-hero {
  position: relative !important;
  overflow: hidden !important;
  background-image: none !important;
}
.evs-hero-bg {
  position: absolute;
  top: -14%;
  bottom: -14%;
  left: -4%;
  right: -4%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  will-change: transform;
  pointer-events: none;
  z-index: 0;
}
.evs-hero > :not(.evs-hero-bg) {
  position: relative;
  z-index: 1;
  will-change: transform, opacity;
}

/* Photos: smooth tilt while hovered. */
.evs-tilt {
  transition: transform 0.25s ease-out, box-shadow 0.4s ease;
  will-change: transform;
}