:root{--font-family: 'Jersey 15', display;--container-spacer: 6%;--gradient: linear-gradient(180deg, #7df5ff 0%, #77ffb9 50.48%, #ffea2c 100%);--slider-speed: 700ms}@font-face{font-family:"Jersey 15";src:url("../../dist/fonts/Jersey15-Regular.woff2") format("woff2"),url("../../dist/fonts/Jersey15-Regular.woff") format("woff"),url("../../dist/fonts/Jersey15-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{font-family:var(--font-family);font-weight:400;text-transform:uppercase}body{background-image:var(--gradient);background-size:100% 100%;background-repeat:no-repeat;overflow:hidden}img{max-width:100%}.container{max-inline-size:calc(100% - (2 * var(--container-spacer)));margin-inline:auto}.ux-message{position:fixed;inset:0;z-index:4;background-image:var(--gradient),url("../../dist/img/stadium.svg");background-blend-mode:multiply;background-size:100% auto;font-size:5rem;pointer-events:none;opacity:0}.ux-message__backdrop{height:100%;width:100%;display:grid;place-items:center;text-align:center;backdrop-filter:blur(5px)}.ux-message.show{opacity:1}.ux-message span{max-inline-size:30ch}.logo{position:fixed;top:0;left:var(--container-spacer);z-index:5}.hero{text-align:center;background-image:url("/dist/img/stadium.svg");background-size:auto 70%;background-repeat:no-repeat;background-position:center bottom;position:relative;height:100dvh;overflow:hidden;transition:all .75s ease-in-out}@media(min-width: 750px){.hero{background-size:100%}}.hero .container{height:100%;display:flex;justify-content:flex-end;flex-direction:column;align-items:center}.hero__cloud{position:absolute;transition:all .75s ease-out}.hero__cloud--1{top:-1.5rem;right:-2rem}.hero__cloud--2{left:0;top:21%}.hero__heading{font-size:5.5rem;line-height:.675;max-inline-size:8ch;margin:1.25rem auto auto;transition:all .75s ease-in-out}.hero__monkey{max-height:42vh;position:relative;margin-bottom:auto;scale:1.2;left:12vw;transition:all .75s ease-in-out}.drag-down{transition:all .75s ease-in-out}.drag-down__message{margin-block:0 .5rem}.drag-down__icon{width:2.125rem}.instructions{transition:all .4s ease-out;transform:translateY(100%);opacity:0}.instructions h2{font-size:1.5rem;margin-bottom:1rem}.instructions ul{list-style-type:none;padding:0;font-size:1.225rem}.instructions li{padding-left:.75em;position:relative;line-height:1;margin-bottom:.75rem}.instructions li::before{content:"|";position:absolute;margin-left:-0.75em;font-weight:700}.start-btn{display:block;padding:.625rem;width:calc(100% - 0.33rem);font-family:var(--font-family);font-size:1.225rem;text-transform:uppercase;text-align:center;text-decoration:none;color:#fff;background-color:#d72b2d;border:2px dashed transparent;outline:none;box-shadow:.5rem .5rem 0 0 #000;cursor:pointer;transition:all .1s ease-out}.start-btn:hover,.start-btn:focus,.start-btn:focus-visible{box-shadow:.33rem .33rem 0 0 #000}.start-btn:focus-visible{border-color:#fff}.slider-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:0;scale:0;background-size:contain;background-repeat:no-repeat;pointer-events:none;filter:blur(2px);transition:var(--slider-speed, 0.3s) opacity ease-in,var(--slider-speed, 0.3s) scale ease-in,var(--slider-speed, 0.3s) background-position ease-in;transition-delay:.1s}.slider-bg--basketball{background-image:url("/dist/img/basketball-bg.webp");background-position:top center}.slider-bg--football{background-image:url("/dist/img/football-bg.webp");background-position:center 26%;background-size:151%}.slider-bg--bowling{background-image:url("/dist/img/bowling-bg.webp");background-position:center 30%;background-size:130%}.slider-section{position:fixed;inset:0;z-index:3;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:transform .5s linear,background-position-x .5s ease-in,opacity .5s ease;background:linear-gradient(90deg, #ffe877 0% 33%, #7df5ff 34% 66%, #77ffb9 67% 100%);background-size:300%}.slider-section .container{margin-top:auto;margin-bottom:3rem}.slider-section:has(.swiper-slide-active.basketball){background-position-x:0%}.slider-section:has(.swiper-slide-active.basketball) .slider-bg--basketball{opacity:.5;scale:1}.slider-section:has(.swiper-slide-active.football){background-position-x:50%}.slider-section:has(.swiper-slide-active.football) .slider-bg--football{opacity:.5;scale:1}.slider-section:has(.swiper-slide-active.bowling){background-position-x:100%}.slider-section:has(.swiper-slide-active.bowling) .slider-bg--bowling{opacity:.5;scale:1}@media(min-width: 768px){.slider-section .slider-bg--basketball{background-size:43vh}.slider-section .slider-bg--football{background-size:65vh;background-position:center 20%}.slider-section .slider-bg--bowling{background-size:65vh;background-position:center 20%}}.gradient-screen{position:fixed;inset:0;z-index:3;background-color:#ffe877;transition:transform .5s linear;transform:translateX(110%)}.swiper-container{margin-top:auto;padding-top:25%;position:relative}.swiper{filter:drop-shadow(0 0 30px #fff)}.swiper-wrapper{isolation:isolate}.swiper-slide{display:flex;align-items:center;justify-content:center;position:relative}.swiper-slide-prev .sipper,.swiper-slide-next .sipper{filter:blur(2px);transform:scale(0.7)}.sipper{transition:all var(--slider-speed, 0.3s) ease;position:relative;isolation:isolate;padding-bottom:1rem}.sipper::after{content:"";position:absolute;bottom:0;left:0;right:0;height:12%;background-image:radial-gradient(#000, transparent, transparent);z-index:-1;scale:1.2}.sipper__lid{width:100%;display:block;scale:1.075}.sipper__body{aspect-ratio:227/329;background-image:var(--body-image, ""),linear-gradient(94deg, transparent 0 80%, #0006 95% 100%),linear-gradient(-94deg, transparent 0 80%, #0008 95% 100%),linear-gradient(0, transparent 0 98%, #0008);background-size:cover;background-position:center right;clip-path:url("#sipper-mask");transition:all var(--slider-speed, 0.3s) ease-in-out;background-blend-mode:multiply}.basketball:has(.sipper__body){--body-image: url("/dist/img/sipper-body-basketball.webp")}.football:has(.sipper__body){--body-image: url("/dist/img/sipper-body-football.webp")}.bowling:has(.sipper__body){--body-image: url("/dist/img/sipper-body-bowling.webp")}.swiper-slide-active .sipper__body{background-position:center left}@media(orientation: landscape)and (min-width: 1000px){.sipper{max-width:15vw}.swiper-container{padding-top:10vh}}@media(min-width: 768px){.swiper-container{padding-top:10vh}.slider-section .container{padding-bottom:10vh}.hero__monkey{left:3vw}}.gesture-overlay{position:fixed;inset:0;z-index:4;background-color:#000d;color:#fff;display:grid;place-items:center;text-align:center;font-size:1.65rem;padding:1.5rem;line-height:1;opacity:0;pointer-events:none;transition:all 1s ease-out;user-select:none}.gesture-overlay.hide{transition-delay:0s !important;opacity:0 !important;pointer-events:none !important}.gesture-overlay__content{max-width:28ch}.gesture-overlay__content small{font-size:.6em;display:inline-block;margin-top:1.2rem;max-width:30ch}.gesture-overlay__icon{animation:swipeAnimation 2s ease-in-out forwards infinite;width:60px;margin-bottom:1.5rem}@media(min-width: 768px){.gesture-overlay{font-size:3.25rem}}@keyframes swipeAnimation{0%{transform:translateX(0)}25%{transform:translateX(1.5rem)}75%{transform:translateX(-1.5rem)}100%{transform:translateX(0)}}[data-state="0"] .hero__heading{transform:translateY(-100%)}[data-state="0"] .hero{background-position-y:120%}[data-state="0"] .hero__monkey,[data-state="0"] .hero__heading,[data-state="1"] .hero__monkey,[data-state="1"] .hero__heading{transition:transform 1.5s cubic-bezier(0.4, 0.62, 0.11, 1.29)}body:not([data-state="1"]) .hero__monkey{transform:translateY(-100%)}[data-state="1"] .hero__heading{filter:drop-shadow(0 0 1.5rem #fff)}[data-state="1"] .hero__cloud--1{transform:translateX(25%)}[data-state="1"] .hero__cloud--2{transform:translateX(-25%)}[data-state="2"] .hero,[data-state="3"] .hero,[data-state="4"] .hero{background-position-y:100vh}[data-state="2"] .hero__heading,[data-state="2"] .drag-down,[data-state="3"] .hero__heading,[data-state="3"] .drag-down,[data-state="4"] .hero__heading,[data-state="4"] .drag-down{transform:translateY(200%);opacity:0}[data-state="2"] .hero__cloud--1,[data-state="3"] .hero__cloud--1,[data-state="4"] .hero__cloud--1{transform:translateX(125%)}[data-state="2"] .hero__cloud--2,[data-state="3"] .hero__cloud--2,[data-state="4"] .hero__cloud--2{transform:translateX(-125%)}[data-state="2"] .gradient-screen{transition-delay:1s;transform:translateX(0)}[data-state="2"] .slider-section{pointer-events:all;opacity:1;transition-delay:2s,-0.1s}[data-state="2"] .instructions{transform:translateY(0);opacity:1;transition-delay:2.1s}[data-state="2"] .gesture-overlay{pointer-events:all;opacity:1;transition-delay:3s}