.hero-deck{position:absolute;right:max(6vw,calc((100vw - 1220px)/2));top:50%;width:clamp(175px,22vw,290px);aspect-ratio:210/230;transform:translateY(-48%);perspective:1200px;z-index:2}
.hero-deck-space{position:absolute;inset:0;transform-style:preserve-3d}
.hero-deck-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;box-shadow:0 18px 30px #0005;backface-visibility:hidden;animation:thessHeroDeck 12s cubic-bezier(.45,0,.2,1) infinite;will-change:transform}
.hero-deck-card:nth-child(2){animation-delay:-9s}.hero-deck-card:nth-child(3){animation-delay:-6s}.hero-deck-card:nth-child(4){animation-delay:-3s}
.hero-deck-card.sponsor{box-sizing:border-box;background:linear-gradient(145deg,#54b69f,#087269);object-fit:contain;padding:7.6%}
@keyframes thessHeroDeck{0%,14%{transform:translate3d(0,8px,95px) rotate(4deg);filter:brightness(1.05)}22%{transform:translate3d(48%,-12px,20px) rotate(20deg);filter:brightness(.95)}25%,39%{transform:translate3d(25px,-38px,-150px) rotate(13deg);filter:brightness(.62)}50%,64%{transform:translate3d(8px,-27px,-85px) rotate(7deg);filter:brightness(.72)}75%,89%{transform:translate3d(-23px,-13px,-15px) rotate(-7deg);filter:brightness(.86)}100%{transform:translate3d(0,8px,95px) rotate(4deg);filter:brightness(1.05)}}
.hero-deck{border:0;padding:0;background:transparent;cursor:pointer;color:inherit}
.hero-deck.is-paused .hero-deck-card{animation-play-state:paused}
@media(hover:hover){.hero-deck:hover .hero-deck-card{animation-play-state:paused}}
@media(max-width:800px){
  .hero-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:135px;max-width:360px;margin:-6px 0 9px}
  .hero-action-row>.button{background:var(--teal);color:white;flex:0 1 auto;margin:0;max-width:calc(100% - 140px)}
  .hero-deck-slot{height:135px;width:130px;flex:none;display:grid;place-items:center}
  .hero-deck{display:block;position:relative;right:auto;top:auto;transform:none;width:96px;height:105px;perspective:850px;touch-action:manipulation}
  .hero-deck-card{animation-name:thessMobileDeck;box-shadow:0 12px 22px #0004}
}
@media(max-width:350px){.hero-deck-slot{width:115px}.hero-deck{width:86px;height:94px}.hero-action-row>.button{max-width:calc(100% - 125px)}}
@keyframes thessMobileDeck{0%,14%{transform:translate3d(0,4px,38px) rotate(4deg)}22%{transform:translate3d(58px,-6px,8px) rotate(20deg)}25%,39%{transform:translate3d(14px,-18px,-65px) rotate(13deg)}50%,64%{transform:translate3d(5px,-12px,-38px) rotate(7deg)}75%,89%{transform:translate3d(-13px,-6px,-8px) rotate(-7deg)}100%{transform:translate3d(0,4px,38px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.hero-deck-card{animation-play-state:paused}}