@keyframes load-line{to{transform:translateX(0)}}

@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes hero-wordmark-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes hero-float-a{0%,100%{transform:translate3d(0,0,0) rotate(-.4deg)}50%{transform:translate3d(0,-12px,0) rotate(.5deg)}}
@keyframes hero-float-b{0%,100%{transform:translate3d(0,0,0) rotate(.45deg)}50%{transform:translate3d(0,10px,0) rotate(-.55deg)}}
@keyframes hero-sculpture-breathe{0%,100%{transform:translate3d(0,0,0) rotate(-1deg) scale(1)}50%{transform:translate3d(0,-11px,0) rotate(1deg) scale(1.025)}}



.magnetic{will-change:transform}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .js-reveal{opacity:1!important;transform:none!important}
  
  .cursor-dot{display:none!important}
}