.hero-slide{z-index:0}
.hero-slide.is-active{z-index:1}
.hero-shade{z-index:1}
.hero-content{z-index:2;animation:hero-copy-in .65s .42s cubic-bezier(.2,.72,.22,1) both}
.hero-slide,.hero-slide img,.hero-panel{backface-visibility:hidden}
.hero-slide img{animation:none;will-change:auto}
.hero-slide.is-active img{animation:hero-drift 20s ease-in-out infinite alternate,hero-image-uncover 1.48s ease both;will-change:transform,opacity}
.hero-panels{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.hero-panel{position:absolute;inset:0;display:block;background-size:cover;background-repeat:no-repeat;opacity:0;--from-x:0%;--from-y:0%;clip-path:inset(0);will-change:auto}
.hero-slide.is-active .hero-panel{will-change:transform,opacity}
.hero-panel--left{clip-path:inset(0 66.6667% 0 0)}
.hero-panel--center{clip-path:inset(0 33.3333% 0 33.3333%)}
.hero-panel--right{clip-path:inset(0 0 0 66.6667%)}
.hero-slide.is-active .hero-panel{animation:hero-panel-in 1.35s cubic-bezier(.2,.72,.22,1) both}
.hero-slide.is-active .hero-panel--center{animation-delay:90ms}
.hero-slide.is-active .hero-panel--right{animation-delay:180ms}
.hero-slide[data-transition="0"] .hero-panel--left{--from-x:-105%}
.hero-slide[data-transition="0"] .hero-panel--center{--from-y:-105%}
.hero-slide[data-transition="0"] .hero-panel--right{--from-x:105%}
.hero-slide[data-transition="1"] .hero-panel--left{--from-y:105%}
.hero-slide[data-transition="1"] .hero-panel--center{--from-x:105%}
.hero-slide[data-transition="1"] .hero-panel--right{--from-y:-105%}
.hero-slide[data-transition="2"] .hero-panel--left{--from-x:105%}
.hero-slide[data-transition="2"] .hero-panel--center{--from-y:105%}
.hero-slide[data-transition="2"] .hero-panel--right{--from-x:-105%}
@keyframes hero-panel-in{
  0%{opacity:0;transform:translate3d(var(--from-x),var(--from-y),0)}
  14%{opacity:1}
  76%{opacity:1;transform:translate3d(0,0,0)}
  100%{opacity:0;transform:translate3d(0,0,0)}
}
@keyframes hero-image-uncover{
  0%,20%{opacity:0}
  100%{opacity:1}
}
@keyframes hero-copy-in{
  from{opacity:0;translate:0 14px}
  to{opacity:1;translate:0 0}
}
@media(prefers-reduced-motion:reduce){.hero-panels{display:none}}