:root{
  --motion-distance:18px;
  --motion-speed:.72s;
  --motion-lift:-3px;
  --motion-scale:1.018;
}
html[data-motion="soft"]{--motion-distance:10px;--motion-speed:.58s;--motion-lift:-2px;--motion-scale:1.008}
html[data-motion="strong"]{--motion-distance:28px;--motion-speed:.9s;--motion-lift:-5px;--motion-scale:1.028}

html[data-motion-reveal="on"] .scroll-reveal{
  transform:translateY(var(--motion-distance));
  transition-duration:var(--motion-speed);
}
html[data-motion-reveal="off"] .scroll-reveal,
html[data-motion="off"] .scroll-reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

html[data-hero-depth="on"] .slide-media{animation:hero-zoom-out 5.5s cubic-bezier(.16,.66,.28,1) both}
html[data-hero-depth="on"] .slide-content>*{animation:hero-copy-up 1s cubic-bezier(.2,.72,.2,1) both}
html[data-hero-depth="on"] .slide-content small{animation-delay:.12s}
html[data-hero-depth="on"] .slide-content h2{animation-delay:.22s}
html[data-hero-depth="on"] .slide-content p{animation-delay:.34s}
html[data-hero-depth="on"] .slide-content a{animation-delay:.46s}
html[data-hero-depth="off"] .slide-media,
html[data-motion="off"] .slide-media{transform:scale(1);animation:none}
html[data-hero-depth="off"] .slide-content>*,
html[data-motion="off"] .slide-content>*{opacity:1;transform:none;animation:none}
@keyframes hero-zoom-out{from{transform:scale(1.2)}to{transform:scale(1)}}
@keyframes hero-copy-up{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}

@media(hover:hover) and (pointer:fine){
  html[data-card-hover="on"] .academy-card:hover,
  html[data-card-hover="on"] .resource-articles>button:hover,
  html[data-card-hover="on"] .factory-video-grid>button:hover,
  html[data-card-hover="on"] .story-timeline article:hover{
    transform:translateY(var(--motion-lift));
    box-shadow:0 14px 30px rgba(14,35,60,.10);
  }
  html[data-card-hover="on"] .actions button:hover,
  html[data-card-hover="on"] form>button:hover{
    transform:scale(var(--motion-scale));
  }
}
html[data-card-hover="off"] .academy-card:hover,
html[data-card-hover="off"] .resource-articles>button:hover,
html[data-card-hover="off"] .factory-video-grid>button:hover,
html[data-card-hover="off"] .story-timeline article:hover,
html[data-card-hover="off"] .gallery-item:hover,
html[data-motion="off"] .academy-card:hover,
html[data-motion="off"] .resource-articles>button:hover,
html[data-motion="off"] .factory-video-grid>button:hover,
html[data-motion="off"] .story-timeline article:hover,
html[data-motion="off"] .gallery-item:hover{transform:none;box-shadow:none}

.academy-card,.resource-articles>button,.factory-video-grid>button,.story-timeline article,.actions button,form>button{
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,background-color .2s ease,border-color .2s ease;
}

@media(max-width:760px){html[data-hero-depth="on"] .slide-media{animation-duration:5.5s}}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .scroll-reveal{opacity:1!important;transform:none!important}
}