.pz-hero{position:relative;background:var(--bone);color:var(--ink);border-bottom:1px solid var(--ink)}.pz-hero__stage{position:relative;overflow:hidden;--mq-h0: calc(2*clamp(13px, 1.25vw, 20px) + .96*clamp(26px, 2.9vw, 42px) + 1px) ;height:max(400px,calc(100vh - var(--pz-top, calc(var(--status-h) + var(--header-h))) - var(--mq-h, var(--mq-h0)) - 1px));height:max(400px,calc(100svh - var(--pz-top, calc(var(--status-h) + var(--header-h))) - var(--mq-h, var(--mq-h0)) - 1px));container-type:size;--now-w: 224px}.pz-hero__stage.is-aim{cursor:crosshair}.pz-hero__cp{position:absolute;left:35%;width:30%;top:0;bottom:0;pointer-events:none}.pz-hero__gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;display:block}.pz-pour{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.pz-pour__faucet,.pz-pour__skull{position:absolute;display:block;max-width:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pz-pour__faucet{left:calc(50cqw - 12.1cqh);top:3cqh;height:31.7cqh;width:auto;z-index:3;transform-origin:0 0}.pz-pour__skull{left:calc(50cqw - 15.2cqh);top:40.2cqh;height:51.8cqh;width:auto;transform-origin:0 0}.pz-pour__s1,.pz-pour__s2,.pz-pour__pool,.pz-pour__mf{position:absolute;display:block}.pz-pour__s1,.pz-pour__s2{width:10px;background:linear-gradient(90deg,#6b4a0b,#d4a017 26%,#ffe9a8 44%,#fff6d6 50%,#d4a017 68%,#6b4a0b);border-radius:6px}.pz-pour__s1,.pz-pour__s2,.pz-pour__mf,.pz-pour__pool{z-index:2}.pz-pour__skull{z-index:1}.pz-pour__mf{overflow:hidden}.pz-pour__mf>i{position:absolute;display:block;transform-origin:50% 50%;background:linear-gradient(180deg,#f6cf55 0 58%,#e2ae25 72%,#c08a14);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pz-pour__pool{border-radius:999px 999px 0 0/28px 28px 0 0;background:linear-gradient(180deg,#fff3cf 0 3px,#f4c94a 4px,#d4a017 38%,#8a5a0c)}.pz-pour.is-gl>*{visibility:hidden}.pz-pour:not(.is-laid) .pz-pour__s1,.pz-pour:not(.is-static) .pz-pour__s2,.pz-pour:not(.is-static) .pz-pour__pool,.pz-pour:not(.is-static) .pz-pour__mf{display:none}.pz-hero__marks i{position:absolute;width:12px;height:12px;border:0 solid var(--ink);z-index:2;pointer-events:none}.pz-hero__marks i:nth-child(1){top:10px;left:10px;border-top-width:1px;border-left-width:1px}.pz-hero__marks i:nth-child(2){top:10px;right:10px;border-top-width:1px;border-right-width:1px}.pz-hero__marks i:nth-child(3){bottom:10px;left:10px;border-bottom-width:1px;border-left-width:1px}.pz-hero__marks i:nth-child(4){bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px}.pz-hero__read{position:absolute;z-index:3;display:grid;gap:4px;pointer-events:none;margin:0}.pz-hero__read--tl{top:20px;left:calc(var(--pad) + 8px)}.pz-hero__read--bl{bottom:calc(20px + clamp(20px,7.5cqh,110px));left:calc(var(--pad) + 8px);display:block}.pz-hero__read--bl b{font-weight:400}.pz-hero__read time{font-variant-numeric:tabular-nums}.pz-hero__copy{position:absolute;z-index:3;left:calc(var(--pad) + 8px);top:50%;transform:translateY(-50%);max-width:34%;pointer-events:none}.pz-hero__kicker{text-transform:none;letter-spacing:.01em;max-width:min(44ch,30vw);margin-bottom:clamp(14px,1.4vw,26px)}.pz-hero__h1{font-size:clamp(36px,min(3.85vw,9vh),150px);line-height:.86;white-space:nowrap}.pz-hero__line{padding-bottom:.04em;margin-bottom:-.04em}@media(prefers-reduced-motion:no-preference){html.js .pz-hero:not(.is-ready) .pz-hero__h1{opacity:0;animation:pz-hero-failsafe 0s 2.6s forwards}}@keyframes pz-hero-failsafe{to{opacity:1}}.pz-hero__now{position:absolute;z-index:5;right:calc(var(--pad) + 8px);bottom:calc(var(--pad) + 6px);width:var(--now-w);color:var(--ink)}.pz-hero__now .pz-win__title{font-size:10px;letter-spacing:0}.pz-hero__now .pz-win__bar{padding-left:6px;gap:6px}.pz-hero__now .pz-win__btn:not(:last-child){display:none}.pz-hero__now .pz-win__status{font-size:10px;height:23px;flex:none;line-height:1;white-space:nowrap;overflow:hidden}.pz-hero__now .pz-win__status>span{overflow:hidden;text-overflow:ellipsis}.pz-hero__now:hover .pz-win__bar{background:var(--red)}.pz-hero__now:hover .pz-win__status span:last-child{color:var(--red)}.pz-hero__nowbody{padding:0}.pz-hero__vid{position:relative;display:block;aspect-ratio:9 / 16;background:var(--ink);overflow:hidden}.pz-hero__vid>video,.pz-hero__vid>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;display:block}.pz-hero__vid>.is-px{object-fit:contain;image-rendering:pixelated;background:var(--bone);padding:12%}.pz-hero__vid>.is-on{opacity:1}.pz-hero__vid>:not(.is-on){visibility:hidden}.pz-hero__vid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(20,21,19,.22) 0 1px,transparent 1px 3px);opacity:.35}.pz-hero__vid.is-cut>.is-on{transform:translate(3px) skew(-4deg)}.pz-hero__vid.is-cut:after{opacity:1;background:repeating-linear-gradient(0deg,rgba(20,21,19,.5) 0 1px,rgba(76,96,85,.18) 1px 2px,transparent 2px 3px)}.pz-hero__defs{position:absolute;width:0;height:0;overflow:hidden}.pz-hero__pins{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.pz-hero__pin{--pw: clamp(calc(var(--sn, 120) * .68px), calc(var(--sn, 120) * 100cqh / 760), calc(var(--sn, 120) * 1.35px));position:absolute;top:var(--y);width:var(--pw);left:min(var(--x),calc(100% - var(--now-w) - var(--pw) - var(--pad) - 64px));pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform;transform:rotate(var(--r, 0deg))}.pz-hero__pin.is-drag{cursor:grabbing}.pz-hero__pin img{width:100%;height:auto;-webkit-user-drag:none;pointer-events:none}.pz-hero__pin.is-spin img{aspect-ratio:1;object-fit:contain}.pz-hero__pin.is-spin.is-spinning img{image-rendering:pixelated}.pz-hero__pin.is-glass img{position:relative;z-index:1}.pz-hero__glassliq.is-top{z-index:2}.pz-hero__glassliq{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(min-width:750px)and (max-width:1199px){.pz-hero__stage{--now-w: 168px}.pz-hero__cp{left:34%;width:32%}.pz-hero__copy{max-width:33%}}@media(max-width:749px){.pz-hero__stage{height:clamp(480px,78svh,640px);--now-w: 88px}.pz-hero__cp{left:47%;width:53%;top:40px;bottom:0}.pz-hero__marks{display:none}.pz-hero__read{font-size:10px}.pz-hero__read--tl,.pz-hero__read--bl{left:var(--pad)}.pz-hero__read--tl{top:12px}.pz-hero__read--bl{bottom:12px}.pz-pour__skull{left:52cqw;top:50.3cqh;height:43cqh}.pz-pour__faucet{left:56.4cqw;top:9cqh;height:26.4cqh}.pz-hero__read--bl span{display:block}.pz-hero__read--bl b,.pz-hero__nowpre{display:none}.pz-hero__copy{left:var(--pad);width:50%;max-width:none;top:44%}.pz-hero__kicker{font-size:10px;max-width:24ch;margin-bottom:10px}.pz-hero__h1{font-size:clamp(30px,9vw,44px);white-space:normal;max-width:4.6em}.pz-hero__now{left:var(--pad);right:auto;bottom:48px}.pz-hero__now .pz-win__status,.pz-hero__now .pz-win__btns{display:none}.pz-hero__now .pz-win__bar{font-size:8px;padding:0 4px;height:16px;flex-basis:16px;letter-spacing:.02em}.pz-hero__pin{width:var(--sm);left:min(var(--mx),calc(100% - var(--sm) - 4px));top:var(--my)}.pz-hero__pin.is-desk{display:none}.pz-hero__pin.is-glass.is-slot{display:block}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pz-hero.css.map */