@font-face{font-family:Monigue;src:url(/fonts/Monigue.woff2) format("woff2"),url(/fonts/Monigue.woff) format("woff");font-display:swap;font-weight:400;font-style:normal}:root{--color-yellow: #ffe100;--color-black: #000000;--color-black-40: rgba(0, 0, 0, .4);--color-white: #ffffff;--font-heading: "Monigue", sans-serif;--font-body: "roc-grotesk", sans-serif;--font-body-wide: "roc-grotesk-wide", sans-serif;--to-vw: calc(100vw / 1512)}*{margin:0;padding:0}html,body{height:100%;background-color:#000;color:var(--color-white);font-family:var(--font-body)}body[data-triggered=true],body[data-triggered=thanks]{overflow:hidden}h1,h2,h3{font-family:var(--font-heading)}.overall-wrapper{height:100%}.shirt-wrapper{position:relative;display:block;max-width:80vw;margin:0 auto;max-height:80vw}@media (orientation: landscape){.shirt-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}}.webgl{position:relative;outline:none;z-index:10;aspect-ratio:1/1;pointer-events:none}@media (orientation: landscape){.webgl{position:absolute;aspect-ratio:16/9;top:50%;left:50%;transform:translate(-50%,-50%)}}.ui{position:absolute;top:0;left:0;width:100%;height:100%}.top-spacer:before{content:"";width:100%;height:5vw;max-height:120px;display:inline-block}.bottom-spacer:after{content:"";width:100%;height:5vw;max-height:80px;display:inline-block}.lil-gui .title{margin-top:0!important}.title{display:flex;flex-direction:column;width:100%;margin:4vh 0 1vh;transform-origin:bottom}@media (orientation: landscape){.title{margin-top:6vh;transform:none}}@media (orientation: landscape){.title:before{height:0}}.title--placeholder{z-index:15;position:relative;transition:all .5s ease-in-out}@media (orientation: landscape){.title--placeholder{position:absolute}}body[data-triggered=true] .title--placeholder,body[data-triggered=thanks] .title--placeholder{overflow:hidden;visibility:hidden;opacity:0}.title picture{display:flex;align-items:center;justify-content:center}.title img{width:70vw}@media (orientation: landscape){.title img{width:125vh;max-width:90vw}}.subtitle{font-size:32px;line-height:.9;font-weight:500;color:var(--color-white);text-align:center;z-index:13;padding:1vw 6vw 0;text-wrap:balance;text-transform:uppercase;text-shadow:0px 0px 10px var(--color-black)}@media (orientation: landscape) and (min-width: 1024px){.subtitle{position:relative;font-size:calc(var(--to-vw) * 36);margin-top:-17vh;max-width:50vw;padding:0;margin-left:auto;margin-right:auto}}@media (orientation: landscape){.subtitle.mobile{display:none}}@media (orientation: portrait){.subtitle.desktop{display:none}}.intro{display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px 6vw 6vw}@media screen and (orientation: landscape){.intro{gap:2vw;padding:3vw 6vw 6vw}}.text{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;color:var(--color-white);line-height:1.5;z-index:13;max-width:720px;font-size:16px}@media screen and (orientation: portrait) and (min-width: 640px){.text{font-size:18px}}@media screen and (orientation: portrait) and (min-width: 960px){.text{font-size:20px}}@media screen and (orientation: landscape) and (min-width: 1024px){.text{gap:2vw;max-width:70vmax;font-size:calc(var(--to-vw) * 18)}}.cta{margin-bottom:16px;color:var(--color-white);z-index:13;max-width:70vw;text-align:center;line-height:1.5;font-weight:500;font-size:18px}@media screen and (orientation: portrait) and (min-width: 640px){.cta{font-size:20px}}@media screen and (orientation: portrait) and (min-width: 960px){.cta{font-size:22px}}@media screen and (orientation: landscape) and (min-width: 1024px){.cta{margin-bottom:2vw;font-size:calc(var(--to-vw) * 20)}}:global(.cta__discount){position:relative;display:inline-block;text-wrap:balance}:global(.cta__discount:after){content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:var(--color-yellow)}@media screen and (orientation: landscape){:global(.cta__discount:after){bottom:-.5vw;height:.2vw}}.button-wrapper{display:flex;align-items:center;gap:16px}@media (orientation: landscape){.button-wrapper{gap:calc(var(--to-vw) * 16)}}.shirt{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media (orientation: portrait){.shirt{aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:flex-start}}@media (orientation: landscape){.shirt{position:relative;aspect-ratio:16/9;height:60vh;width:auto}}.shirt__back,.shirt__front{position:absolute;top:0;left:0;width:100%}@media (orientation: landscape){.shirt__back,.shirt__front{position:absolute;height:100%}}.shirt__back{z-index:2}.shirt__front{z-index:13;pointer-events:none}.shirt__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.shirt__trigger{position:absolute;bottom:0vw;left:10vw;right:auto;height:30vw;width:30vw;margin-bottom:10vw;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;box-shadow:none;border-radius:50%;cursor:pointer;z-index:18;pointer-events:all;transition:background-color .2s ease-in-out,opacity .5s ease-in-out,visibility .5s ease-in-out,transform .2s ease-in-out;animation:pulse 2.5s ease-in-out infinite;transform-origin:center}@media (orientation: landscape){.shirt__trigger{position:absolute;bottom:8vh;left:30%;transform:translate(50%);height:20vh;width:20vh;font-size:5vh;margin-bottom:0}}.shirt__trigger:hover{animation-play-state:paused}.shirt__trigger:hover img{transform:rotate(-10deg)}.shirt__trigger img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease-in-out}.shirt__bee{height:30vw;width:30vw;background-color:var(--color-yellow);border-radius:50%;position:absolute;bottom:50%;right:50%;z-index:19;transform:translate(50%,50%);opacity:0;visibility:hidden}@media (orientation: landscape){.shirt__bee{position:absolute;height:20vh;width:20vh}}body[data-triggered=true] .shirt__trigger,body[data-triggered=fly] .shirt__trigger,body[data-triggered=done] .shirt__trigger,body[data-triggered=thanks] .shirt__trigger{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}body[data-triggered=thanks] .shirt__bee{opacity:0;visibility:hidden;transition:all 0s}body[data-triggered=fly] .shirt__bee{transition:opacity .2s ease-in-out .5s,visibility .2s ease-in-out .5s}body[data-triggered=fly] .shirt__bee{opacity:1;visibility:visible;animation:shiver 3s linear .75s forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes hover{0%{transform:rotate(0)}to{transform:rotate(-10deg)}}@keyframes shiver{0%{transform:translate(50%,50%) scale(1)}2%{transform:translate(calc(50% + .5vw),50%) scale(1)}4%{transform:translate(calc(50% - .5vw),50%) scale(1)}6%{transform:translate(calc(50% + .5vw),50%) scale(1)}8%{transform:translate(calc(50% - .5vw),50%) scale(1)}10%{transform:translate(calc(50% + .5vw),50%) scale(1)}12%{transform:translate(calc(50% - .5vw),50%) scale(1)}14%{transform:translate(calc(50% + .5vw),50%) scale(1)}16%{transform:translate(calc(50% - .5vw),50%) scale(1)}18%{transform:translate(calc(50% + .5vw),50%) scale(1)}20%{transform:translate(calc(50% - .5vw),50%) scale(1)}22%{transform:translate(calc(50% + .5vw),50%) scale(1)}24%{transform:translate(calc(50% - .5vw),50%) scale(1)}26%{transform:translate(50%,50%) scale(1);bottom:50%}to{transform:translate(50%,50%) scale(0);bottom:20%;right:45%}}.btn{height:56px;border:1px solid var(--color-yellow);border-radius:80px;background-color:var(--color-yellow);color:var(--color-black);padding:4px 52px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}@media (orientation: landscape){.btn{height:calc(var(--to-vw) * 56);padding:calc(var(--to-vw) * 4) calc(var(--to-vw) * 52);font-size:calc(var(--to-vw) * 16)}}.btn:hover{background-color:transparent;color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-white);height:56px;width:56px;display:flex;align-items:center;justify-content:center;padding:0}@media (orientation: landscape){.btn-ghost{height:calc(var(--to-vw) * 56);width:calc(var(--to-vw) * 56)}}.btn-ghost svg{height:20px;width:20px;fill:var(--color-white);transition:fill .2s ease}@media (orientation: landscape){.btn-ghost svg{height:calc(var(--to-vw) * 20);width:calc(var(--to-vw) * 20)}}.btn-ghost:hover{background-color:var(--color-yellow);color:var(--color-black)}.btn-ghost:hover svg{fill:var(--color-black)}.form.svelte-u92ls4{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:100%;max-width:480px}@media (orientation: landscape){.form.svelte-u92ls4{gap:calc(var(--to-vw) * 40);max-width:calc(var(--to-vw) * 480)}}.form.svelte-u92ls4 input:where(.svelte-u92ls4){width:100%;padding:12px 24px;border:1px solid var(--color-yellow);border-radius:80px;font-size:16px;background-color:transparent;color:var(--color-white);box-sizing:border-box}@media (orientation: landscape){.form.svelte-u92ls4 input:where(.svelte-u92ls4){padding:calc(var(--to-vw) * 12) calc(var(--to-vw) * 24);font-size:calc(var(--to-vw) * 14)}}.form.svelte-u92ls4 input.error:where(.svelte-u92ls4){border-color:#ff5252}.form__inputs.svelte-u92ls4{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}@media (orientation: landscape){.form__inputs.svelte-u92ls4{gap:calc(var(--to-vw) * 12)}}.form__field.svelte-u92ls4{position:relative;width:100%}.form__inputs__text.svelte-u92ls4{font-size:20px;margin-bottom:12px;font-weight:500}@media (orientation: landscape){.form__inputs__text.svelte-u92ls4{font-size:calc(var(--to-vw) * 24);margin-bottom:calc(var(--to-vw) * 12)}}.button-wrapper.svelte-u92ls4{display:flex;align-items:center;gap:16px}@media (orientation: landscape){.button-wrapper.svelte-u92ls4{gap:calc(var(--to-vw) * 16)}}.form__checkbox-container.svelte-u92ls4{position:relative;width:100%}.form__checkbox.svelte-u92ls4{display:flex;gap:16px;width:100%;box-sizing:border-box;line-height:1.5}@media (orientation: landscape){.form__checkbox.svelte-u92ls4{gap:calc(var(--to-vw) * 16)}}.form__checkbox.svelte-u92ls4 input:where(.svelte-u92ls4){position:relative;flex-shrink:0;width:24px;height:24px;padding:0;border:1px solid var(--color-white);border-radius:80px;background-color:transparent;color:var(--color-white);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (orientation: landscape){.form__checkbox.svelte-u92ls4 input:where(.svelte-u92ls4){width:calc(var(--to-vw) * 24);height:calc(var(--to-vw) * 24)}}.form__checkbox.svelte-u92ls4 input:where(.svelte-u92ls4):checked{border-color:var(--color-yellow)}.form__checkbox.svelte-u92ls4 input.error:where(.svelte-u92ls4){border-color:#ff5252}.form__checkbox.svelte-u92ls4 input:where(.svelte-u92ls4):checked:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:12px;height:12px;border-radius:80px;background-color:var(--color-yellow)}@media (orientation: landscape){{width:calc(var(--to-vw) * 12);height:calc(var(--to-vw) * 12)}}.form__checkbox.svelte-u92ls4 span:where(.svelte-u92ls4){font-size:16px}@media (orientation: landscape){.form__checkbox.svelte-u92ls4 span:where(.svelte-u92ls4){font-size:calc(var(--to-vw) * 14)}}.form__checkbox a{color:var(--color-yellow);text-decoration:none}.form__checkbox a:hover{text-decoration:underline}.error-message.svelte-u92ls4{color:#ff5252;font-size:16px;margin-bottom:10px;width:100%}@media (orientation: landscape){.error-message.svelte-u92ls4{font-size:calc(var(--to-vw) * 14);margin-bottom:calc(var(--to-vw) * 10)}}.field-error.svelte-u92ls4{color:#ff5252;font-size:14px;margin-top:4px;padding-left:24px}@media (orientation: landscape){.field-error.svelte-u92ls4{font-size:calc(var(--to-vw) * 12);margin-top:calc(var(--to-vw) * 4);padding-left:calc(var(--to-vw) * 24)}}.checkbox-error.svelte-u92ls4{padding-left:40px}@media (orientation: landscape){.checkbox-error.svelte-u92ls4{padding-left:calc(var(--to-vw) * 40)}}button.svelte-u92ls4:disabled{opacity:.7;cursor:not-allowed}.intro.svelte-7mz0fy{display:flex;flex-direction:column;align-items:center;gap:32px}@media screen and (orientation: landscape){.intro.svelte-7mz0fy{gap:2vw}}.thanks-title.svelte-7mz0fy{font-size:34px;font-weight:500;color:var(--color-white);text-align:center;text-transform:uppercase;line-height:.9}@media screen and (orientation: portrait) and (min-width: 480px){.thanks-title.svelte-7mz0fy{font-size:48px}}@media screen and (orientation: portrait) and (min-width: 640px){.thanks-title.svelte-7mz0fy{font-size:52px}}@media screen and (orientation: portrait) and (min-width: 960px){.thanks-title.svelte-7mz0fy{font-size:64px}}@media screen and (orientation: landscape) and (min-width: 1024px){.thanks-title.svelte-7mz0fy{font-size:4vw}}.text.svelte-7mz0fy{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;color:var(--color-white);line-height:1.5;z-index:13;max-width:720px}@media screen and (orientation: landscape){.text.svelte-7mz0fy{gap:2vw;max-width:80vh}}.button-wrapper.svelte-7mz0fy{display:flex;align-items:center;gap:16px;margin-top:16px}@media (orientation: landscape){.button-wrapper.svelte-7mz0fy{margin-top:3vw;gap:calc(var(--to-vw) * 16)}}select.svelte-e9l420{position:fixed;top:8px;right:8px;min-width:48px;background:transparent;color:var(--color-yellow);border:none;padding:0 24px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-heading);font-size:16px;cursor:pointer;background-image:url(/images/icons/dropdown.svg);background-repeat:no-repeat;background-position:center right;background-size:20px;letter-spacing:2px;font-family:var(--font-body-wide);font-weight:500;z-index:100}@media screen and (min-width: 480px){select.svelte-e9l420{top:16px;right:16px}}@media (orientation: landscape){select.svelte-e9l420{top:8px;right:8px}}@media (orientation: landscape) and (min-width: 1200px){select.svelte-e9l420{top:32px;right:32px}}.content.svelte-kblj9k{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:4vw;width:100%;height:100%;z-index:15;overflow:auto;visibility:hidden;-webkit-backdrop-filter:blur(10px) opacity(0);backdrop-filter:blur(10px) opacity(0);transition:backdrop-filter .5s ease-in-out,background-color .5s ease-in-out,visibility .5s ease-in-out}.content-inner.svelte-kblj9k{display:flex;flex-direction:column;align-items:center;gap:32px;opacity:0;transition:opacity .5s ease-in-out;margin-bottom:15vh;font-size:16px;box-sizing:border-box}@media (orientation: portrait){.content-inner.svelte-kblj9k{width:100%;padding:0 6vw}}@media screen and (orientation: portrait) and (min-width: 480px){.content-inner.svelte-kblj9k{font-size:18px}}@media screen and (orientation: portrait) and (min-width: 640px){.content-inner.svelte-kblj9k{font-size:20px}}@media screen and (orientation: portrait) and (min-width: 960px){.content-inner.svelte-kblj9k{font-size:24px}}@media screen and (orientation: landscape){.content-inner.svelte-kblj9k{font-size:1.4vw;gap:2vw}}body[data-triggered=true] .content-inner,body[data-triggered=thanks] .content-inner{opacity:1}body[data-triggered=true] .content,body[data-triggered=thanks] .content{-webkit-backdrop-filter:blur(10px) opacity(1);backdrop-filter:blur(10px) opacity(1);background-color:var(--color-black-40);visibility:visible}
