.carousel{width:100vw;height:100vh;overflow:hidden}.carousel-track{flex-wrap:nowrap;align-items:center;width:max-content;height:100%;animation:linear infinite scroll;display:flex}.carousel-item{flex:none}.carousel-item img{object-fit:cover;width:auto;height:60vh;margin-right:3.5rem;box-shadow:0 0 50px #0000001a}@keyframes scroll{0%{transform:translate(0)}to{transform:translateX(var(--scroll-distance))}}@media (max-width:1200px){.shadow-effect{left:60vw}}
.fade-image{z-index:9000;object-fit:contain;opacity:0;filter:saturate()brightness();max-width:55%;transition:opacity 1s,transform 1s,filter 1s;position:fixed;top:calc(50% - 1rem);left:50%;transform:translate(-50%,-50%)}.fade-image.visible{opacity:1}.fade-image.sunken{transition:all 3s;transform:translate(-50%,-35%)}.darken-bw{transition:all .5s;filter:brightness(0)!important}.envelope{z-index:9001;box-sizing:border-box;filter:saturate(.7)brightness(1.3)hue-rotate(-80deg);width:77.6%;transition:all 1s;position:fixed;top:calc(50% + 6rem);left:50%;transform:translate(-50%,-50%)}.envelope.bw,.fade-image.bw{filter:saturate(0)brightness(0);transition:all 1s}.envelope-logo{z-index:100;opacity:.8;filter:invert();width:30%;transition:all .5s;position:fixed;transform:translateY(11rem)}.wavy-circle{aspect-ratio:1;background-color:#fffcf7;width:100%;animation:20s linear infinite rotate;position:fixed;left:50%;box-shadow:inset 0 0 120px #eed5a0;-webkit-mask-image:url(/WavyCircle.svg);mask-image:url(/WavyCircle.svg)}.c1{z-index:1;filter:brightness();box-shadow:none!important;background-color:#000!important;bottom:-33%!important}.c2{z-index:800;filter:brightness();animation-duration:22s;bottom:-19.2%!important;box-shadow:inset 0 0 120px #e6bb5f!important}.c3{z-index:700;filter:brightness();animation-duration:24s;bottom:-12%!important;box-shadow:inset 0 0 120px #e6bb5f!important}.c4{z-index:600;filter:brightness();animation-duration:26s;bottom:-2.4%!important}.c5{z-index:500;filter:brightness();animation-duration:28s;bottom:9.6%!important}.c6{z-index:400;filter:brightness();animation-duration:30s;bottom:21.6%!important}.c7{z-index:300;filter:brightness();animation-duration:32s;bottom:36%!important}.c8{z-index:200;filter:brightness();animation-duration:34s;bottom:52.8%!important}.c9{z-index:100;filter:brightness();animation-duration:36s;box-shadow:none!important;bottom:80%!important}@keyframes rotate{0%{transform:translate(-50%,50%)scale(1.5)rotate(0)scale(1.3)}to{transform:translate(-50%,50%)scale(1.5)rotate(360deg)scale(1.3)}}.mobile-carousel-bg{z-index:8000;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:200vw;width:100svw;height:100svh;position:fixed;inset:0}.bg-halftone-top{z-index:-2;width:100%;position:absolute;top:-8rem;rotate:5deg;scale:1.1}.bg-halftone-base{z-index:-2;width:100%;position:absolute;bottom:-8rem;rotate:185deg;scale:1.1}.scroll-modal-mobile{z-index:10001;box-sizing:border-box;opacity:1;background-color:#ffecd5;border-radius:2rem 2rem 0 0;flex-direction:column;width:100svw;height:100%;font-size:1.4rem;line-height:1.6;transition:bottom 1.5s cubic-bezier(.05,.9,.3,1),border-radius 1.7s .3s;display:flex;position:fixed;bottom:-100%;overflow:hidden}.scroll-modal-mobile.visible{padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;bottom:0}.scroll-modal-mobile h1{margin:0;line-height:1.2}.scroll-modal-mobile p{font-size:15px;font-weight:400}.mobile-title{text-align:center;opacity:0;font-family:BBH Bartle;font-size:22px;animation:1s 1.5s forwards glide-in}.mobile-subtitle{text-align:center;opacity:0;font-size:20px;font-weight:700;animation:1s 2s forwards glide-in}.mobile-welcome-image{z-index:-1;background-position:0;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:calc(100% + 4rem);height:8rem;margin:0 -2rem -2rem;display:none}.mobile-welcome-image:after{content:"";pointer-events:none;z-index:-1;background-color:#000;width:100%;height:100%;position:absolute}.mobile-welcome-image div{box-sizing:border-box;padding:2rem;transform:translateY(-1rem)}.mobile-welcome-image img{filter:invert();width:15rem;margin:1rem;transform:translateY(-1rem)}@media screen and (min-width:1038px){.fade-image,.envelope,.mobile-carousel-bg,.darken-layer,.scroll-modal-mobile{display:none}.wavy-circle{display:none!important}}.mobile-welcome-text{display:none}.mobile-welcome-text::-webkit-scrollbar{display:none}@media screen and (max-width:1038px){.tap-layer{z-index:999999;position:fixed;inset:0;display:block!important}.mobile-headers,.demo-strip{display:flex!important}.mobile-welcome-image{display:flex}.mobile-title,.mobile-subtitle{display:block!important}.carousel-track-mobile-wrapper{display:flex!important}.mobile-welcome-text{box-sizing:border-box;background-color:#fff9f0;border-radius:2rem 2rem 0 0;flex-direction:column;flex:1;justify-content:space-around;gap:1rem;width:100%;padding:2rem 2rem 0;overflow-y:auto;display:flex!important}.mobile-welcome-text p{font-size:18px!important}.safari-swatch{z-index:700;pointer-events:none;width:100%;height:6rem;display:block;position:fixed;visibility:visible!important}.safari-swatch.top{background:linear-gradient(#fff9f0 20%,#0000);top:0;left:0}.safari-swatch.bottom{background:linear-gradient(#0000,#fff9f0 80%);bottom:0;left:0}}.scroll-banner{z-index:90;color:#fff;white-space:nowrap;cursor:pointer;background-color:#000;width:100vw;padding:.75rem 0;position:fixed;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 50px #00000080}.scroll-track{white-space:nowrap;justify-content:space-evenly;animation:12s linear infinite scroll-left;display:inline-flex}.scroll-track span{letter-spacing:.05em;padding-right:2rem;font-size:1.4rem;font-weight:700}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.wipe-pane{z-index:99999;pointer-events:none;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);visibility:hidden;will-change:clip-path, background-color;background-color:#6ab46d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wipe-through{visibility:visible;animation:1s forwards wipeAcross}@keyframes wipeAcross{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);background-color:#ffca57}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-color:#ff7e57}to{clip-path:polygon(0 0,0 0,0 100%,0 100%);visibility:hidden;background-color:#c79cff}}.wipe-icon{filter:invert();max-width:3rem;transition:all .7s;transform:rotate(0)}.wipe-icon.rotate{transform:rotate(90deg)}@keyframes particleBurst{0%{transform:rotate(var(--rot))}40%{transform:rotate(calc(var(--rot) + 20deg))}to{transform:rotate(calc(var(--rot) + 60deg))}}.safari-swatch{visibility:hidden}.safari-swatch.hidden{visibility:hidden!important;background-color:#000!important}.marquee-track{z-index:9000;white-space:nowrap;pointer-events:auto;align-items:center;gap:1rem;animation:linear infinite marquee-scroll;display:flex;position:fixed;inset:0}.marquee-item{flex:none}.marquee-item img{object-fit:contain;height:60vh;display:block}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.tap-layer{display:none}.carousel-track-mobile-wrapper{flex-direction:column;align-items:center;gap:1rem;width:max-content;height:max-content;display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.carousel-track-mobile{z-index:999999;flex-wrap:nowrap;align-items:center;width:max-content;height:max-content;animation:linear infinite scroll-mobile;display:flex}.carousel-track-mobile-right{flex-wrap:nowrap;width:max-content;animation:linear infinite scroll-right;display:flex}@keyframes scroll-right{0%{filter:hue-rotate();transform:translate(0)}to{transform:translateX(var(--scroll-distance));filter:hue-rotate(2159deg)}}.carousel-item-mobile img{object-fit:contain;flex:none;height:40vh;margin-bottom:-.3rem;margin-right:1rem;box-shadow:0 0 10px #0000000d}.carousel-item-mobile-panel{object-fit:contain;aspect-ratio:1/1.42;background-color:#fee3ff;height:40vh;margin-right:1rem}@keyframes scroll-mobile{0%{transform:translate(0)}to{transform:translateX(var(--scroll-distance))}}.vertical-carousel-viewport{z-index:500;background-color:#000;width:100svw;height:100svh;position:fixed;inset:0;overflow:hidden}.vertical-carousel-track{will-change:transform;flex-direction:column;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);display:flex}.vertical-carousel-slide{flex-shrink:0;justify-content:center;align-items:center;width:100svw;height:100svh;display:flex;position:relative}.vertical-carousel-slide img{object-fit:cover;width:100%;height:100%;display:block}.demo-strip{z-index:10;flex-direction:column;width:50vw;height:100vh;display:none;position:fixed;top:0}.demo-strip-left{animation:6s 2.5s infinite scroll-up;left:0}.demo-strip-right{animation:8s 2.5s infinite scroll-up;top:-8rem;right:0}@keyframes scroll-up{0%{transform:translateY(0)}50%{transform:translateY(-100%)}to{transform:translateY(0)}}.demo-strip-left .demo-img{object-fit:cover;object-position:right center}.demo-strip-right .demo-img{object-fit:cover;object-position:left center}.demo-img{object-fit:cover;opacity:0;will-change:filter, transform, opacity;flex:1;width:100%;display:block}.demo-img-1{animation:1s forwards slide-in-left}.demo-img-2{animation:1s .2s forwards slide-in-right}.demo-img-3{animation:1s .4s forwards slide-in-left}.demo-img-4{animation:1s .6s forwards slide-in-right}.demo-img-5{animation:1s .8s forwards slide-in-left}.demo-img-6{animation:1s 1s forwards slide-in-right}.demo-img-7{animation:1s 1.2s forwards slide-in-left}.demo-img-8{animation:1s 1.4s forwards slide-in-right}.demo-img-9{animation:1s 1.6s forwards slide-in-left}.demo-img-10{animation:1s 1.8s forwards slide-in-right}.demo-img-11{animation:1s 2s forwards slide-in-left}.demo-img-12{animation:1s 2.2s forwards slide-in-right}@keyframes slide-in-left{0%{filter:blur(50px);opacity:0;transform:translate(-100%)scale(.5)}to{filter:blur();opacity:1;transform:translate(0)scale(1)}}@keyframes slide-in-right{0%{filter:blur(50px);opacity:0;transform:translate(100%)scale(.5)}to{filter:blur();opacity:1;transform:translate(0)scale(1)}}.mobile-headers{z-index:100;opacity:0;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);box-sizing:border-box;will-change:opacity;background-color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:12rem;padding:2rem;animation:1s 1.5s forwards blur-in;display:none;position:fixed;top:calc(50% - 6rem);box-shadow:0 10px 50px #0003}@keyframes blur-in{0%{opacity:0}to{opacity:1}}@keyframes glide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}
.welcome-modal-bg{background-color:#0000004d;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .5s;display:flex;overflow:hidden}.welcome-modal-bg.invisible{pointer-events:none;background-color:#0000;transition:all .5s}.welcome-modal{color:#000;opacity:1;will-change:transform, opacity;background-color:#fffdf7;border-radius:1.5rem;flex-shrink:0;gap:0;max-width:70rem;max-height:42rem;padding:0;display:flex;overflow:hidden;box-shadow:0 10px 100px #00000080}.welcome-modal.invisible{opacity:0;pointer-events:none;transition:all .2s;scale:.5}@media screen and (min-resolution:2x){.welcome-modal{width:70rem}}.welcome-image{object-fit:cover;border:none;flex:1;min-width:50%;max-width:40vw;display:block}.welcome-modal-right{box-sizing:border-box;flex-direction:column;flex:1;gap:1rem;padding:3rem;display:flex}.welcome-modal-text{flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.welcome-modal p{font-size:17px;font-weight:400;line-height:1.5rem}.welcome-modal h1{font-size:32px}.grain-overlay{z-index:-1;opacity:.35;background-image:url(https://media1.tenor.com/m/lk5YUP4Co1QAAAAC/static-glitch.gif);background-repeat:repeat;background-size:20rem;width:100%;height:100%;position:fixed}.grain-overlay:before{content:"";opacity:.8;background-color:#ccc;width:100%;height:100%;position:absolute}.grain-overlay.invisible{opacity:0;transition:all .5s}.bob-arrow{animation:1.5s ease-in-out infinite bob-horizontal;display:inline-block}@keyframes bob-horizontal{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@media screen and (max-width:1038px){.welcome-modal-bg,.welcome-modal{display:none}}@media screen and (max-width:1200px){.welcome-modal{transform:scale(.8)}.welcome-modal p{font-size:20px!important}}@media screen and (max-width:1000px){.welcome-modal{width:70rem!important}}@media screen and (max-resolution:1x){.welcome-modal{width:75rem;height:80vh}.welcome-modal p{font-size:18px}}