.grid-bg{background-color:#070a12;background-image:linear-gradient(#e8f2ff0b 1px,#0000 1px),linear-gradient(90deg,#e8f2ff0b 1px,#0000 1px);background-size:34px 34px}.hero-logo{animation:1.1s cubic-bezier(.2,.8,.2,1) both logoIn}@keyframes logoIn{0%{opacity:0;filter:blur(10px);transform:scale(.86)}to{opacity:1;filter:none;transform:none}}.lineup{animation:1s cubic-bezier(.2,.8,.2,1) .35s both fadeUp}.em-p{opacity:0;border-radius:50%;width:6px;height:6px;animation:4s linear infinite ember-p;position:absolute}@keyframes ember-p{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1}to{opacity:0;transform:translate(18px,-320px)scale(.3)}}.page-pyropals .pool{animation-name:pool-p}@keyframes pool-p{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.ch{transition:transform .25s,border-color .25s}.ch:hover{border-color:var(--c);transform:translateY(-6px)}.ch .ch-glow{opacity:.55;transition:transform .4s,opacity .4s}.ch:hover .ch-glow{opacity:1;transform:scale(1.25)}.ch .ch-img{transition:transform .4s cubic-bezier(.3,1.4,.5,1)}.ch:hover .ch-img{transform:translateY(-8px)scale(1.04)}.mp{transition:transform .25s,border-color .25s}.mp:hover{border-color:#e8f2ff59;transform:translateY(-4px)}.mp img{transition:transform .5s}.mp:hover img{transform:scale(1.06)}.gu{transition:transform .25s}.gu:hover{transform:translateY(-4px)}.gu:hover .gu-i{animation:.6s guf}@keyframes guf{50%{transform:translateY(-6px)rotate(-8deg)}}.gu-i{-webkit-mask-image:radial-gradient(circle,#000 52%,#0000 70%);mask-image:radial-gradient(circle,#000 52%,#0000 70%)}.shots{scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-padding-left:max(clamp(20px,5vw,64px),50% - 576px)}.shots>figure{scroll-snap-align:start}.step{transition:transform .25s}.step:hover{transform:translateY(-4px)}.scan{animation:5s linear infinite scan}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}