/* Same-origin page transitions are handled by the browser; links are never delayed. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:arena-page-out .18s ease both}
::view-transition-new(root){animation:arena-page-in .38s cubic-bezier(.22,1,.36,1) both}
@keyframes arena-page-out{to{opacity:0;transform:translateY(-7px)}}
@keyframes arena-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes arena-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes arena-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-9px) rotate(12deg)}}
@keyframes arena-ribbon{to{transform:translateX(-100%)}}
.has-motion .hero-content>*,.has-motion .page-hero-copy>*{animation:arena-enter .85s cubic-bezier(.22,1,.36,1) both}
.has-motion .hero-content>:nth-child(2),.has-motion .page-hero-copy>:nth-child(2){animation-delay:.08s}
.has-motion .hero-content>:nth-child(3),.has-motion .page-hero-copy>:nth-child(3){animation-delay:.16s}
.has-motion .hero-content>:nth-child(4),.has-motion .page-hero-copy>:nth-child(4){animation-delay:.24s}
.has-motion .hero-content>:nth-child(5){animation-delay:.32s}
.has-motion .hero-stamp{animation:arena-float 6s ease-in-out infinite}
.has-motion .reveal-pending{transition:opacity .7s ease var(--reveal-delay,0ms),transform .85s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.has-motion .reveal-pending:not(.is-visible):not(:focus-within){opacity:0;transform:translate3d(0,25px,0)}
.has-motion :is(.about-photos,.events-photo,.split-photo,.instagram-tile).reveal-pending:not(.is-visible):not(:focus-within){transform:translate3d(0,28px,0) scale(.97)}
.page-hero-photo,.events-photo{overflow:hidden}
.has-motion .hero-image,.has-motion .page-hero-photo img,.has-motion .events-photo img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.085);will-change:transform}
.marquee>[data-motion-clone]{display:none}
.has-motion .marquee{display:flex}
.has-motion .marquee>div{flex-shrink:0;min-width:100%;width:max-content;padding-right:35px;animation:arena-ribbon 42s linear infinite}
.has-motion .marquee>[data-motion-clone]{display:flex}
.motion-suspended .hero-stamp,.motion-suspended .marquee>div{animation-play-state:paused}
.button::after,.text-link::after,.card-link::after{transition:transform .25s ease}
.button:hover::after,.text-link:hover::after,.card-link:hover::after{transform:translate(3px,-3px)}
html:not(.has-motion)::view-transition-old(root),html:not(.has-motion)::view-transition-new(root){animation:none}
.motion-disabled{scroll-behavior:auto}
.motion-disabled *{animation:none!important;transition:none!important}
.motion-disabled .benefit:hover,.motion-disabled .benefit:focus-within{translate:none}
.motion-disabled .button:hover,.motion-disabled .experience:hover>img,.motion-disabled .instagram-tile:hover img,.motion-disabled .benefit:hover .benefit-icon{transform:none}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .hero-image,.page-hero-photo img,.events-photo img,.reveal-pending{transform:none!important;opacity:1!important}
}
@media print{.reveal-pending{opacity:1!important;transform:none!important}}
