.icon-arrow{display:inline-block;flex:0 0 18px;width:18px!important;height:18px!important;min-width:18px;max-width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;transition:transform .25s ease}
a:hover>.icon-arrow,button:hover>.icon-arrow{transform:translate(2px,-2px)}
.icon-arrow-up{transform:rotate(-45deg)}
a:hover>.icon-arrow-up{transform:rotate(-45deg) translate(2px,-2px)}
.programme-card>.icon-arrow{justify-self:end;width:24px;height:24px}
.class-picker>label.is-programme-selected span{animation:programme-selected 1.35s ease;position:relative;z-index:1}
.text-link .icon-arrow{margin-left:8px}
.mobile-trial-cta{display:none}

@media(max-width:900px){
  .mobile-trial-cta{position:fixed;z-index:60;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#f44a1a;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.34);transform:translate3d(0,140%,0) scale(.96);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;will-change:transform}
  .mobile-trial-cta.is-visible{transform:translate3d(0,0,0) scale(1);opacity:1}
  .mobile-trial-cta .icon-arrow{flex-basis:18px;width:18px!important;height:18px!important}
  .mobile-trial-cta:active .icon-arrow{transform:translate(3px,-3px)}

  body.motion-ready .programme-card,
  body.motion-ready .stats>div,
  body.motion-ready .schedule-day article,
  body.motion-ready .academy li,
  body.motion-ready .class-picker>label{opacity:0;transform:translate3d(0,24px,0) scale(.985)}
  body.motion-ready .programme-card.mobile-in,
  body.motion-ready .stats>div.mobile-in,
  body.motion-ready .schedule-day article.mobile-in,
  body.motion-ready .academy li.mobile-in,
  body.motion-ready .class-picker>label.mobile-in{opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity .62s ease var(--mobile-delay,0ms),transform .72s cubic-bezier(.2,.75,.2,1) var(--mobile-delay,0ms)}

  .button,.programme-card,.class-picker>label,.schedule-day article{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
  .button:after,.programme-card:after,.class-picker>label:after,.schedule-day article:after{content:"";position:absolute;left:var(--tap-x,50%);top:var(--tap-y,50%);width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.28);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(0)}
  .button.is-tapped:after,.programme-card.is-tapped:after,.class-picker>label.is-tapped:after,.schedule-day article.is-tapped:after{animation:mobile-ripple .58s ease-out}
  .programme-card:active,.schedule-day article:active{transform:scale(.985)!important}
  .class-picker>label:active{transform:scale(.97)!important}
  .class-picker input:checked+span{animation:choice-pop .35s cubic-bezier(.2,.8,.2,1)}

  .schedule{position:relative;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .schedule-day{scroll-snap-align:start}
  .schedule:after{content:"Swipe to explore";position:sticky;left:18px;bottom:12px;display:inline-block;margin:12px 0;padding:7px 10px;background:#151517;color:var(--hot);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;animation:swipe-pulse 2.2s ease-in-out infinite}

  .hero-media,.hero-content{transform:none!important;will-change:auto}
  .hero-grain{opacity:.07}

  .hero .eyebrow:before{animation:ember-pulse 1.8s ease-in-out infinite}
  .scroll-cue i{transform-origin:left;animation:scroll-line 1.8s ease-in-out infinite}
}

@keyframes mobile-ripple{0%{opacity:.65;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(32)}}
@keyframes choice-pop{50%{transform:scale(1.025)}}
@keyframes swipe-pulse{50%{transform:translateX(7px);opacity:.65}}
@keyframes ember-pulse{50%{transform:scale(1.55);box-shadow:0 0 24px var(--hot)}}
@keyframes scroll-line{0%,100%{transform:scaleX(.35);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@keyframes programme-selected{0%,100%{box-shadow:inset 3px 0 0 var(--hot)}35%{box-shadow:inset 3px 0 0 var(--hot),0 0 0 7px rgba(255,75,24,.14);transform:scale(1.025)}}

@media(prefers-reduced-motion:reduce){
  body.motion-ready .programme-card,body.motion-ready .stats>div,body.motion-ready .schedule-day article,body.motion-ready .academy li,body.motion-ready .class-picker>label{opacity:1;transform:none}
  .mobile-trial-cta{transition:none}
  .button:after,.programme-card:after,.class-picker>label:after,.schedule-day article:after,.schedule:after,.hero .eyebrow:before,.scroll-cue i{animation:none!important}
}
