.v4bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--green-dark);transform:scaleX(0);transform-origin:0 50%;z-index:80;will-change:transform}.stage4{position:relative;background:transparent;color:var(--ink)}.stage4__pin{position:relative;padding-block:40px 8px}.stage4__words,.stage4__bubbles,.stage4__hint{display:none}.stage4__canvas{display:none;pointer-events:none}.stage4__fallback{display:block;margin-inline:auto;max-height:46vh;width:auto}.stage4__panels{display:grid;gap:48px;padding:36px var(--gut) 52px}.p4{width:auto;max-width:52ch;margin-inline:auto;text-align:left}.p4 .eyebrow-tab{display:inline-block}.p4 h2,.p4 .p4__h1{margin-top:16px}.p4__h1{font-family:var(--display);font-size:clamp(52px,7.4vw,112px);font-weight:830;line-height:.92;letter-spacing:-.028em;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 0;color:var(--green-dark)}.p4 p{margin-top:16px;color:var(--ink);font-size:clamp(16px,1.4vw,19px);line-height:1.6}.p4 .btn-row{margin-top:24px}.chips{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.chip{background:var(--paper);border:3px solid var(--green-dark);border-radius:var(--r);box-shadow:var(--hard);padding:12px 18px;text-align:center}.chip b{display:block;font-family:var(--display);font-size:clamp(20px,2.2vw,30px);font-weight:700;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 50;color:var(--green-dark);font-variant-numeric:tabular-nums}.chip span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d1c11ad;margin-top:2px}.stage4.is-js{height:460vh}.stage4.is-js .stage4__pin{position:sticky;top:0;height:100vh;padding:0;overflow:hidden;display:grid;place-items:center}.stage4.is-js .stage4__words{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.bigword{position:absolute;top:50%;left:50%;translate:-50% -50%;font-family:var(--display);font-weight:700;font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 0;font-size:clamp(120px,26vw,400px);letter-spacing:-.03em;line-height:1;color:#0b462229;white-space:nowrap;opacity:0;will-change:opacity,transform;-webkit-user-select:none;user-select:none}.bigword:first-child{font-size:clamp(150px,31vw,480px)}.stage4.is-js .stage4__canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none}.stage4.is-js.is-live .stage4__canvas{opacity:1}.stage4.is-js .stage4__fallback{position:absolute;left:50%;top:50%;translate:calc(-50% + 6.1vh) calc(-50% - 5.4vh);max-height:56.5vh;z-index:2;margin:0}.stage4.is-js.is-live .stage4__fallback{display:none}.stage4__frames{position:absolute;left:50%;top:50%;height:71vh;aspect-ratio:1 / 2;z-index:2;pointer-events:none;will-change:transform}.stage4__frames canvas{display:block;width:100%;height:100%}.stage4__frames .fshadow{display:none}.stage4.is-js .stage4__bubbles{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.b4{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.9),var(--green-bright) 65%);opacity:.5;animation:b4rise linear infinite}@keyframes b4rise{0%{transform:translateY(12vh) scale(.7);opacity:0}15%{opacity:.55}to{transform:translateY(-105vh) scale(1.1);opacity:0}}.stage4.is-js .stage4__panels{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:0;pointer-events:none}.stage4.is-js .p4{position:absolute;top:50%;translate:0 -50%;width:min(44ch,40vw);max-width:none;margin:0;opacity:0;will-change:opacity,transform}.stage4.is-js .p4--l{left:max(var(--gut),calc((100vw - 1240px)/2))}.stage4.is-js .p4--r{right:max(var(--gut),calc((100vw - 1240px)/2));text-align:right}.stage4.is-js .p4--r p{margin-left:auto}.stage4.is-js .p4--r .chips,.stage4.is-js .p4--r .btn-row{justify-content:flex-end}.stage4.is-js .p4--tl{left:max(var(--gut),calc((100vw - 1240px)/2));top:16vh;translate:0 0}.stage4.is-js .p4--bl{left:max(var(--gut),calc((100vw - 1240px)/2));top:auto;bottom:12vh;translate:0 0}.stage4.is-js .p4--br{right:max(var(--gut),calc((100vw - 1240px)/2));left:auto;top:auto;bottom:12vh;translate:0 0;text-align:right}.stage4.is-js .p4--br p{margin-left:auto}.stage4.is-js .p4--br .btn-row{justify-content:flex-end}.stage4.is-js .p4--c{left:50%;top:auto;bottom:10vh;translate:-50% 0;text-align:center;width:min(56ch,80vw)}.stage4.is-js .p4--c .btn-row{justify-content:center}.stage4.is-js .p4--cl{left:max(var(--gut),calc((100vw - 1240px)/2));top:50%;translate:0 -50%}.stage4.is-js .p4--cr{left:max(var(--gut),calc((100vw - 1360px)/2));right:max(var(--gut),calc((100vw - 1360px)/2));top:50%;translate:0 -50%;width:auto;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,56px);text-align:left}.stage4.is-js .p4--cr .p4__copy{flex:0 1 30ch}.stage4.is-js .p4--cr .p4__buy{flex:0 0 min(400px,30vw);margin-top:0}.p4__buy{margin-top:22px}.p4__buy .ticket{max-width:460px;margin-inline:auto}.stage4.is-js .p4__buy .ticket{margin-inline:0;max-width:none}.stage4.is-js .p4--c .p4__buy .ticket{margin-inline:auto}.buybox__ship{display:flex;align-items:center;gap:8px;margin:12px 0 14px;padding:10px 14px;border-radius:var(--r-sm);background:#dce68580;border:1.5px solid rgba(11,70,34,.18);font-size:13.5px;font-weight:600;line-height:1.35;color:var(--green-dark)}.buybox__ship:before{content:"";flex:none;width:21px;height:21px;border-radius:50%;border:1.5px solid var(--green-dark);background:var(--green-bright) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1.7v8.6M1.7 6h8.6' stroke='%230B4622' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 11px 11px no-repeat}.buybox__ship.is-won{background:#81be414d;border-color:#0b46224d}.buybox__ship.is-won:before{background:var(--green-bright) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.4l2.5 2.5 4.7-5.5' fill='none' stroke='%230B4622' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat}.buybox__ticks{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1.5px dashed var(--rule);display:grid;gap:7px}.buybox__ticks li{position:relative;padding-left:24px;font-size:13px;line-height:1.4;color:#0d1c11bd}.buybox__ticks li:before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--green-dark);background:var(--green-bright) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.4 2.4 4.4-5.1' fill='none' stroke='%230B4622' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px 11px no-repeat}.stage4.is-js .stage4__hint{display:flex;position:absolute;left:max(var(--gut),calc((100vw - 1240px)/2));bottom:16vh;translate:0 0;z-index:4;flex-direction:row;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--r-pill);background:var(--paper);border:2px solid var(--green-dark);box-shadow:3px 4px #0b462229,0 16px 34px #0b462224;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green-dark);animation:hintIn .7s cubic-bezier(.2,1.5,.4,1) 3s both,hint4 2.4s ease-in-out 3.7s infinite}.stage4.is-js .stage4__hint svg{width:17px;height:17px;padding:0;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 2px var(--green-dark)}@keyframes hintIn{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes hint4{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media(pointer:coarse)and (max-width:920px),(hover:none)and (max-width:920px){.v4bar{display:none}.stage4.is-js{height:auto}.stage4.is-js .stage4__pin{position:relative;height:auto;padding:40px 0 8px;overflow:visible;display:block}.stage4.is-js .stage4__words,.stage4.is-js .stage4__bubbles,.stage4.is-js .stage4__hint,.stage4.is-js .stage4__canvas{display:none}.stage4.is-js .stage4__fallback{position:static;translate:none;margin-inline:auto;max-height:44vh;display:block!important}.stage4.is-js .stage4__panels{position:static;display:grid;gap:48px;padding:36px var(--gut) 52px}.stage4.is-js .p4{position:static;opacity:1!important;visibility:visible!important;translate:none;transform:none!important;width:auto;max-width:52ch;margin-inline:auto;text-align:left;pointer-events:auto!important}.stage4.is-js .p4--r{text-align:left}.stage4.is-js .p4--r .chips,.stage4.is-js .p4--r .btn-row{justify-content:flex-start}}@media(max-width:1100px){.stage4.is-js .p4{width:min(40ch,46vw)}}@media(max-width:820px)and (pointer:fine){.stage4.is-js .p4{width:min(36ch,52vw)}.bigword{font-size:clamp(90px,30vw,220px)}}.buybar{position:fixed;left:50%;bottom:18px;translate:-50% 0;z-index:70;display:flex;align-items:center;gap:14px;background:var(--paper);border:2px solid var(--green-dark);border-radius:var(--r-pill);box-shadow:0 4px #0b46222e,0 18px 40px #0b46222e;padding:10px 12px 10px 22px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease);max-width:calc(100vw - 32px)}.buybar.is-on{opacity:1;transform:none;pointer-events:auto}.buybar__name{font-family:var(--display);font-weight:700;font-size:16px;font-variation-settings:"opsz" 48,"SOFT" 40;color:var(--green-dark);white-space:nowrap}.buybar__meta{font-size:12px;color:#0d1c11ad;white-space:nowrap}.buybar .btn{padding:12px 20px;font-size:14px}@media(max-width:760px){.buybar{left:12px;right:12px;bottom:12px;translate:none;width:auto;gap:10px;justify-content:space-between;padding:9px 9px 9px 18px}.buybar__meta{display:none}.buybar__name{font-size:15px;overflow:hidden;text-overflow:ellipsis}.buybar .btn{padding:13px 22px;white-space:nowrap;flex:none}}.buy4{padding-block:clamp(56px,7vw,96px);background:var(--chartreuse);border-block:3px solid var(--green-dark)}.buy4 .head .t-caps,.buy4 .head h2{color:var(--green-dark)}.buy4__in{display:grid;place-items:center}.buy4 .ticket{width:min(500px,100%)}.buy4 .opt{background:var(--paper)}.buy4 .opt:hover{background:#dce68580}.buy4 .opt.is-on{background:var(--chartreuse)}.opt__flag{position:absolute;top:-9px;right:8px;padding:2px 8px;border-radius:var(--r-pill);background:var(--green-dark);color:var(--cream);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.wave{display:block;width:100%;height:clamp(28px,4vw,56px)}.stage4__extras{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;will-change:opacity}.ribbon{position:absolute;left:-10%;right:-10%;top:56%;transform:rotate(-5deg);background:var(--chartreuse);border-block:2px solid rgba(11,70,34,.35);box-shadow:0 14px 34px #0b46221f;overflow:hidden;padding-block:12px}.ribbon__track{display:flex;width:max-content;animation:ribbonRun 22s linear infinite}.ribbon__track span{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-variation-settings:"opsz" 48,"SOFT" 60;color:var(--green-dark);white-space:nowrap;padding-right:8px}@keyframes ribbonRun{to{transform:translate(-50%)}}.satellite{position:absolute;width:clamp(86px,7vw,102px);height:clamp(86px,7vw,102px);padding:4px;display:grid;place-content:center;justify-items:center;border-radius:50%;background:#fffdf9e0;border:2px solid var(--green-dark);box-shadow:0 12px 28px #0b46222e;text-align:center;animation:satBob ease-in-out infinite}.satellite b{font-family:var(--display);font-weight:800;letter-spacing:-.025em;font-variation-settings:"opsz" 144,"SOFT" 60;font-size:var(--num, clamp(17px, 1.5vw, 21px));color:var(--green-dark);line-height:1;white-space:nowrap}.satellite--a{--num: clamp(30px, 2.8vw, 40px);--lbl: 11px}.satellite--b{width:clamp(116px,9.5vw,138px);height:clamp(116px,9.5vw,138px);padding:6px;--num: clamp(32px, 3vw, 42px);--lbl: 12.5px}.satellite--c{--num: clamp(23px, 2.1vw, 30px);--lbl: 9px}.satellite span{margin-top:4px;font-size:var(--lbl, 9.5px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d1c119e;white-space:nowrap}.satellite--a{left:71%;top:15%;animation-duration:11s}.satellite--b{left:63.5%;top:40%;animation-duration:13.5s;animation-delay:-5s}.satellite--c{left:72%;top:64%;animation-duration:12.5s;animation-delay:-9s}@keyframes satBob{0%{transform:translate(0) rotate(0)}20%{transform:translate(18px,-26px) rotate(5deg)}45%{transform:translate(-10px,24px) rotate(-4deg)}70%{transform:translate(-24px,-12px) rotate(3deg)}88%{transform:translate(12px,14px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.spinbadge{position:absolute;right:5%;bottom:20vh;width:128px;height:128px;display:grid;place-items:center}.spinbadge svg{position:absolute;top:0;right:0;bottom:0;left:0;animation:badgeSpin 26s linear infinite}.spinbadge text{font-family:var(--serif);font-size:10.6px;font-weight:700;letter-spacing:.18em;fill:var(--green-dark)}.spinbadge img{border-radius:50%}@keyframes badgeSpin{to{transform:rotate(360deg)}}.rvw{position:relative;display:grid;gap:9px;width:fit-content;max-width:380px;margin:20px 0 0;padding:15px 18px 14px;background:#fbfaf0;border:2px solid var(--green-dark);border-radius:18px;box-shadow:5px 6px #0b462226,0 20px 38px #0b46221f;transform:rotate(-1.6deg);transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s ease}.rvw:hover{transform:rotate(0) translateY(-3px);box-shadow:7px 9px #0b462226,0 26px 46px #0b462229}.rvw__seal{position:absolute;bottom:0;right:0;width:44px;height:44px;transform:translate(34%,38%) rotate(12deg);filter:drop-shadow(0 4px 8px rgba(11,70,34,.22));pointer-events:none}.rvw__seal svg{display:block;width:100%;height:100%}.rvw__q{margin:0;font-family:var(--display);font-size:17.5px;font-weight:600;line-height:1.32;font-variation-settings:"opsz" 120,"SOFT" 60;color:var(--green-dark);text-wrap:balance}.rvw__who{display:flex;align-items:center;gap:9px;margin:1px 0 0}.rvw__av{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--chartreuse);border:2px solid var(--green-dark);font-family:var(--display);font-weight:800;font-size:13px;color:var(--green-dark)}.rvw__who b{font-size:13.5px;font-weight:700;color:var(--green-dark)}.rvw__role{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d1c1194}.rvw__dot{font-style:normal;color:#0b462259;font-weight:700}.heroproof{display:inline-flex;align-items:center;margin-top:16px;padding:9px 16px;border-radius:var(--r-pill);background:#fffdf9d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(11,70,34,.22);box-shadow:0 8px 20px #0b46221a;font-size:13.5px;font-weight:600;color:#0d1c11c7}@media(max-width:1100px){.satellite--b{display:none}.ribbon__track span{font-size:16px}}@media(max-width:1100px){.stage4.is-js .p4--cr .p4__copy{flex-basis:24ch}.stage4.is-js .p4--cr .p4__buy{flex-basis:min(340px,34vw)}}.stage4:not(.is-js) .stage4__extras{display:none}@media(max-width:760px){.stage4__extras{display:none}.rvw{max-width:100%;transform:none}.rvw__q{font-size:16px}}@media(max-height:820px)and (min-width:761px){.stage4.is-js .p4--tl{top:11vh}.p4__buy{margin-top:14px}.rvw{margin-top:14px;padding:12px 15px 11px;gap:7px}.rvw__q{font-size:16px}.rvw__seal{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.ribbon__track,.spinbadge svg,.satellite,.rvw__stars svg{animation:none}.rvw{transition:none}}@media(max-width:760px){.stage4:not(.is-js) .stage4__pin{display:flex;flex-direction:column;padding-block:26px 8px}.stage4:not(.is-js) .stage4__panels{display:contents}.stage4:not(.is-js) .p4{padding-inline:var(--gut);margin:0 0 32px}.stage4:not(.is-js) .p4:first-child{order:1}.stage4:not(.is-js) .stage4__fallback{order:2;max-height:40vh;margin:6px auto 30px}.stage4:not(.is-js) .p4:not(:first-child):not(:last-child){display:none}.stage4:not(.is-js) .p4--cr{order:3}.stage4:not(.is-js) .p4__h1{font-size:clamp(40px,12vw,56px)!important}.stage4:not(.is-js) .p4 p{font-size:16.5px}.stage4:not(.is-js) .btn-row{display:grid;gap:10px}.stage4:not(.is-js) .btn-row .btn{width:100%}.ann__item{padding-inline:10px}}@media(max-width:380px){.stage4:not(.is-js) .p4__h1{font-size:38px!important}.t-outline{-webkit-text-stroke-width:2px;text-stroke-width:2px}}@keyframes heroRise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:none}}@keyframes heroSignature{0%{opacity:0;translate:0 10px;scale:.96}to{opacity:1;translate:none;scale:1}}@keyframes heroSettle{0%{scale:1.05}to{scale:1}}@keyframes heroDraw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes heroPop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes heroFade{0%{opacity:0}to{opacity:1}}.stage4 .p4>*,.stage4 .rvw{animation:heroRise .72s cubic-bezier(.2,.8,.25,1) both}.stage4 .p4>*:nth-child(1){animation-delay:.06s}.stage4 .p4>*:nth-child(2){animation-delay:.14s}.stage4 .p4>*:nth-child(3){animation-delay:.24s}.stage4 .p4>*:nth-child(4){animation-delay:.34s}.stage4 .p4>*:nth-child(5){animation-delay:.44s}.stage4 .p4>*:nth-child(6){animation-delay:.52s}.stage4 .p4__h1 .t-outline{display:inline-block;animation:heroSignature .74s cubic-bezier(.2,1.25,.35,1) .22s both}.stage4 .stage4__fallback{animation:heroSettle 1.15s cubic-bezier(.16,.8,.3,1) .08s both}.ribbon{animation:heroDraw 1.15s cubic-bezier(.22,.8,.25,1) .34s both}.satellite{animation:heroPop .62s cubic-bezier(.2,1.55,.35,1) both}.satellite--a{animation-delay:.74s}.satellite--b{animation-delay:.86s}.satellite--c{animation-delay:.98s}.spinbadge{animation:heroPop .8s cubic-bezier(.2,1.4,.35,1) 1.04s both}@media(prefers-reduced-motion:reduce){.stage4 .p4>*,.stage4 .rvw,.stage4 .p4__h1 .t-outline,.stage4 .stage4__canvas,.stage4 .stage4__fallback,.ribbon,.satellite,.spinbadge{animation:none}.stage4.is-js .stage4__hint{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/piklo-v4.css.map */