/* Sprint 0.63.0 — Hero polish: purple controls, seamless blend and restrained motion */
:root{
  --wpm-hero-purple-deep:#2f203d;
  --wpm-hero-purple-mid:#4f3167;
  --wpm-hero-purple-soft:#775493;
  --wpm-hero-orange:#eba90a;
}

/* Controls: remove the inherited pink/red state and keep the full carousel on-brand. */
.wpm-promo--integrated .wpm-hero-slider__controls>button,
.wpm-promo--integrated .wpm-hero-slider__controls>button:focus,
.wpm-promo--integrated .wpm-hero-slider__controls>button:active{
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(79,49,103,.96),rgba(47,32,61,.96))!important;
  box-shadow:0 8px 22px rgba(27,16,36,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.wpm-promo--integrated .wpm-hero-slider__controls>button:hover,
.wpm-promo--integrated .wpm-hero-slider__controls>button:focus-visible{
  border-color:rgba(235,169,10,.72)!important;
  color:var(--wpm-hero-purple-deep)!important;
  background:linear-gradient(145deg,#f7cd58,var(--wpm-hero-orange))!important;
  box-shadow:0 10px 26px rgba(235,169,10,.28)!important;
}

/* Use the same purple family as the full-width phrase scenes and dissolve it gradually into the photo. */
.wpm-promo--integrated .wpm-hero-slide__image:after{
  background:
    linear-gradient(90deg,
      var(--wpm-hero-purple-soft) 0%,
      rgba(119,84,147,.98) 7%,
      rgba(119,84,147,.88) 18%,
      rgba(106,73,134,.70) 31%,
      rgba(86,56,111,.46) 45%,
      rgba(63,39,82,.22) 59%,
      rgba(47,32,61,.07) 70%,
      transparent 80%),
    linear-gradient(0deg,rgba(32,19,42,.16),transparent 52%)!important;
}
.wpm-promo--integrated .wpm-hero-slide__image{
  box-shadow:inset 20px 0 34px -30px rgba(47,32,61,.55),0 24px 50px rgba(35,20,49,.24)!important;
}

/* Preserve product detail: slower movement and a substantially smaller zoom range. */
.wpm-promo--integrated .wpm-hero-slide__image img{
  transform:scale(1.008)!important;
  transition:transform 12s cubic-bezier(.18,.72,.28,1)!important;
  will-change:transform;
}
.wpm-promo--integrated .wpm-hero-slide.is-active .wpm-hero-slide__image img{
  transform:scale(1.045)!important;
}

@media(max-width:700px){
  .wpm-promo--integrated .wpm-hero-slide__image:after{
    background:linear-gradient(0deg,
      rgba(47,32,61,.98) 3%,
      rgba(79,49,103,.90) 34%,
      rgba(100,69,128,.62) 57%,
      rgba(47,32,61,.12) 80%,
      transparent 94%)!important;
  }
  .wpm-promo--integrated .wpm-hero-slide.is-active .wpm-hero-slide__image img{
    transform:scale(1.035)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .wpm-promo--integrated .wpm-hero-slide__image img,
  .wpm-promo--integrated .wpm-hero-slide.is-active .wpm-hero-slide__image img{
    transform:scale(1.01)!important;
    transition:none!important;
  }
}