.pp,.pp *,.pp *::before,.pp *::after{box-sizing:border-box}.pp{font-family:var(--pp-body);color:var(--pp-ink);overflow-x:clip}.pp-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pp-h2{margin:0;font:400 clamp(40px,6vw,76px)/1 var(--pp-display);letter-spacing:0;text-wrap:balance}.pp-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--pp-ink);border-radius:999px;padding:.7em 1.35em;font:400 clamp(19px,1.7vw,23px)/1.1 var(--pp-display);color:var(--pp-ink);background:var(--pp-yolk);box-shadow:0 6px 0 var(--pp-ink);cursor:pointer;text-decoration:none;transition:translate .09s ease,box-shadow .09s ease}.pp-btn:hover{translate:0 2px;box-shadow:0 4px 0 var(--pp-ink)}.pp-btn:active{translate:0 6px;box-shadow:0 0 0 var(--pp-ink)}.pp-btn:focus-visible,.pp a:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--pp-ink)}.pp-btn--small{font-size:18px;padding:.55em 1.05em;box-shadow:0 4px 0 var(--pp-ink);background:var(--pp-pink)}.pp-btn--small:hover{box-shadow:0 2px 0 var(--pp-ink)}.pp-btn--small:active{translate:0 4px;box-shadow:none}.pp-hero{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-rows:1fr auto;grid-template-areas:'copy stage' 'actions stage';column-gap:clamp(16px,3vw,48px);padding:clamp(28px,4vw,56px) var(--pp-gutter) clamp(72px,8vw,112px);color:#fff;background:var(--pp-blue)}.pp-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 3deg at 74% 50%,var(--pp-blue-2) 0 8deg,transparent 0 16deg)}.pp-hero__copy{grid-area:copy;align-self:end;max-width:760px}.pp-hero__title{margin:0;font:400 clamp(58px,8.6vw,132px)/.94 var(--pp-display);letter-spacing:0;color:var(--pp-yolk);text-shadow:0 .055em 0 var(--pp-ink);text-wrap:balance;rotate:-2deg;transform-origin:0 50%}.pp-hero__text{max-width:30em;margin:clamp(20px,2.6vw,32px) 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.4;font-weight:600}.pp-hero__actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;padding-top:clamp(24px,3vw,36px)}.pp-link{color:#fff;font-weight:700;font-size:18px;text-underline-offset:.25em;text-decoration-thickness:2px}.pp-link:hover{color:var(--pp-yolk)}.pp-stage{grid-area:stage;position:relative;container-type:inline-size;width:min(100%,540px);aspect-ratio:1/1.14;justify-self:center;align-self:center;touch-action:pan-y}.pp-pack{--t:0;--rx:0deg;--ry:0deg;--mx:.5;--my:.4;position:absolute;left:50%;top:50%;width:68cqw;aspect-ratio:5/7;translate:-50% -50%;rotate:-5deg;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:top .55s cubic-bezier(.2,.9,.3,1.2),scale .55s cubic-bezier(.2,.9,.3,1.2),rotate .55s ease,transform .18s ease-out}.pp-hero.is-idle .pp-pack{animation:pp-wiggle .8s ease-in-out 1.1s 1}@keyframes pp-wiggle{0%,100%{rotate:-5deg}20%{rotate:-9deg}45%{rotate:-1deg}70%{rotate:-7deg}}.is-open .pp-pack{top:83%;scale:.84;rotate:-1deg}.pp-pack__shade,.pp-pack__in,.pp-pack__body,.pp-pack__strip{position:absolute;inset:0}.pp-pack__shade{z-index:0;clip-path:var(--pp-clip-body);background:var(--pp-ink);opacity:.5;translate:0 3.2%}.pp-pack__in{z-index:1;clip-path:var(--pp-clip-in);background:linear-gradient(#b9b2d6,#6f6696 30%,#3f3567)}.pp-pack__body{z-index:3;clip-path:var(--pp-clip-body)}.pp-pack__strip{z-index:4;clip-path:var(--pp-clip-strip);cursor:grab;touch-action:pan-y;transform-origin:100% 16%;rotate:calc(var(--t)*-13deg);translate:calc(var(--t)*5%) calc(var(--t)*-7%);transition:translate .5s cubic-bezier(.3,.7,.3,1),rotate .5s cubic-bezier(.3,.7,.3,1),opacity .35s .15s}.is-tearing .pp-pack__strip{transition:none;cursor:grabbing}.is-open .pp-pack__strip{translate:42% -135%;rotate:34deg;opacity:0;pointer-events:none}.pp-foil{position:absolute;inset:0;isolation:isolate}.pp-foil i{position:absolute;inset:0;display:block}.pp-foil__base{background:conic-gradient(from calc(190deg + var(--mx)*80deg) at 38% 34%,#ff9ad5,#c3a8ff 16%,#86dcff 32%,#8dffd2 48%,#fff08a 64%,#ffb98a 80%,#ff9ad5)}.pp-foil__crinkle{filter:url(#pp-crinkle);mix-blend-mode:hard-light;opacity:.66;will-change:transform}.pp-foil__holo{background:linear-gradient(calc(105deg + var(--mx)*40deg),transparent calc(6% + var(--mx)*52%),rgba(255,255,255,.9) calc(20% + var(--mx)*52%),transparent calc(34% + var(--mx)*52%)),repeating-linear-gradient(112deg,rgba(255,60,160,.7) 0 6%,rgba(255,225,0,.65) 12%,rgba(0,255,190,.65) 18%,rgba(0,150,255,.65) 24%,rgba(190,0,255,.7) 30%);background-size:100% 100%,240% 240%;background-position:0 0,calc(var(--mx)*100%) calc(var(--my)*100%);mix-blend-mode:soft-light;will-change:transform}.pp-foil__seal{background:repeating-linear-gradient(90deg,rgba(27,15,59,.2) 0 2px,rgba(255,255,255,.55) 2px 5px,transparent 5px 9px) top/100% 8.5% no-repeat,repeating-linear-gradient(90deg,rgba(27,15,59,.2) 0 2px,rgba(255,255,255,.55) 2px 5px,transparent 5px 9px) bottom/100% 7% no-repeat,linear-gradient(90deg,rgba(27,15,59,.28),transparent 9% 91%,rgba(27,15,59,.28))}.pp-pack__art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pp-pack__burst{fill:var(--pp-pink);stroke:var(--pp-ink);stroke-width:6;stroke-linejoin:round}.pp-pack__word{font:400 92px var(--pp-display);fill:var(--pp-ink);stroke:#fff;stroke-width:12px;paint-order:stroke fill;stroke-linejoin:round}.pp-pack__note{font:800 19px var(--pp-body);fill:var(--pp-ink);stroke:#fff;stroke-width:5px;paint-order:stroke fill;stroke-linejoin:round}.pp-pack__cut{fill:none;stroke:var(--pp-ink);stroke-width:3;stroke-dasharray:10 8;stroke-linecap:round}.pp-pack__tear{position:absolute;left:0;right:0;top:9.2%;text-align:center;font:400 clamp(13px,3.3cqw,18px)/1 var(--pp-display);color:var(--pp-ink)}.pp-reveal{position:absolute;inset:0;z-index:2;margin:0;padding:0;list-style:none;visibility:hidden;transition:visibility 0s .4s}.is-open .pp-reveal{visibility:visible;transition-delay:0s}.pp-rcard{--a:calc(var(--i) - (var(--n) - 1)/2);position:absolute;left:50%;top:0;width:calc(76% - var(--n)*5%);translate:-50% 8%;transition:translate .6s cubic-bezier(.2,1.1,.3,1.1) .08s,rotate .6s cubic-bezier(.2,1.1,.3,1.1) .08s}.is-open .pp-rcard{translate:calc(-50% + var(--a)*94%) -72%;rotate:calc(var(--a)*7deg)}.is-open .pp-rcard:hover{translate:calc(-50% + var(--a)*94%) -78%;z-index:2}.pp-rcard a{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:7px 7px 10px;border-radius:14px;background:#fff;box-shadow:0 0 0 3px var(--pp-ink);color:var(--pp-ink);text-decoration:none}.pp-rcard img{grid-column:1/-1;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:9px}.pp-rcard__name{font-size:clamp(11px,2.6cqw,14px);font-weight:700;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pp-rcard__price{font:400 clamp(13px,3cqw,17px)/1.1 var(--pp-display)}.pp-bit{position:absolute;left:50%;top:44%;z-index:5;width:var(--s);aspect-ratio:1;background:var(--c);clip-path:polygon(50% 0,63% 34%,98% 35%,70% 57%,79% 91%,50% 72%,21% 91%,30% 57%,2% 35%,37% 34%);animation:pp-bit 1s cubic-bezier(.12,.7,.3,1) forwards;pointer-events:none}@keyframes pp-bit{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}.pp-tape{position:relative;z-index:2;margin:-30px -2vw -26px;padding:13px 0;overflow:hidden;background:var(--pp-pink);rotate:-1.2deg;border-block:4px solid var(--pp-ink)}.pp-tape__row{display:flex;align-items:center;gap:20px;width:max-content;font:400 clamp(18px,2vw,24px)/1 var(--pp-display);white-space:nowrap}.pp-tape svg{fill:var(--pp-yolk);stroke:var(--pp-ink);stroke-width:2.5;flex:none}.pp-shop{padding:clamp(88px,10vw,136px) var(--pp-gutter) clamp(64px,8vw,104px);background:var(--pp-yolk)}.pp-shop__head{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 32px}.pp-shop__note{margin:0;font-size:18px;font-weight:600}.pp-grid{max-width:1120px;margin:clamp(32px,4vw,56px) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),430px));justify-content:center;gap:clamp(28px,4vw,48px)}.pp-card{--frame:var(--pp-blue);position:relative;padding:12px;border-radius:28px;background:var(--frame);box-shadow:0 0 0 4px var(--pp-ink),0 12px 0 4px var(--pp-ink);rotate:-1.2deg;transition:rotate .18s ease,translate .18s ease}.pp-card:nth-child(even){--frame:var(--pp-pink);rotate:1.2deg}.pp-card:hover,.pp-card:focus-within{rotate:0deg;translate:0 -6px}.pp-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 46%,rgba(255,92,168,.28) 52%,rgba(120,240,255,.3) 58%,transparent 70%) 120% 0/260% 100% no-repeat;transition:opacity .2s,background-position .7s ease}.pp-card:hover::after{opacity:1;background-position:-30% 0}.pp-card__in{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:#fff}.pp-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px 12px}.pp-card h3{margin:0;font:400 clamp(22px,2.2vw,26px)/1.08 var(--pp-display);letter-spacing:0;text-wrap:balance}.pp-card h3 a{color:inherit;text-decoration:none}.pp-card h3 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}.pp-card__no{flex:none;padding:3px 10px;border-radius:99px;background:var(--pp-ink);color:#fff;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.pp-card__media{display:block;background:var(--pp-lilac)}.pp-card__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.pp-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 18px}.pp-card__foot form{margin:0}.pp-card__price{font:400 28px/1 var(--pp-display)}.pp-card__out{font-weight:800}.pp-how{position:relative;padding:clamp(64px,8vw,104px) var(--pp-gutter) clamp(72px,8vw,112px);background:var(--pp-kraft)}.pp-how::before{content:'';position:absolute;left:0;right:0;top:-1px;height:14px;background:conic-gradient(from 135deg at top,var(--pp-yolk) 90deg,transparent 0) 50% 0/24px 100%}.pp-how .pp-h2{max-width:1120px;margin:0 auto}.pp-steps{max-width:1120px;margin:clamp(28px,4vw,48px) auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,48px);counter-reset:pp}.pp-step{counter-increment:pp}.pp-step svg{display:block;width:100%;max-width:320px;height:auto}.pp-step h3{display:flex;align-items:center;gap:12px;margin:16px 0 8px;font:400 clamp(24px,2.4vw,30px)/1.05 var(--pp-display);letter-spacing:0}.pp-step h3::before{content:counter(pp);display:grid;place-items:center;flex:none;width:1.6em;height:1.6em;border-radius:50%;background:var(--pp-ink);color:var(--pp-yolk);font-size:.8em}.pp-step p{margin:0;max-width:30em;font-size:18px;line-height:1.45;font-weight:500}@media (max-width:820px){.is-open .pp-pack{top:69%;scale:.74}.pp-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:'copy' 'stage' 'actions';padding-top:24px}.pp-hero__title{font-size:clamp(52px,15.5vw,104px)}.pp-stage{width:min(100%,430px);margin-top:12px}.pp-hero__actions{justify-content:center;padding-top:8px}.pp-steps{grid-template-columns:minmax(0,1fr)}.pp-step svg{max-width:280px}}@media (prefers-reduced-motion:reduce){.pp *,.pp *::before{animation:none!important;transition:none!important}}