/* Flagship motion examples for menu and flyer packs. Isolated identities; NOVA pages are unchanged.
   Every animation here is plain CSS, so it stops under prefers-reduced-motion (site.css) and when
   src/packs.js sets html[data-motion=paused]. Without JavaScript everything is simply visible. */
.pack-page{--pk-ease:cubic-bezier(.2,.75,.25,1);--pk-serif:Georgia,'Noto Serif',serif;background:var(--pk-bg);color:var(--pk-ink);font-family:'Segoe UI',Roboto,Arial,sans-serif}
.pack-page>.ambient,.pack-page>.site-header,.pack-page>.site-footer{display:none}
.pack-page main{overflow:clip}
.pack-page h1,.pack-page h2,.pack-page h3,.pack-page h4{margin:0;letter-spacing:0}
.pack-page p{max-width:none}
.pack-page ul{list-style:none;margin:0;padding:0}
.pack-page em{font:italic 400 1em var(--pk-serif);letter-spacing:-.02em;text-transform:none;color:var(--pk-accent)}
.pack-page :focus-visible{outline:3px solid var(--pk-accent);outline-offset:4px}
.pack-page .skip{background:var(--pk-accent);color:var(--pk-on-accent)}
.pack-page .sample-disclaimer{color:var(--pk-ink);width:calc(100% - 96px);max-width:1240px;border-color:var(--pk-line)}
.pk-shell{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}
.pk-toolbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;min-height:58px;background:#0f0d0c;color:#fff;font-size:12px}
.pk-toolbar nav{display:flex;gap:6px}
.pk-toolbar nav a{padding:8px 15px;border:1px solid #ffffff55;border-radius:5px}
.pk-toolbar nav a:hover,.pk-toolbar nav a[aria-current=page]{background:var(--pk-accent);border-color:var(--pk-accent);color:var(--pk-on-accent)}
.pk-motion{border:1px solid #ffffff99;background:transparent;color:#fff;padding:7px 11px;border-radius:5px;cursor:pointer;font:inherit}
.pk-motion:hover{background:#ffffff22}
.pk-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:22px}
.pk-button{display:inline-flex;align-items:center;gap:26px;min-height:54px;padding:16px 26px;border-radius:var(--pk-radius);background:var(--pk-accent);color:var(--pk-on-accent);font-weight:700;font-size:14px;transition:transform .2s var(--pk-ease),filter .2s}
.pk-button:hover{transform:translateY(-3px);filter:brightness(1.08)}
.pk-note{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;padding-block:18px;border-bottom:1px solid var(--pk-line);font-size:12px;line-height:1.65}
.pk-note p{max-width:760px}
.pk-note>span{color:var(--pk-muted);max-width:190px}
.pk-heading{margin-bottom:54px}
.pk-heading h2,.pk-ask h2,.em-flyer h2,.sb-flyer h2,.sb-story h2{font:var(--pk-h2);letter-spacing:var(--pk-h2-track);text-transform:var(--pk-case)}
.em-groups li,.sb-prices li{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid var(--pk-line)}
.em-groups h4,.sb-prices h4{font-size:19px;font-weight:700}
.em-groups li p,.sb-prices li p{font-size:14px;color:var(--pk-muted);margin-top:3px}
.em-groups li i,.sb-prices li i{flex:1;min-width:20px;border-bottom:2px dotted var(--pk-muted);transform-origin:0 50%;translate:0 -5px}
.em-groups li b,.sb-prices li b{font:var(--pk-price);white-space:nowrap}
.pk-ask{padding-block:110px;text-align:center}
.pk-ask p{max-width:34rem;margin:26px auto 34px;color:var(--pk-muted);font-size:17px;line-height:1.7}
.pk-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:34px;border-top:1px solid var(--pk-line);font-size:13px;color:var(--pk-muted)}
.pk-footer strong{font:var(--pk-h3);color:var(--pk-ink);text-transform:var(--pk-case)}
.pk-footer a{color:var(--pk-ink);text-decoration:underline;text-underline-offset:5px}
@keyframes pk-spin{to{transform:rotate(360deg)}}

/* Motion states. Only applied once the script has confirmed motion is wanted. */
.pk-anim [data-enter]{opacity:0;transform:translateY(34px)}
.pk-anim.pk-entered [data-enter]{opacity:1;transform:none;transition:opacity .75s var(--pk-ease),transform .9s var(--pk-ease)}
.pk-anim [data-reveal]{opacity:0;transform:translateY(30px)}
.pk-anim [data-reveal].is-in{opacity:1;transform:none;transition:opacity .7s var(--pk-ease),transform .8s var(--pk-ease)}
.pk-anim [data-reveal] li{opacity:0;transform:translateX(-18px)}
.pk-anim [data-reveal] li i{scale:0 1}
.pk-anim [data-reveal].is-in li{opacity:1;transform:none;transition:opacity .5s var(--pk-ease),transform .6s var(--pk-ease);transition-delay:calc(var(--i,0)*80ms + 120ms)}
.pk-anim [data-reveal].is-in li i{scale:1 1;transition:scale .8s var(--pk-ease);transition-delay:calc(var(--i,0)*80ms + 260ms)}
.pack-page li:nth-child(2){--i:1}.pack-page li:nth-child(3){--i:2}.pack-page li:nth-child(4){--i:3}.pack-page li:nth-child(5){--i:4}.pack-page li:nth-child(6){--i:5}

/* ── Ember & Ash Grill · Motion V2 ─────────────────────────────────────────── */
.pack-ember{--pk-bg:#14100d;--pk-ink:#f1e7da;--pk-accent:#ff5a1f;--pk-on-accent:#14100d;--pk-muted:#a99c8f;--pk-line:#ffffff24;--pk-radius:0;--pk-case:uppercase;--pk-display:Impact,Haettenschweiler,'Arial Narrow Bold','sans-serif-condensed',sans-serif;--pk-h2:400 clamp(54px,7vw,104px)/.9 var(--pk-display);--pk-h2-track:.01em;--pk-h3:400 30px/1 var(--pk-display);--pk-price:400 30px/1 var(--pk-display)}
.em-hero{position:relative;display:grid;align-items:center;min-height:min(840px,calc(100svh - 58px));overflow:hidden;background:radial-gradient(120% 75% at 50% 112%,#6b2209 0%,#2c130a 40%,#14100d 72%)}
.em-glow{position:absolute;left:-12%;right:-12%;bottom:-42%;height:74%;border-radius:50%;background:radial-gradient(closest-side,#ff5a1fb3,#ff5a1f38 55%,transparent);filter:blur(22px);animation:em-pulse 4.6s ease-in-out infinite}
@keyframes em-pulse{0%,100%{opacity:.55;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.09)}}
.em-embers{position:absolute;inset:0;pointer-events:none}
.em-embers i{position:absolute;bottom:-14px;left:calc(var(--x)*1%);width:calc(var(--s)*1px);height:calc(var(--s)*1px);border-radius:50%;background:#ffc23d;box-shadow:0 0 10px 2px #ff5a1f;opacity:0;animation:em-rise calc(var(--d)*1s) linear calc(var(--w)*-1s) infinite}
@keyframes em-rise{0%{transform:translate3d(0,0,0) scale(1);opacity:0}8%{opacity:1}65%{opacity:.75}100%{transform:translate3d(calc(var(--sway)*1px),-80vh,0) scale(.2);opacity:0}}
.em-embers i:nth-child(1){--x:4;--s:5;--d:9;--w:1;--sway:40}.em-embers i:nth-child(2){--x:11;--s:3;--d:7;--w:4;--sway:-30}.em-embers i:nth-child(3){--x:17;--s:6;--d:11;--w:7;--sway:60}.em-embers i:nth-child(4){--x:24;--s:4;--d:8;--w:2;--sway:-50}.em-embers i:nth-child(5){--x:31;--s:3;--d:6;--w:5;--sway:25}.em-embers i:nth-child(6){--x:37;--s:5;--d:10;--w:8;--sway:-35}.em-embers i:nth-child(7){--x:44;--s:4;--d:7.5;--w:3;--sway:45}.em-embers i:nth-child(8){--x:50;--s:6;--d:12;--w:6;--sway:-60}.em-embers i:nth-child(9){--x:56;--s:3;--d:6.5;--w:1.5;--sway:30}.em-embers i:nth-child(10){--x:62;--s:5;--d:9.5;--w:4.5;--sway:-40}.em-embers i:nth-child(11){--x:68;--s:4;--d:8.5;--w:7.5;--sway:55}.em-embers i:nth-child(12){--x:74;--s:3;--d:7;--w:2.5;--sway:-25}.em-embers i:nth-child(13){--x:80;--s:6;--d:11.5;--w:5.5;--sway:35}.em-embers i:nth-child(14){--x:86;--s:4;--d:8;--w:9;--sway:-45}.em-embers i:nth-child(15){--x:91;--s:5;--d:10.5;--w:3.5;--sway:50}.em-embers i:nth-child(16){--x:96;--s:3;--d:6;--w:0.5;--sway:-30}.em-embers i:nth-child(17){--x:28;--s:4;--d:13;--w:10;--sway:70}.em-embers i:nth-child(18){--x:71;--s:5;--d:12.5;--w:11;--sway:-65}
.em-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center;padding-block:70px}
.em-hero h1{font:400 clamp(78px,12.4vw,200px)/.84 var(--pk-display);text-transform:uppercase;letter-spacing:.005em;margin-bottom:34px}
.em-hero h1 span{display:block}
.em-hot{color:var(--pk-accent);animation:em-heat 3.2s ease-in-out infinite}
@keyframes em-heat{0%,100%{text-shadow:0 0 0 #ff5a1f00}50%{text-shadow:0 0 46px #ff5a1fb0}}
.em-lead{max-width:30rem!important;font-size:18px;line-height:1.65;color:#d8cabb;margin-bottom:34px}
.em-badge{position:relative;justify-self:center;width:min(100%,340px);aspect-ratio:1}
.em-ring{position:absolute;inset:0;width:100%;height:100%;animation:pk-spin 38s linear infinite}
.em-ring text{font:700 12.6px 'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:3.1px;fill:#f1e7da}
.em-flame{display:block;overflow:visible}
.em-badge .em-flame{position:absolute;left:29%;top:19%;width:42%}
.em-flame path{transform-box:fill-box;transform-origin:50% 100%}
.em-f1{fill:#ff5a1f;animation:em-flick 1.7s ease-in-out infinite}
.em-f2{fill:#ffb21a;animation:em-flick 1.25s ease-in-out -.4s infinite}
.em-f3{fill:#fff1bf;animation:em-flick .95s ease-in-out -.2s infinite}
@keyframes em-flick{0%,100%{transform:scale(1,1) skewX(0)}25%{transform:scale(.95,1.07) skewX(-3.5deg)}50%{transform:scale(1.04,.94) skewX(2.5deg)}75%{transform:scale(.97,1.05) skewX(-1.5deg)}}
.em-menu{padding-block:110px}
.em-groups{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 80px}
.em-groups h3{font:400 34px/1 var(--pk-display);text-transform:uppercase;letter-spacing:.03em;color:var(--pk-accent);padding-bottom:14px;border-bottom:2px solid var(--pk-accent)}
.em-groups ul+h3{margin-top:50px}
.em-flyer{background:#1e1712;padding-block:110px}
.em-flyer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:80px;align-items:center}
.em-flyer-layout>div:first-child p:last-child{max-width:30rem;margin-top:28px;font-size:17px;line-height:1.7;color:var(--pk-muted)}
.em-poster{position:relative;aspect-ratio:4/5;overflow:hidden;padding:34px 32px;background:linear-gradient(175deg,#1b0f09 0%,#5a1808 52%,#d9440f 100%);color:#fff3df;box-shadow:0 34px 70px #00000090;rotate:2deg}
.em-poster-kicker{font-size:11px;font-weight:700;letter-spacing:.24em;color:#ffc23d}
.em-poster-title{margin-top:16px;font:400 clamp(58px,6.2vw,86px)/.86 var(--pk-display);text-transform:uppercase}
.em-poster .em-flame{position:absolute;right:24px;top:27%;width:27%}
.em-poster-deal{position:absolute;left:32px;right:32px;bottom:62px;display:flex;align-items:flex-end;gap:18px}
.em-poster-deal b{font:400 clamp(70px,8vw,104px)/.8 var(--pk-display);color:#ffc23d}
.em-poster-deal span{font-size:14px;line-height:1.45;font-weight:600}
.em-poster-foot{position:absolute;left:32px;right:32px;bottom:24px;font-size:9.5px;font-weight:700;letter-spacing:.22em;opacity:.85}
.em-sparks i{animation-name:em-rise-poster}
@keyframes em-rise-poster{0%{transform:translate3d(0,0,0) scale(1);opacity:0}10%{opacity:1}70%{opacity:.7}100%{transform:translate3d(calc(var(--sway)*.5px),-460px,0) scale(.2);opacity:0}}

/* ── Sorbetto Sky · Motion V3 ───────────────────────────────────────────────── */
.pack-sorbet{--pk-bg:#fff7e6;--pk-ink:#1b2a4a;--pk-accent:#e6336e;--pk-on-accent:#fff;--pk-muted:#55617c;--pk-line:#1b2a4a26;--pk-radius:999px;--pk-case:none;--pk-display:'Arial Black','Segoe UI Black',Roboto,system-ui,sans-serif;--pk-h2:900 clamp(40px,5.2vw,76px)/.98 var(--pk-display);--pk-h2-track:-.05em;--pk-h3:900 22px/1 var(--pk-display);--pk-price:900 22px/1 var(--pk-display)}
.sb-hero{position:relative;display:grid;align-items:center;min-height:min(840px,calc(100svh - 58px));overflow:hidden;background:linear-gradient(#bfe6ff,#e2f3ff 62%,#fff7e6)}
.sb-sun{position:absolute;right:-150px;top:-150px;width:540px;height:540px;border-radius:50%;background:repeating-conic-gradient(#ffe45c 0 10deg,#ffd21f 0 20deg);animation:pk-spin 70s linear infinite}
.sb-confetti{position:absolute;inset:0;pointer-events:none}
.sb-confetti i{position:absolute;top:-30px;left:calc(var(--x)*1%);width:8px;height:22px;border-radius:6px;background:var(--c);opacity:.9;animation:sb-fall calc(var(--d)*1s) linear calc(var(--w)*-1s) infinite}
@keyframes sb-fall{0%{transform:translate3d(0,-6vh,0) rotate(0)}100%{transform:translate3d(calc(var(--sway)*1px),108vh,0) rotate(calc(var(--r)*1deg))}}
.sb-confetti i:nth-child(1){--x:6;--c:#e6336e;--d:13;--w:2;--sway:60;--r:540}.sb-confetti i:nth-child(2){--x:14;--c:#7ddcb5;--d:17;--w:9;--sway:-40;--r:-420}.sb-confetti i:nth-child(3){--x:22;--c:#ffd21f;--d:11;--w:5;--sway:30;--r:380}.sb-confetti i:nth-child(4){--x:30;--c:#1b2a4a;--d:19;--w:13;--sway:-70;--r:-620}.sb-confetti i:nth-child(5){--x:38;--c:#e6336e;--d:15;--w:1;--sway:50;--r:460}.sb-confetti i:nth-child(6){--x:46;--c:#7ddcb5;--d:12;--w:7;--sway:-30;--r:-360}.sb-confetti i:nth-child(7){--x:54;--c:#ff9c5b;--d:18;--w:11;--sway:45;--r:580}.sb-confetti i:nth-child(8){--x:62;--c:#e6336e;--d:14;--w:4;--sway:-55;--r:-500}.sb-confetti i:nth-child(9){--x:70;--c:#1b2a4a;--d:16;--w:14;--sway:35;--r:420}.sb-confetti i:nth-child(10){--x:78;--c:#7ddcb5;--d:11.5;--w:6;--sway:-45;--r:-380}.sb-confetti i:nth-child(11){--x:85;--c:#ff9c5b;--d:20;--w:15;--sway:65;--r:640}.sb-confetti i:nth-child(12){--x:92;--c:#e6336e;--d:13.5;--w:3;--sway:-35;--r:-440}.sb-confetti i:nth-child(13){--x:34;--c:#ffd21f;--d:21;--w:17;--sway:80;--r:700}.sb-confetti i:nth-child(14){--x:66;--c:#ffd21f;--d:16.5;--w:10;--sway:-75;--r:-560}
.sb-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;padding-block:70px}
.sb-hero h1{font:900 clamp(44px,6.3vw,98px)/.95 var(--pk-display);letter-spacing:-.06em;margin-bottom:30px}
.sb-hero h1 span{display:block}
.sb-pop{color:var(--pk-accent)}
.sb-lead{max-width:31rem!important;font-size:18px;line-height:1.65;color:#33405f;margin-bottom:34px}
.sb-cup{position:relative;width:300px;height:440px;margin-inline:auto}
.sb-cup::after{content:'';position:absolute;left:50%;bottom:160px;width:240px;height:24px;margin-left:-120px;border-radius:12px;background:#1b2a4a}
.sb-tub{position:absolute;left:50%;bottom:0;width:212px;height:172px;margin-left:-106px;background:repeating-linear-gradient(90deg,#e6336e 0 26.5px,#fff 26.5px 53px);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}
.sb-scoop{position:absolute;left:50%;width:150px;height:150px;margin-left:-75px;border-radius:50%;background:radial-gradient(circle at 33% 29%,#ffffff9c 0 8%,transparent 9.5%),radial-gradient(circle at 46% 42%,var(--sc) 55%,var(--sc2));box-shadow:0 13px 0 -5px var(--sc2)}
.sb-s1{--sc:#ff8fb3;--sc2:#e6336e;bottom:140px;margin-left:-118px}
.sb-s2{--sc:#a5ecd0;--sc2:#4fc29a;bottom:140px;margin-left:-32px}
.sb-s3{--sc:#fff08a;--sc2:#f0be25;bottom:238px}
.sb-wafer{position:absolute;left:66%;bottom:292px;width:26px;height:124px;border-radius:6px;background:repeating-linear-gradient(0deg,#e9a45b 0 8px,#cf8638 8px 12px);rotate:26deg}
.sb-cherry{position:absolute;left:50%;bottom:374px;width:40px;height:40px;margin-left:-22px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffb1bd 0 11%,#d9123d 13%)}
.sb-cherry::before{content:'';position:absolute;left:52%;bottom:86%;width:3px;height:28px;border-radius:2px;background:#1b2a4a;rotate:20deg;transform-origin:50% 100%}
.sb-sprinkles i{position:absolute;left:50%;bottom:calc(var(--b)*1px);margin-left:calc(var(--l)*1px);width:6px;height:17px;border-radius:4px;background:var(--c);rotate:calc(var(--r)*1deg)}
.sb-sprinkles i:nth-child(1){--b:346;--l:-46;--c:#e6336e;--r:30}.sb-sprinkles i:nth-child(2){--b:362;--l:-12;--c:#1b2a4a;--r:-40}.sb-sprinkles i:nth-child(3){--b:350;--l:26;--c:#7ddcb5;--r:70}.sb-sprinkles i:nth-child(4){--b:322;--l:-58;--c:#7ddcb5;--r:-20}.sb-sprinkles i:nth-child(5){--b:326;--l:-22;--c:#ff9c5b;--r:55}.sb-sprinkles i:nth-child(6){--b:318;--l:14;--c:#e6336e;--r:-65}.sb-sprinkles i:nth-child(7){--b:330;--l:44;--c:#1b2a4a;--r:15}.sb-sprinkles i:nth-child(8){--b:296;--l:-38;--c:#1b2a4a;--r:80}.sb-sprinkles i:nth-child(9){--b:292;--l:30;--c:#ff9c5b;--r:-35}
.sb-cup-hero{animation:sb-bob 4.2s ease-in-out 2.2s infinite}
@keyframes sb-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(1.6deg)}}
.sb-cup-hero .sb-scoop,.sb-cup-hero .sb-wafer,.sb-cup-hero .sb-cherry,.sb-cup-hero .sb-sprinkles{animation:sb-drop .85s cubic-bezier(.3,1.45,.5,1) both}
.sb-cup-hero .sb-s1{animation-delay:.55s}.sb-cup-hero .sb-s2{animation-delay:.85s}.sb-cup-hero .sb-s3{animation-delay:1.15s}.sb-cup-hero .sb-wafer{animation-delay:1.45s}.sb-cup-hero .sb-sprinkles{animation-delay:1.6s}.sb-cup-hero .sb-cherry{animation-delay:1.8s}
@keyframes sb-drop{0%{opacity:0;translate:0 -460px;scale:.86}100%{opacity:1;translate:0 0;scale:1}}
.sb-story{padding-block:100px;background:#fff3b8;transition:background-color .6s var(--pk-ease)}
.sb-story[data-step="1"]{background:#ffe1ea}
.sb-story[data-step="2"]{background:#dcf6ea}
.sb-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.sb-story-visual h2{margin-bottom:10px}
.sb-cup-story .sb-scoop,.sb-cup-story .sb-wafer,.sb-cup-story .sb-cherry,.sb-cup-story .sb-sprinkles{transition:opacity .4s var(--pk-ease),translate .65s cubic-bezier(.3,1.45,.5,1),scale .65s cubic-bezier(.3,1.45,.5,1)}
.sb-story[data-step="1"] .sb-s2,.sb-story[data-step="1"] .sb-s3,.sb-story[data-step="1"] .sb-wafer,.sb-story[data-step="1"] .sb-cherry,.sb-story[data-step="1"] .sb-sprinkles,.sb-story[data-step="2"] .sb-s3,.sb-story[data-step="2"] .sb-wafer,.sb-story[data-step="2"] .sb-cherry,.sb-story[data-step="2"] .sb-sprinkles{opacity:0;translate:0 -120px;scale:.6}
.sb-progress{height:6px;margin-top:26px;border-radius:6px;background:#1b2a4a22;overflow:hidden;display:none}
.sb-progress span{display:block;height:100%;border-radius:6px;background:var(--pk-accent);transform:scaleX(0);transform-origin:0 50%}
.sb-step{padding-block:34px;border-top:2px solid #1b2a4a}
.sb-step h3{font:900 clamp(30px,3.6vw,50px)/1 var(--pk-display);letter-spacing:-.05em;margin-bottom:18px}
.sb-step p{font-size:17px;line-height:1.7;color:#33405f;max-width:28rem}
.sb-step .pk-button{margin-top:28px;align-self:flex-start}
@media(min-width:900px){
  [data-pk-story="true"] .sb-story-visual{position:sticky;top:9vh}
  [data-pk-story="true"] .sb-progress{display:block}
  [data-pk-story="true"] .sb-step{min-height:74vh;display:flex;flex-direction:column;justify-content:center;border-top:0;opacity:.3;transition:opacity .45s var(--pk-ease)}
  [data-pk-story="true"] .sb-step.is-current{opacity:1}
}
.sb-menu{padding-block:110px}
.sb-flavours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sb-flavours li{display:flex;align-items:center;gap:16px;padding:20px 22px;border:2px solid #1b2a4a;border-radius:22px;background:#fff;font:900 clamp(16px,1.6vw,21px)/1.15 var(--pk-display);letter-spacing:-.03em;box-shadow:6px 6px 0 #1b2a4a;transition:rotate .25s var(--pk-ease),translate .25s var(--pk-ease)}
.sb-flavours li:hover{rotate:-2deg;translate:0 -5px}
.sb-dot{flex:none;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 33% 29%,#ffffffa8 0 9%,transparent 10.5%),var(--sc)}
.sb-berry{--sc:#ff6f9d}.sb-mint{--sc:#7ddcb5}.sb-caramel{--sc:#d98f3d}.sb-lemon{--sc:#ffe45c}.sb-cocoa{--sc:#5a3324}.sb-honey{--sc:#f0a94b}
.sb-prices{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;margin-top:54px}
.sb-flyer{background:#bfe6ff;padding-block:110px}
.sb-flyer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:80px;align-items:center}
.sb-flyer-layout>div:first-child p:last-child{max-width:30rem;margin-top:28px;font-size:17px;line-height:1.7;color:#33405f}
.sb-poster{position:relative;aspect-ratio:4/5;overflow:hidden;padding:34px 32px;border-radius:26px;background:#e6336e;color:#fff;box-shadow:10px 10px 0 #1b2a4a;rotate:-2deg}
.sb-burst{position:absolute;right:-100px;bottom:-20px;width:280px;height:280px;border-radius:50%;background:repeating-conic-gradient(#ffd21f 0 9deg,#ffe45c 0 18deg);animation:pk-spin 26s linear infinite}
.sb-poster p{position:relative}
.sb-poster-kicker{font-size:11px;font-weight:700;letter-spacing:.22em}
.sb-poster-title{margin-top:16px;font:900 clamp(44px,4.6vw,60px)/.94 var(--pk-display);letter-spacing:-.06em;text-shadow:4px 4px 0 #1b2a4a}
.sb-bounce{--sc:#a5ecd0;--sc2:#4fc29a;left:auto;right:40px;bottom:150px;margin:0;width:110px;height:110px;transform-origin:50% 100%;animation:sb-bounce 1.15s cubic-bezier(.33,0,.67,1) infinite alternate}
@keyframes sb-bounce{0%{transform:translateY(0) scale(1.1,.9)}18%{transform:translateY(-10px) scale(.96,1.05)}100%{transform:translateY(-52px) scale(1,1)}}
.sb-poster-deal{position:absolute!important;left:32px;max-width:46%!important;bottom:58px;font:900 clamp(20px,2.3vw,27px)/1.1 var(--pk-display);letter-spacing:-.04em}
.sb-poster-foot{position:absolute!important;left:32px;right:32px;bottom:24px;font-size:9.5px;font-weight:700;letter-spacing:.22em}

@media(max-width:900px){
  .pk-shell,.pack-page .sample-disclaimer{width:calc(100% - 40px)}
  .pk-toolbar{gap:12px;padding-inline:20px}.pk-toolbar nav a{padding:8px 10px}
  .em-hero-inner,.sb-hero-inner{grid-template-columns:1fr;gap:20px;padding-block:54px}
  .em-badge{order:-1;justify-self:end;width:150px;margin:-18px -6px -46px 0}
  .em-groups,.em-flyer-layout,.sb-flyer-layout,.sb-story-layout{grid-template-columns:1fr;gap:54px}
  .em-menu,.sb-menu,.em-flyer,.sb-flyer,.pk-ask{padding-block:76px}
  .sb-story{padding-block:70px}
  .em-poster,.sb-poster{max-width:420px;width:100%;justify-self:center}
  .sb-hero-art{order:-1}.sb-cup{scale:.72;margin-block:-58px -50px}
  .sb-sun{width:340px;height:340px;right:-120px;top:-120px}
  .sb-flavours{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .sb-prices{grid-template-columns:1fr;margin-top:40px}
}
@media(max-width:640px){
  .pk-toolbar{flex-wrap:wrap;padding:10px 15px;gap:9px;font-size:10px}
  .pk-toolbar .pk-motion{margin-left:auto}
  .pk-toolbar nav{order:2;width:100%;gap:8px}.pk-toolbar nav a{flex:1;text-align:center;min-height:38px;padding:10px 8px}
  .pk-note{display:block}.pk-note>span{display:block;margin-top:8px;max-width:none}
  .pk-heading{margin-bottom:38px}
  .em-hero h1{font-size:clamp(70px,24vw,120px)}
  .em-badge{width:128px}
  .sb-bounce{width:84px;height:84px;right:30px;bottom:140px}
  .sb-flavours li{padding:14px;gap:11px;box-shadow:4px 4px 0 #1b2a4a}.sb-dot{width:34px;height:34px}
  .pk-footer{flex-direction:column;align-items:flex-start;gap:14px}
}
@media(forced-colors:active){.pk-toolbar nav a,.pk-button,.sb-flavours li{border:1px solid ButtonText}}