/* BEST OF YOU v2.1 — progressive scroll storytelling. Front-end only. */
.boy-landing.boy-motion-ready { --boy-motion-amplitude: 1; --boy-scroll-pct: 0%; }
.boy-landing.boy-motion-ready.boy-motion-gentle { --boy-motion-amplitude: .5; }
.boy-landing.boy-motion-ready.boy-motion-strong { --boy-motion-amplitude: 1.35; }
.boy-landing.boy-motion-ready.boy-motion-off { --boy-motion-amplitude: 0; }

/* Each editable Gutenberg block remains in document flow; only transform and opacity change. */
.boy-landing.boy-motion-ready .boy-step,
.boy-landing.boy-motion-ready .boy-intro,
.boy-landing.boy-motion-ready .boy-experiences,
.boy-landing.boy-motion-ready .boy-feature-card,
.boy-landing.boy-motion-ready .boy-open-day {
  opacity: var(--boy-opacity, 1);
  transform: translate3d(var(--boy-x,0px), var(--boy-y,0px), 0)
             scale(var(--boy-scale,1)) rotate(var(--boy-angle,0deg));
  transition: box-shadow .28s ease, background-color .2s ease !important;
  backface-visibility: hidden;
}
.boy-landing.boy-motion-ready .boy-hero .boy-hero-image img {
  transform: translate3d(0, var(--boy-hero-shift,0px), 0)
             scale(var(--boy-hero-scale,1));
  transition: none !important;
  transform-origin: center center;
}
.boy-landing.boy-motion-ready .boy-step .boy-artwork img {
  transform: translate3d(0, var(--boy-art-shift,0px), 0)
             rotate(var(--boy-art-rotate,0deg));
  transition: none !important;
}
.boy-landing.boy-motion-ready .boy-hero-title {
  transform:translate3d(0,var(--boy-title-shift,0px),0);
}
.boy-landing.boy-motion-ready .boy-hero::after {
  transform: translate3d(0,var(--boy-hero-circle-shift,0px),0);
}
.boy-landing .boy-chapters::after{transition:none!important;}
.boy-landing .boy-step.is-current::before {
  box-shadow: 0 0 0 2px var(--boy-navy),0 0 0 10px rgba(241,193,66,.2);
}
/* Motion-disabled blocks remain still, regardless of their position. */
.boy-landing.boy-motion-ready .boy-fx-none {
  transform:none !important;opacity:1 !important;
}
.boy-landing.boy-motion-ready .boy-fx-none .boy-artwork img {transform:none!important;}
.boy-landing.boy-motion-ready.boy-motion-off :is(.boy-step,.boy-intro,.boy-experiences,.boy-feature-card,.boy-open-day),
.boy-landing.boy-motion-ready.boy-motion-off .boy-hero-image img,
.boy-landing.boy-motion-ready.boy-motion-off .boy-hero-title,
.boy-landing.boy-motion-ready.boy-motion-off .boy-hero::after {transform:none!important;opacity:1!important;}
/* No content ever becomes unavailable to people who request reduced movement. */
@media (prefers-reduced-motion: reduce) {
 .boy-landing :is(.boy-step,.boy-intro,.boy-experiences,.boy-feature-card,.boy-open-day,.boy-hero-image img,.boy-hero-title){
   opacity:1!important;transform:none!important;transition:none!important;animation:none!important;
 }
 .boy-landing .boy-hero::after{transform:none!important;}
}