/* Special Learning motion layer, October 26, 2026. One file for special-learning.com, the store's
   product pages and the native store. Named keyframes for narrative scenes: slm-rise, slm-fade,
   slm-scale, slm-draw. Elements are hidden only by sl-motion.js, only below the fold, and only
   when motion is allowed, so a page without the script, or with reduced motion, shows everything. */
:root{--slm-ease:cubic-bezier(.22,.61,.36,1);--slm-in:520ms;--slm-quick:260ms;--slm-rise:20px}
@keyframes slm-rise{from{opacity:0;transform:translate3d(0,var(--slm-rise),0)}to{opacity:1;transform:none}}
@keyframes slm-fade{from{opacity:0}to{opacity:1}}
@keyframes slm-scale{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}
@keyframes slm-draw{to{stroke-dashoffset:0}}
.slm-js [data-slm-state="wait"]{opacity:0;transform:translate3d(0,var(--slm-rise),0)}
.slm-js [data-slm-state="wait"][data-slm="fade"]{transform:none}
.slm-js [data-slm-state="wait"][data-slm="scale"]{transform:scale(.965)}
.slm-js [data-slm-state="in"]{opacity:1;transform:none;transition:opacity var(--slm-in) var(--slm-ease),transform var(--slm-in) var(--slm-ease);transition-delay:var(--slm-delay,0ms)}
.slm-lift{transition:transform var(--slm-quick) var(--slm-ease),box-shadow var(--slm-quick) var(--slm-ease)}
.slm-lift:hover,.slm-lift:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(53,32,64,.45)}
.slm-lift-card{transition:transform var(--slm-quick) var(--slm-ease),box-shadow var(--slm-quick) var(--slm-ease)}
.slm-lift-card:hover,.slm-lift-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(53,32,64,.45)}
.slm-header{transition:box-shadow 320ms var(--slm-ease)}
.slm-scrolled .slm-header{box-shadow:0 8px 20px -14px rgba(53,32,64,.4)}
@media (prefers-reduced-motion:reduce){
  .slm-js [data-slm-state]{opacity:1!important;transform:none!important;transition:none!important}
  .slm-lift,.slm-lift-card,.slm-header{transition:none!important}
  .slm-lift:hover,.slm-lift:focus-visible,.slm-lift-card:hover,.slm-lift-card:focus-within{transform:none!important}
}
@media print{.slm-js [data-slm-state]{opacity:1!important;transform:none!important}}
