:root {
  --dv-scroll-velocity: 0;
  --dv-scroll-abs: 0;
  --dv-wind-y: 0px;
  --dv-wind-rotate: 0deg;
  --dv-wind-blur: 0px;
  --dv-wind-heading-y: 0px;
  --dv-wind-eyebrow-y: 0px;
  --dv-wind-heading-skew: 0deg;
}

html.dv-smooth-scroll-active {
  scroll-behavior: auto !important;
}

html.dv-smooth-scroll-active body {
  overscroll-behavior-y: none;
}

html.dv-smooth-scroll-ready .dv-image-card {
  --ic-wind-y: var(--dv-wind-y);
  --ic-wind-rotate: var(--dv-wind-rotate);
  --ic-wind-blur: var(--dv-wind-blur);
}

html.dv-smooth-scroll-ready .dv-recent-work__heading {
  transform: translate3d(0, var(--dv-wind-heading-y), 0) skewY(var(--dv-wind-heading-skew));
  transform-origin: 50% 50%;
  will-change: transform;
}

html.dv-smooth-scroll-ready .dv-recent-work__eyebrow {
  transform: translate3d(0, var(--dv-wind-eyebrow-y), 0);
  will-change: transform;
}

html.dv-smooth-scroll-ready .dv-recent-work__heading,
html.dv-smooth-scroll-ready .dv-recent-work__eyebrow {
  transition: transform 180ms cubic-bezier(0.1, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  html.dv-smooth-scroll-ready .dv-recent-work__heading,
  html.dv-smooth-scroll-ready .dv-recent-work__eyebrow {
    transform: none;
    transition: none;
  }
}