.hero {position:relative;isolation:isolate;overflow:hidden;min-height:850px;padding-top:100px;padding-bottom:80px;}
.hero > :not(.collectible-sky) {position:relative;z-index:2;}
.hero .logo-wrap {max-width:min(640px,60vw);}
.collectible-sky {position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none;overflow:hidden;}
.floater {position:absolute;top:100%;width:var(--size);animation:rise 63s linear infinite;animation-delay:var(--delay);will-change:transform;}
.floater.left {left:clamp(16px,8vw,140px);}
.floater.right {right:clamp(16px,8vw,140px);animation-duration:56s;}
.floater img {display:block;width:100%;max-height:170px;object-fit:contain;filter:drop-shadow(0 10px 16px #0008);animation:wobble 7s ease-in-out infinite alternate;animation-delay:var(--delay);}
@keyframes rise {from {transform:translateY(100px) rotate(var(--turn));} to {transform:translateY(-1150px) rotate(calc(var(--turn) * -1));}}
@keyframes wobble {from {transform:translateX(-18px) rotate(-5deg);} to {transform:translateX(18px) rotate(5deg);}}
@media(max-width:700px){.hero{min-height:790px;padding:90px 20px 130px}.hero .logo-wrap{max-width:100%;}.floater{width:calc(var(--size)*.57);opacity:.7}.floater.left{left:-17px}.floater.right{right:-17px}.floater img{max-height:95px}.hero .event-meta,.hero .cta-row{background:radial-gradient(ellipse,#0b0b0bf2 60%,transparent 75%)}.collectible-sky{mask-image:linear-gradient(#000 5%,#0003 30%,#0003 78%,#000 100%);}}
@media(prefers-reduced-motion:reduce){.floater,.floater img{animation:none}.floater{top:calc(10% + var(--delay)*0);display:none}.floater:first-child,.floater:nth-child(2){display:block;top:20%}}
.collectible-sky {clip-path:inset(76px 0 0);}
@media(min-width:701px){.hero{min-height:760px;padding-top:85px;padding-bottom:48px}.hero .logo-wrap{max-width:min(550px,56vw)}}
/* Let the collectibles show through the black areas of the logo video. */
.hero > .logo-wrap {mix-blend-mode:screen;background:transparent;}
@media(max-width:700px){.collectible-sky{mask-image:linear-gradient(#000 5%,#000 46%,#0004 68%,#000 100%)}.floater{opacity:.85}}