.hero-changing{
  display:block;
  position:relative;
  width:min(1480px,calc(100vw - 24px));
  max-width:none;
  min-height:1.08em;
  margin:.025em 0 0 50%;
  overflow:hidden;
  text-align:left;
  transform:translateX(-50%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
}
.hero-changing>.hero-changing-track{
  --hero-rail-x:0px;
  display:flex;
  width:max-content;
  align-items:baseline;
  gap:clamp(42px,4.4vw,78px);
  padding-inline:50vw;
  grid-area:auto;
  opacity:1;
  white-space:normal;
  pointer-events:none;
  transform:translate3d(var(--hero-rail-x),0,0);
  transition:transform .7s cubic-bezier(.2,.78,.2,1);
  will-change:transform;
}
.hero-changing-track.is-positioning,.hero-changing-track.is-positioning>span{transition:none}
.hero-changing-track>span{
  flex:0 0 auto;
  color:#080907;
  opacity:.2;
  white-space:nowrap;
  transition:opacity .5s ease;
}
.hero-changing-track>span.active{opacity:1}

@media(max-width:760px){
  .hero-changing{width:calc(100vw - 24px);margin-top:.08em;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
  .hero-changing-track{gap:30px}
}
@media(max-width:450px){
  .hero-changing{width:calc(100vw - 24px);max-width:none}
  .hero-changing-track{gap:24px}
  .hero-changing-track>span{text-align:left;max-width:none;min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .hero-changing>.hero-changing-track{display:flex!important;transform:translate3d(var(--hero-rail-x),0,0)!important}
  .hero-changing-track>span{display:block!important;opacity:.2!important}
  .hero-changing-track>span.active{opacity:1!important}
}