/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/image_motion.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   FEATURED HERO PAN & ZOOM (KEN BURNS EFFECT) - CONFIGURATION
   ========================================================================== */
/* ==========================================================================
   KEYFRAME ANIMATION GENERATOR
   ========================================================================== */
@keyframes luminaPanZoomProminent {
  0% {
    transform: scale(1.15) translate(-1.98%, 1.98%);
    filter: brightness(1);
  }
  33% {
    transform: scale(1.38) translate(3%, -1.98%);
    filter: brightness(1.04);
  }
  66% {
    transform: scale(1.25) translate(-3%, -3%);
    filter: brightness(0.98);
  }
  100% {
    transform: scale(1.35) translate(1.98%, 3%);
    filter: brightness(1);
  }
}
/* ==========================================================================
   BLOCK STYLE IMPLEMENTATION
   ========================================================================== */
/* 1. Core Image Block */
.wp-block-image.is-style-pan-zoom {
  overflow: hidden !important;
}
.wp-block-image.is-style-pan-zoom img {
  will-change: transform, filter;
  animation: luminaPanZoomProminent 28s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  transform-origin: center center;
}

/* 2. Core Cover Block */
.wp-block-cover.is-style-pan-zoom {
  overflow: hidden !important;
}
.wp-block-cover.is-style-pan-zoom img.wp-block-cover__image-background,
.wp-block-cover.is-style-pan-zoom .wp-block-cover__image-background {
  will-change: transform, filter;
  animation: luminaPanZoomProminent 28s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  transform-origin: center center;
}

/* 3. Core Media & Text Block (e.g., 55/45 Hero Split) */
.wp-block-media-text.is-style-pan-zoom .wp-block-media-text__media {
  overflow: hidden !important;
}
.wp-block-media-text.is-style-pan-zoom .wp-block-media-text__media img {
  will-change: transform, filter;
  animation: luminaPanZoomProminent 28s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  transform-origin: center center;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

/* 4. Accessibility Safety Net (Disables motion for prefers-reduced-motion) */
@media (prefers-reduced-motion: reduce) {
  .wp-block-image.is-style-pan-zoom img,
  .wp-block-cover.is-style-pan-zoom img.wp-block-cover__image-background,
  .wp-block-cover.is-style-pan-zoom .wp-block-cover__image-background,
  .wp-block-media-text.is-style-pan-zoom .wp-block-media-text__media img {
    animation: none !important;
    transform: scale(1) !important;
    filter: none !important;
  }
}
/* ==========================================================================
   BLOCK STYLE: DRAMATIC PAN & ZOOM (PROMINENT KEN BURNS)
   ========================================================================== */
/* 1. Core Image Block */
/* 2. Core Cover Block */
/* 3. Accessibility Safety Net */
/* ==========================================================================
   BLOCK STYLE: PAN & ZOOM (KEN BURNS EFFECT)
   ========================================================================== */
/* 1. Core Image Block (.is-style-pan-zoom) */
/* 2. Core Cover Block (.is-style-pan-zoom) */
/* 3. Accessibility: Disable motion for users with prefers-reduced-motion */
