.slide-host{
  position:relative;z-index:3;overflow:clip;
  margin-top:calc(var(--slide-max) * -1);
  padding-top:calc(var(--band) + var(--slide-max));
}
.slide{
  position:absolute;inset:0;z-index:0;background:var(--ground);
  transform:translateY(var(--slide,0px));
  backface-visibility:hidden;
}
.plate{
  --plate-lag:72px;--plate-tilt:-3.5deg;--plate-depth:-60px;
  position:absolute;inset:0;z-index:0;background:var(--plate);
  transform-origin:50% 0;
  transform:perspective(1500px) rotateX(var(--tilt,0deg))
            translate3d(0,var(--lag,0px),var(--depth,0px));
  backface-visibility:hidden;
}
.plate ~ *,.slide ~ *{position:relative;z-index:1}

.px{--parallax:-34px}
.px img{translate:0 var(--py,0px)}

@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    :has(> .plate){view-timeline-name:--plate}
    .plate{
      animation:plate-rest cubic-bezier(.333,0,.667,1) both;
      animation-timeline:--plate;
      animation-range:entry 0% entry 100%;
      animation-range:entry 0% entry min(100%,calc((1 - var(--motion-end)) * 100vh));
    }
    .slide-host{view-timeline-name:--slide}
    .slide{
      animation:slide-rest cubic-bezier(.333,0,.667,1) both;
      animation-timeline:--slide;
      animation-range:entry 0% entry calc((1 - var(--motion-end)) * 100vh);
    }
    .px{view-timeline-name:--px}
    .px img{
      animation:px-drift linear both;
      animation-timeline:--px;
      animation-range:entry 50% exit 50%;
    }
  }
}
@keyframes plate-rest{
  from{transform:perspective(1500px) rotateX(calc(var(--plate-tilt) * var(--motion-amp)))
                 translate3d(0,calc(var(--plate-lag) * var(--motion-amp)),calc(var(--plate-depth) * var(--motion-amp)))}
  to{transform:perspective(1500px) rotateX(0deg) translate3d(0,0,0)}
}
@keyframes slide-rest{
  from{transform:translateY(calc(var(--slide-max) * var(--motion-amp)))}
  to{transform:translateY(0)}
}
@keyframes px-drift{
  from{translate:0 calc(var(--parallax) / 2)}
  to{translate:0 calc(var(--parallax) / -2)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .strip-track{animation:none}
  .sk::after{animation:none}
  *{transition-duration:1ms!important}
}