.story-overlay{z-index:60;background:color-mix(in oklab, var(--lolas-teal) 62%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:clamp(18px,4vw,48px);font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;animation:.26s both story-backdrop-in;display:flex;position:fixed;inset:0}.story-card{border:3px solid var(--lolas-cream);background:var(--lolas-teal);width:100%;max-width:620px;max-height:calc(100svh - 40px);box-shadow:10px 10px 0 var(--lolas-coral), 0 34px 70px color-mix(in oklab, var(--lolas-teal) 45%, transparent);color:var(--lolas-cream);text-align:center;border-radius:6px;padding:clamp(30px,5vw,52px) clamp(24px,5vw,54px) clamp(28px,4vw,44px);animation:.64s cubic-bezier(.22,1.6,.36,1) both story-card-pop;position:relative;overflow-y:auto}.story-close{border:2px solid var(--lolas-cream);width:38px;height:38px;color:var(--lolas-cream);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:900;line-height:1;transition:background .16s,color .16s,transform .16s;display:flex;position:absolute;top:14px;right:14px}.story-close:hover,.story-close:focus-visible{background:var(--lolas-coral);border-color:var(--lolas-coral);outline:none;transform:rotate(90deg)}.story-sun{object-fit:contain;width:128px;height:64px;margin:0 auto 10px;animation:5s ease-in-out infinite alternate story-sun-sway;display:block}.story-kicker{color:var(--lolas-mustard);text-transform:uppercase;letter-spacing:.17em;margin:0 0 12px;font-size:11px;font-weight:900;animation:.52s .22s both story-fade-up}.story-title{color:var(--lolas-cream);text-transform:uppercase;margin:0 0 20px;font-size:clamp(34px,5.4vw,52px);font-weight:900;line-height:.95;animation:.52s .3s both story-fade-up}.story-title em{color:var(--lolas-mustard);text-transform:none;font-family:Lobster Two,cursive;font-size:.9em;font-weight:700;display:inline-block;transform:rotate(-2deg)}.story-body{max-width:480px;color:color-mix(in oklab, var(--lolas-cream) 92%, var(--lolas-teal));margin:0 auto;font-size:15px;font-weight:500;line-height:1.78;animation:.52s .38s both story-fade-up}.story-signoff{color:var(--lolas-coral);margin:26px 0 0;font-family:Lobster Two,cursive;font-size:19px;animation:.52s .46s both story-fade-up}@keyframes story-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes story-card-pop{0%{opacity:0;transform:scale(.82)translateY(26px)}62%{opacity:1;transform:scale(1.035)translateY(-6px)}80%{transform:scale(.99)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes story-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes story-sun-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.story-overlay,.story-card,.story-kicker,.story-title,.story-body,.story-signoff{animation-duration:1ms;animation-delay:0s}.story-sun{animation:none}.story-close{transition:none}}.flavors-overlay{z-index:60;background:color-mix(in oklab, var(--lolas-teal) 62%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:clamp(18px,4vw,48px);font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;animation:.26s both flavors-backdrop-in;display:flex;position:fixed;inset:0}.flavors-card{border:3px solid var(--lolas-cream);background:var(--lolas-teal);width:100%;max-width:640px;max-height:calc(100svh - 40px);box-shadow:10px 10px 0 var(--lolas-mustard), 0 34px 70px color-mix(in oklab, var(--lolas-teal) 45%, transparent);color:var(--lolas-cream);text-align:center;border-radius:6px;padding:clamp(30px,5vw,52px) clamp(24px,5vw,54px) clamp(28px,4vw,44px);animation:.64s cubic-bezier(.22,1.6,.36,1) both flavors-card-pop;position:relative;overflow-y:auto}.flavors-close{border:2px solid var(--lolas-cream);width:38px;height:38px;color:var(--lolas-cream);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:900;line-height:1;transition:background .16s,color .16s,transform .16s;display:flex;position:absolute;top:14px;right:14px}.flavors-close:hover,.flavors-close:focus-visible{background:var(--lolas-coral);border-color:var(--lolas-coral);outline:none;transform:rotate(90deg)}.flavors-sun{object-fit:contain;width:128px;height:64px;margin:0 auto 10px;animation:5s ease-in-out infinite alternate flavors-sun-sway;display:block}.flavors-kicker{color:var(--lolas-mustard);text-transform:uppercase;letter-spacing:.17em;margin:0 0 12px;font-size:11px;font-weight:900;animation:.52s .2s both flavors-fade-up}.flavors-title{color:var(--lolas-cream);text-transform:uppercase;margin:0 0 24px;font-size:clamp(34px,5.4vw,52px);font-weight:900;line-height:.95;animation:.52s .28s both flavors-fade-up}.flavors-title em{color:var(--lolas-mustard);text-transform:none;font-family:Lobster Two,cursive;font-size:.9em;font-weight:700;display:inline-block;transform:rotate(-2deg)}.flavors-list{flex-wrap:wrap;justify-content:center;gap:10px 12px;margin:0 0 22px;padding:0;list-style:none;display:flex}.flavor-chip{border:2px solid color-mix(in oklab, var(--lolas-cream) 30%, transparent);color:var(--lolas-teal);text-transform:uppercase;letter-spacing:.09em;animation:.56s cubic-bezier(.22,1.6,.36,1) both flavors-chip-pop;animation-delay:calc(.32s + var(--flavor-index,0) * 55ms);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:900}.flavor-chip--mango{background:var(--lolas-mustard)}.flavor-chip--strawberry{background:var(--lolas-coral)}.flavor-chip--lemon{background:oklch(87% .15 98)}.flavor-chip--blueberry{color:var(--lolas-cream);background:oklch(52% .09 255)}.flavor-chip--passionfruit{color:var(--lolas-cream);background:oklch(55% .13 335)}.flavor-chip--coconut{background:var(--lolas-cream)}.flavor-chip--orange{background:oklch(72% .15 55)}.flavor-chip--watermelon{color:var(--lolas-cream);background:oklch(62% .17 22)}.flavor-chip--peach{background:oklch(81% .09 62)}.flavors-note{max-width:420px;color:color-mix(in oklab, var(--lolas-cream) 92%, var(--lolas-teal));margin:0 auto 24px;font-size:14px;font-weight:500;line-height:1.7;animation:.52s .86s both flavors-fade-up}.flavors-cta{border:2px solid var(--lolas-cream);color:var(--lolas-cream);text-transform:uppercase;letter-spacing:.12em;border-radius:999px;align-items:center;gap:7px;padding:13px 26px;font-size:12px;font-weight:900;text-decoration:none;transition:background .18s,color .18s,transform .18s,border-color .18s;animation:.52s .94s both flavors-fade-up;display:inline-flex}.flavors-cta span{color:var(--lolas-mustard);font-size:15px}.flavors-cta:hover,.flavors-cta:focus-visible{background:var(--lolas-coral);border-color:var(--lolas-coral);color:var(--lolas-teal);outline:none;transform:translateY(-2px)scale(1.03)}.flavors-cta:hover span,.flavors-cta:focus-visible span{color:var(--lolas-teal)}@keyframes flavors-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes flavors-card-pop{0%{opacity:0;transform:scale(.82)translateY(26px)}62%{opacity:1;transform:scale(1.035)translateY(-6px)}80%{transform:scale(.99)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes flavors-chip-pop{0%{opacity:0;transform:scale(.6)translateY(12px)}62%{opacity:1;transform:scale(1.08)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes flavors-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes flavors-sun-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.flavors-overlay,.flavors-card,.flavors-kicker,.flavors-title,.flavor-chip,.flavors-note,.flavors-cta{animation-duration:1ms;animation-delay:0s}.flavors-sun{animation:none}.flavors-close,.flavors-cta{transition:none}}.portal-root{--pointer-x:0;--pointer-y:0;background:var(--lolas-cream);min-height:100svh;color:var(--lolas-teal);font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.portal-nav{z-index:20;opacity:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:8px clamp(24px,5vw,76px);transition:opacity .7s .15s,transform .7s .15s;display:grid;position:absolute;inset:0 0 auto;transform:translateY(-12px)}.portal-root.is-ready .portal-nav{opacity:1;transform:translateY(0)}.portal-brand{justify-content:flex-start;align-items:center;width:122px;height:72px;text-decoration:none;display:flex}.portal-brand-logo{object-fit:contain;width:auto;max-width:100%;height:68px;display:block}.portal-nav-links{align-items:center;gap:clamp(20px,3vw,42px);display:flex}.portal-nav-links a,.portal-nav-links button.portal-nav-link{cursor:pointer;color:var(--lolas-teal);text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;padding:0;font-size:11px;font-weight:800;text-decoration:none}.portal-nav-links a:after,.portal-nav-links button.portal-nav-link:after{content:"";background:var(--lolas-coral);width:0;height:2px;margin-top:5px;transition:width .18s;display:block}.portal-nav-links a:hover:after,.portal-nav-links a:focus-visible:after,.portal-nav-links button.portal-nav-link:hover:after,.portal-nav-links button.portal-nav-link:focus-visible:after{width:100%}.portal-nav-cta{border:1px solid color-mix(in oklab, var(--lolas-teal) 24%, transparent);color:var(--lolas-teal);text-transform:uppercase;letter-spacing:.12em;border-radius:4px;justify-self:end;padding:11px 18px;font-size:10px;font-weight:900;text-decoration:none;transition:color .18s,background .18s}.portal-nav-cta:hover{background:var(--lolas-teal);color:var(--lolas-cream)}.portal-stage{background-image:repeating-linear-gradient(90deg, transparent 0 3px, color-mix(in oklab, var(--lolas-teal) 2%, transparent) 3px 4px);grid-template-columns:minmax(340px,.84fr) minmax(460px,1.16fr);align-items:center;min-height:min(92svh,900px);padding:104px clamp(24px,6vw,92px) 54px;display:grid;position:relative}.portal-copy{z-index:7;opacity:0;max-width:580px;padding:38px 0;transition:opacity .85s .25s,transform .85s .25s;position:relative;transform:translateY(24px)}.portal-root.is-ready .portal-copy{opacity:1;transform:translateY(0)}.portal-sun{object-fit:contain;object-position:center;width:136px;height:68px;margin:0 0 18px;display:block}.portal-kicker{color:var(--lolas-coral);text-transform:uppercase;letter-spacing:.17em;margin:0 0 18px;font-size:11px;font-weight:900}.portal-copy h1{color:var(--lolas-teal);text-transform:uppercase;letter-spacing:0;margin:0;font-size:clamp(58px,6.3vw,102px);font-weight:900;line-height:.87}.portal-copy h1 em{color:var(--lolas-mustard);text-transform:none;font-family:Lobster Two,cursive;font-size:.82em;font-weight:700;display:inline-block;transform:rotate(-2deg)}.portal-lead{max-width:510px;color:color-mix(in oklab, var(--lolas-teal) 76%, var(--lolas-cream));margin:28px 0 32px;font-size:16px;font-weight:500;line-height:1.72}.portal-actions{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.portal-cta{border:2px solid var(--lolas-teal);background:var(--lolas-mustard);min-height:52px;box-shadow:5px 5px 0 var(--lolas-teal);color:var(--lolas-teal);text-transform:uppercase;letter-spacing:.11em;border-radius:4px;justify-content:center;align-items:center;padding:0 26px;font-size:11px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.portal-cta:hover{box-shadow:3px 3px 0 var(--lolas-teal);transform:translate(2px,2px)}.portal-text-link{cursor:pointer;color:var(--lolas-teal);text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.portal-text-link span{color:var(--lolas-coral);font-size:16px}.portal-badges{align-items:center;gap:14px;margin:38px 0 0;padding:0;list-style:none;display:flex}.portal-badges li{color:color-mix(in oklab, var(--lolas-teal) 76%, var(--lolas-cream));text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:14px;font-size:12px;font-weight:900;display:flex}.portal-badges li:not(:last-child):after{content:"";background:var(--lolas-coral);border-radius:50%;width:5px;height:5px}.portal-visual{z-index:5;aspect-ratio:1;opacity:0;justify-self:end;width:min(48vw,650px);transition:opacity .95s .38s,transform 1.1s cubic-bezier(.2,.8,.2,1) .38s;position:relative;transform:translate(34px,8px)}.portal-root.is-ready .portal-visual{opacity:1;transform:translate(0)}.portal-arch{background:var(--lolas-mint);transform:translate(calc(var(--pointer-x) * -8px), calc(var(--pointer-y) * -8px)) rotate(-3deg);border-radius:48% 48% 7px 7px;transition:transform .4s ease-out;position:absolute;inset:3% 7% 3% 19%}.portal-photo-wrap{border:9px solid color-mix(in oklab, var(--lolas-cream) 85%, transparent);box-shadow:0 28px 60px color-mix(in oklab, var(--lolas-teal) 24%, transparent);transform:translate(calc(var(--pointer-x) * 10px), calc(var(--pointer-y) * 10px)) rotate(2deg);border-radius:48% 48% 6px 6px;margin:0;transition:transform .4s ease-out;position:absolute;inset:7% 3% 4% 11%;overflow:hidden}.portal-product-photo{object-fit:cover;width:100%;height:100%;animation:12s ease-in-out infinite alternate portal-product-drift;display:block}.portal-stamp{z-index:3;aspect-ratio:1;border:2px solid var(--lolas-cream);background:var(--lolas-teal);width:104px;box-shadow:0 10px 25px color-mix(in oklab, var(--lolas-teal) 28%, transparent);color:var(--lolas-cream);text-transform:uppercase;letter-spacing:.13em;transform:translate(calc(var(--pointer-x) * 18px), calc(var(--pointer-y) * 18px)) rotate(9deg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:900;line-height:1.35;transition:transform .35s ease-out;display:flex;position:absolute;top:4%;right:-2%}.portal-stamp span:nth-child(2){color:var(--lolas-mustard)}.portal-fruit-note{z-index:4;background:var(--lolas-coral);min-width:180px;color:var(--lolas-cream);transform:translate(calc(var(--pointer-x) * 22px), calc(var(--pointer-y) * 22px)) rotate(-4deg);border-radius:3px;flex-direction:column;gap:5px;padding:15px 17px;line-height:1.05;transition:transform .35s ease-out;display:flex;position:absolute;bottom:10%;right:-1%}.portal-fruit-note strong{font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:900}.portal-fruit-note span{font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:700;line-height:1.3}@keyframes portal-product-drift{0%{transform:scale(1.015)translate(0)}to{transform:scale(1.055)translate(-.8%,-.6%)}}.portal-tiles{opacity:.9;grid-template-columns:repeat(8,1fr);height:13px;display:grid;position:absolute;left:clamp(24px,6vw,92px);right:clamp(24px,6vw,92px)}.portal-tiles--top{top:82px}.portal-tiles--bottom{bottom:22px;transform:rotate(180deg)}.tile{border-radius:999px 999px 0 0}.tile:nth-child(2n){border-radius:0 0 999px 999px}.tile--coral{background:var(--lolas-coral)}.tile--mustard{background:var(--lolas-mustard)}.tile--teal{background:var(--lolas-teal)}.tile--mint{background:var(--lolas-mint)}.portal-peek{background:var(--lolas-teal);min-height:8svh;color:var(--lolas-cream);text-align:center;justify-content:center;align-items:center;gap:28px;padding:18px 24px;display:flex}.portal-peek p{color:var(--lolas-mustard);margin:0;font-family:Lobster Two,cursive;font-size:24px}.portal-peek span{text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;max-width:none;font-size:11px;font-weight:800;line-height:1.4}@media (width<=860px){.portal-nav{grid-template-columns:1fr auto;padding:15px 18px}.portal-nav-links{grid-column:1/-1;justify-content:center;gap:22px;margin-top:10px}.portal-nav-links a,.portal-nav-links button.portal-nav-link{font-size:10px}.portal-brand{width:108px;height:64px}.portal-brand-logo{width:auto;height:60px}.portal-stage{grid-template-columns:1fr;align-content:start;min-height:auto;padding:108px 22px 64px}.portal-tiles{left:22px;right:22px}.portal-tiles--top{top:80px}.portal-copy{text-align:center;padding:24px 0 30px}.portal-sun{margin-inline:auto}.portal-copy h1{font-size:clamp(48px,15vw,72px)}.portal-lead{margin-inline:auto;font-size:14px}.portal-actions,.portal-badges{justify-content:center}.portal-visual{justify-self:center;width:min(92vw,580px)}.portal-photo-wrap{inset:7% 4% 6% 8%}.portal-stamp{width:86px;font-size:8px;right:0}.portal-fruit-note{min-width:170px;right:5%}.portal-tiles--bottom{bottom:22px}.portal-peek{flex-direction:column;gap:4px}.portal-peek span{letter-spacing:.02em;font-size:min(10px,1.4vw)}}@media (width<=480px){.portal-nav-cta{padding:10px 12px}.portal-copy h1{font-size:46px}.portal-actions{flex-direction:column;gap:18px}.portal-cta{width:min(100%,310px)}.portal-badges{gap:8px}.portal-badges li{gap:8px;font-size:10px}.portal-stamp{width:78px;top:2%;right:-1%}.portal-fruit-note{min-width:158px;padding:12px 14px;bottom:6%}.portal-fruit-note strong{font-size:15px}.portal-fruit-note span{font-size:9px}}@media (prefers-reduced-motion:reduce){.portal-nav,.portal-copy,.portal-visual{transition-duration:1ms}.portal-product-photo{animation:none}.portal-arch,.portal-photo-wrap,.portal-stamp,.portal-fruit-note{transition:none;transform:none}}