@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap";.bodoni-moda-800[data-v-afa67a6c]{font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-style:normal;font-weight:800}.assets[data-v-afa67a6c]{right:.75rem;top:.75rem}.assets[data-v-afa67a6c],.scroll[data-v-afa67a6c]{font-size:.75rem;line-height:1rem;position:fixed;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.scroll[data-v-afa67a6c]{bottom:3vh;font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-style:normal;font-weight:800;left:0;right:0;text-transform:uppercase}.progress[data-v-afa67a6c]{height:100%;left:0;position:fixed;top:0;width:100%;z-index:50;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));padding:3vh 3vw}.progress p[data-v-afa67a6c]{font-size:10vh;text-align:right;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-style:normal;font-weight:800}.beer-rock[data-v-afa67a6c]{overflow-x:clip;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));background-repeat:no-repeat}.banner[data-v-afa67a6c],.beer-rock[data-v-afa67a6c]{background-attachment:fixed;background-size:cover}.banner[data-v-afa67a6c]{height:5000px;position:relative;z-index:20}.banner .product[data-v-afa67a6c]{left:50%;position:relative;top:12.5vh;width:50vh;z-index:10;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.banner .product .soda[data-v-afa67a6c]{margin-left:auto;margin-right:auto;position:relative;width:65%;z-index:10;--left:0px;aspect-ratio:2/4;background:var(--url) var(--left),url(../beer/mockup.png) 0 0;background-blend-mode:multiply;background-size:auto 100%;-webkit-mask-image:url(../beer/mockup.png);mask-image:url(../beer/mockup.png);-webkit-mask-size:auto 100%;mask-size:auto 100%;will-change:background-blend-mode,transform}.banner .soda[data-v-afa67a6c]:after,.banner .soda[data-v-afa67a6c]:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:20%;z-index:2}.banner .soda[data-v-afa67a6c]:before{background:linear-gradient(90deg,rgba(0,0,0,.5),transparent);left:0}.banner .soda[data-v-afa67a6c]:after{background:linear-gradient(270deg,rgba(0,0,0,.5),transparent);right:0}.slong[data-v-afa67a6c]{flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:0}.slong[data-v-afa67a6c],.slong h1[data-v-afa67a6c]{align-items:center;display:flex}.slong h1[data-v-afa67a6c]{--tw-translate-y:-10vh;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.slong h1[data-v-afa67a6c]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.slong h1[data-v-afa67a6c]{font-size:30vh;--tw-text-opacity:1}.slong h1[data-v-afa67a6c],.slong h5[data-v-afa67a6c]{color:rgb(255 255 255/var(--tw-text-opacity,1));text-transform:uppercase;white-space:nowrap}.slong h5[data-v-afa67a6c]{--tw-translate-x:5vw;align-self:flex-start;font-size:10vh;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1}.flow[data-v-afa67a6c]{position:fixed;right:15vw;top:7.5vh;width:25vh;z-index:10}.landscape[data-v-afa67a6c]{bottom:0;height:55vh;left:50%;position:fixed;width:100%;z-index:10;--tw-translate-x:-50%}.landscape[data-v-afa67a6c],.landscape img[data-v-afa67a6c]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.landscape img[data-v-afa67a6c]{bottom:-1.25rem;height:100%;position:absolute;--tw-scale-x:1.1;--tw-scale-y:1.1}.landscape img[data-v-afa67a6c]:first-child{left:0}.landscape img[data-v-afa67a6c]:nth-child(2){right:0;--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rock[data-v-afa67a6c]{margin-left:auto;margin-right:auto;position:relative;top:0;z-index:0}.rock img[data-v-afa67a6c]{position:relative;width:100%;z-index:1}