@font-face{font-family:Sudsy;src:url(../fonts/sudsy.woff2) format("woff2")}
@font-face{font-family:SudsyScript;src:url(../fonts/sudsy-script.woff2) format("woff2")}
@font-face{font-family:Fredoka;src:url(../fonts/fredoka.ttf) format("truetype");font-weight:300 700}
:root{
  --text:#222222; --accent:#222222; --fillpink:#FFD23F; --outline:#E87436; --frame:#FFF3B0; --bath:#FFFFFF; --bath2:#FFF3B0; --fill:#FFD23F; --tint:#FFF3B0; --line:#FFF3B0; --sh:34,34,34;
  --sun:#FFD23F; --sunsoft:#FFF3B0; --white:#FFFFFF;
  --walnut:var(--text); --mocha:var(--text); --btn-text:var(--text); --caramel:var(--accent);
  --sunshine:var(--sun); --butter:var(--sunsoft); --oat:var(--line); --linen:var(--tint); --cream:var(--white);
}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--walnut);font:400 17px/1.55 Fredoka,system-ui,sans-serif}
img{display:block;max-width:100%}
.head{font-family:Sudsy;text-transform:uppercase;font-weight:400;letter-spacing:.02em;line-height:1}
.script{font-family:SudsyScript;font-feature-settings:"liga" 1;font-weight:400;line-height:1.05}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.btn{display:inline-block;font:600 17px Fredoka;border:0;border-radius:999px;padding:13px 26px;text-decoration:none;cursor:pointer;transition:transform .2s}
.btn:hover{transform:translateY(-2px) rotate(-1deg)}
.btn-main{background:var(--fill);color:var(--btn-text)}
.btn-soft{background:var(--fill);color:var(--btn-text)}
a:focus-visible,.btn:focus-visible,input:focus-visible{outline:3px solid var(--walnut);outline-offset:3px}

/* announcement + header */
.announce{background:#FFD23F;color:var(--mocha);text-align:center;font-size:14px;font-weight:600;padding:8px 12px;letter-spacing:.03em}
header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px 0;max-width:1180px;margin:0 auto}
header .right{justify-self:end}
.logo{font-size:40px;color:var(--caramel);text-decoration:none}
nav{display:flex;gap:22px;align-items:center}
nav a{color:var(--text);text-decoration:none;text-transform:uppercase;font-weight:700;font-size:15px;letter-spacing:.09em}
nav a:hover{text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:6px}
.topbar{background:#FFFFFF;position:relative;z-index:3}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--wave-m));height:var(--wave-m);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0%2C0%20L1440%2C0%20L1440%2C78.0%20L1440.0%2C78.0%20L1436.6%2C79.3%20L1429.9%2C81.7%20L1423.2%2C82.9%20L1416.5%2C85.4%20L1409.8%2C86.6%20L1403.1%2C89.0%20L1396.4%2C90.2%20L1389.7%2C91.5%20L1383.0%2C92.7%20L1376.3%2C92.7%20L1369.6%2C93.9%20L1362.9%2C95.1%20L1356.2%2C95.1%20L1349.5%2C96.3%20L1342.8%2C96.3%20L1336.1%2C97.6%20L1329.5%2C96.3%20L1322.8%2C97.6%20L1316.1%2C96.3%20L1309.4%2C95.1%20L1302.7%2C95.1%20L1296.0%2C93.9%20L1289.3%2C92.7%20L1282.6%2C91.5%20L1275.9%2C90.2%20L1269.2%2C87.8%20L1262.5%2C87.8%20L1255.8%2C86.6%20L1249.1%2C82.9%20L1242.4%2C80.5%20L1235.7%2C78.0%20L1229.0%2C75.6%20L1222.3%2C73.2%20L1215.6%2C70.7%20L1208.9%2C68.3%20L1202.2%2C65.9%20L1195.5%2C62.2%20L1188.8%2C59.8%20L1182.1%2C57.3%20L1175.4%2C54.9%20L1168.7%2C52.4%20L1162.0%2C50.0%20L1155.3%2C46.3%20L1148.6%2C43.9%20L1141.9%2C41.5%20L1135.2%2C39.0%20L1128.5%2C35.4%20L1121.8%2C34.1%20L1115.1%2C31.7%20L1108.4%2C29.3%20L1101.7%2C26.8%20L1095.0%2C25.6%20L1088.3%2C24.4%20L1081.6%2C22.0%20L1074.9%2C20.7%20L1068.2%2C19.5%20L1061.5%2C19.5%20L1054.8%2C18.3%20L1048.1%2C18.3%20L1041.5%2C17.1%20L1034.8%2C17.1%20L1028.1%2C17.1%20L1021.4%2C17.1%20L1014.7%2C17.1%20L1008.0%2C18.3%20L1001.3%2C19.5%20L994.6%2C19.5%20L987.9%2C20.7%20L981.2%2C22.0%20L974.5%2C23.2%20L967.8%2C25.6%20L961.1%2C26.8%20L954.4%2C28.0%20L947.7%2C29.3%20L941.0%2C31.7%20L934.3%2C35.4%20L927.6%2C36.6%20L920.9%2C39.0%20L914.2%2C41.5%20L907.5%2C43.9%20L900.8%2C46.3%20L894.1%2C48.8%20L887.4%2C52.4%20L880.7%2C54.9%20L874.0%2C57.3%20L867.3%2C61.0%20L860.6%2C63.4%20L853.9%2C67.1%20L847.2%2C69.5%20L840.5%2C72.0%20L833.8%2C75.6%20L827.1%2C79.3%20L820.4%2C81.7%20L813.7%2C84.1%20L807.0%2C87.8%20L800.3%2C89.0%20L793.6%2C91.5%20L786.9%2C93.9%20L780.2%2C95.1%20L773.5%2C96.3%20L766.8%2C97.6%20L760.1%2C98.8%20L753.5%2C98.8%20L746.8%2C100.0%20L740.1%2C100.0%20L733.4%2C100.0%20L726.7%2C100.0%20L720.0%2C100.0%20L713.3%2C98.8%20L706.6%2C98.8%20L699.9%2C97.6%20L693.2%2C96.3%20L686.5%2C95.1%20L679.8%2C93.9%20L673.1%2C92.7%20L666.4%2C90.2%20L659.7%2C89.0%20L653.0%2C86.6%20L646.3%2C84.1%20L639.6%2C81.7%20L632.9%2C79.3%20L626.2%2C76.8%20L619.5%2C73.2%20L612.8%2C69.5%20L606.1%2C67.1%20L599.4%2C61.0%20L592.7%2C58.5%20L586.0%2C54.9%20L579.3%2C51.2%20L572.6%2C47.6%20L565.9%2C43.9%20L559.2%2C39.0%20L552.5%2C35.4%20L545.8%2C32.9%20L539.1%2C29.3%20L532.4%2C25.6%20L525.7%2C22.0%20L519.0%2C19.5%20L512.3%2C15.9%20L505.6%2C12.2%20L498.9%2C9.8%20L492.2%2C7.3%20L485.5%2C6.1%20L478.8%2C3.7%20L472.1%2C2.4%20L465.5%2C1.2%20L458.8%2C0.0%20L452.1%2C0.0%20L445.4%2C0.0%20L438.7%2C0.0%20L432.0%2C0.0%20L425.3%2C0.0%20L418.6%2C1.2%20L411.9%2C2.4%20L405.2%2C3.7%20L398.5%2C4.9%20L391.8%2C6.1%20L385.1%2C8.5%20L378.4%2C11.0%20L371.7%2C12.2%20L365.0%2C15.9%20L358.3%2C19.5%20L351.6%2C22.0%20L344.9%2C24.4%20L338.2%2C28.0%20L331.5%2C31.7%20L324.8%2C35.4%20L318.1%2C40.2%20L311.4%2C42.7%20L304.7%2C46.3%20L298.0%2C50.0%20L291.3%2C53.7%20L284.6%2C56.1%20L277.9%2C61.0%20L271.2%2C64.6%20L264.5%2C67.1%20L257.8%2C70.7%20L251.1%2C74.4%20L244.4%2C76.8%20L237.7%2C80.5%20L231.0%2C82.9%20L224.3%2C85.4%20L217.6%2C87.8%20L210.9%2C90.2%20L204.2%2C92.7%20L197.5%2C92.7%20L190.8%2C95.1%20L184.1%2C96.3%20L177.5%2C97.6%20L170.8%2C97.6%20L164.1%2C98.8%20L157.4%2C98.8%20L150.7%2C98.8%20L144.0%2C98.8%20L137.3%2C97.6%20L130.6%2C97.6%20L123.9%2C96.3%20L117.2%2C95.1%20L110.5%2C93.9%20L103.8%2C92.7%20L97.1%2C90.2%20L90.4%2C87.8%20L83.7%2C86.6%20L77.0%2C84.1%20L70.3%2C81.7%20L63.6%2C79.3%20L56.9%2C75.6%20L50.2%2C73.2%20L43.5%2C69.5%20L36.8%2C67.1%20L0.0%2C63.1%20Z%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none}
.bag{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--butter);text-decoration:none!important;font-size:13px;font-weight:600}
@media (max-width:640px){nav .hide-sm{display:none}.hero .bubble[style*="left:52%"],.hero .bubble[style*="left:44%"]{display:none}}

/* hero */
.hero{background:var(--sunsoft);padding-top:24px;position:relative;overflow:hidden;border-radius:0 0 48px 48px}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:48px 16px 64px;max-width:1180px;margin:0 auto}
.hero h1{font-size:clamp(48px,8vw,104px);margin:0}
.hero .script{font-size:clamp(32px,4.6vw,54px);color:var(--accent);margin:8px 0 14px}
.hero p{font-size:19px;max-width:36ch;margin:0 0 22px}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap}
.shelf::before{content:"";position:absolute;left:50%;bottom:6%;width:86%;aspect-ratio:1;max-height:100%;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.75)}
.shelf img{position:relative}
.shelf{position:relative;height:400px;display:flex;align-items:flex-end;justify-content:center;gap:4%}
.shelf img{width:28%;filter:drop-shadow(0 16px 18px rgba(var(--sh),.22))}
.shelf img:nth-child(2){width:32%;margin-bottom:28px}
.bubble{position:absolute;border-radius:50%;border:2px solid rgba(var(--sh),.15);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(255,255,255,.15) 60%)}
.sun{position:absolute;right:0;top:0;width:150px;height:150px;z-index:3}
.sun svg{width:100%;height:100%;animation:spin 18s linear infinite}
@media (max-width:820px){.hero-in{grid-template-columns:1fr;padding-bottom:40px}.shelf{height:260px}.sun{width:110px;height:110px}}

/* one gentle band */
.tilt{padding:34px 0;overflow:hidden}
.band{width:110%;margin-left:-5%;overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--sunsoft);color:var(--text);transform:rotate(-2deg)}
.band .track{display:inline-flex;animation:slide 40s linear infinite}
.band span{font:400 clamp(22px,2.6vw,30px)/1 Sudsy;text-transform:uppercase;letter-spacing:.03em;padding-right:26px}

/* shop grid */
section{padding:56px 0}
.bath{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--white),var(--bath) 18%,var(--bath2));border-radius:48px;margin:0 8px}
.hero .bubble,.cta .bubble{border-color:rgba(232,116,54,.22);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.98),rgba(255,255,255,.35) 55%,rgba(255,243,176,.25))}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.sec-head h2{font-size:clamp(36px,5vw,60px);margin:0}
.kicker{font-family:SudsyScript;font-feature-settings:"liga" 1;font-size:30px;color:var(--accent);display:block;margin-bottom:2px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.card{background:var(--white);border:5px solid var(--frame);border-radius:28px;padding:14px 14px 18px;text-decoration:none;color:inherit;text-align:center;transition:transform .25s,box-shadow .25s}
.card:hover{transform:rotate(-1.5deg) translateY(-4px);box-shadow:0 14px 26px rgba(var(--sh),.12)}
.card .pic{border-radius:22px;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:linear-gradient(180deg,rgba(255,255,255,0) 45%,rgba(255,243,176,.5)),url("../img/img-e149beb8.webp") center/cover}
.card .pic img{height:138px;width:auto;transform:rotate(-6deg);filter:drop-shadow(0 10px 12px rgba(var(--sh),.22));transition:transform .3s}
.card:hover .pic img{transform:rotate(4deg) scale(1.04)}
.card h3{font-family:Sudsy;font-weight:400;text-transform:uppercase;font-size:24px;line-height:1.05;margin:0 0 12px;color:var(--caramel)}
.pill{display:inline-block;font-weight:600;font-size:14px;color:var(--btn-text);background:var(--fill);padding:6px 16px;border-radius:999px}

/* photo marquee (Zurich style, lighter) */
.marquee{background:var(--sunsoft);color:var(--walnut);padding:18px 0;overflow:hidden;white-space:nowrap}
.marquee .track{display:inline-flex;align-items:center;animation:slide 40s linear infinite}
.marquee span{font:400 clamp(22px,2.6vw,30px)/1 Sudsy;text-transform:uppercase;padding:0 22px}
.marquee img{height:70px;width:auto;transform:rotate(-8deg);filter:drop-shadow(0 6px 8px rgba(var(--sh),.25))}
.marquee img:nth-of-type(even){transform:rotate(9deg)}

/* story */
.story{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.blob{position:relative;background:var(--butter);border-radius:58% 42% 55% 45%/48% 58% 42% 52%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.blob img{width:46%;transform:rotate(-8deg);filter:drop-shadow(0 18px 22px rgba(var(--sh),.25))}
.blob .sun{right:-2%;top:auto;bottom:-2%;width:130px;height:130px}
.story h2{font-size:clamp(36px,5vw,58px);margin:0 0 12px}
.story p{font-size:18px;max-width:46ch}
.ticks{list-style:none;padding:0;margin:14px 0 24px;display:flex;flex-wrap:wrap;gap:6px 22px}
.ticks li{font-weight:500;font-size:16px}
.ticks li::before{content:"✦ ";color:var(--sun)}
@media (max-width:820px){.story{grid-template-columns:1fr}.blob{max-width:420px;margin:0 auto}}

/* wavy text band */
.wave{padding:10px 0 0;overflow:hidden}
.wave svg{width:100%;height:auto;display:block;overflow:visible}
.wave text{font-family:SudsyScript;font-feature-settings:"liga" 1;font-size:60px}

/* bubbles CTA */
.cta{background:#FFFFFF;border:5px solid #FFD23F;border-radius:40px;padding:44px 24px;text-align:center;position:relative;overflow:hidden}
.cta h2{font-size:clamp(40px,7vw,84px);margin:0}
.cta p{font-size:19px;margin:10px auto 22px;max-width:44ch}

/* footer */
footer{background:#FFF3B0;margin-top:56px;padding:48px 0 28px;border-radius:48px 48px 0 0}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
footer .logo{font-size:48px}
footer h4{font:600 14px Fredoka;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;color:var(--caramel)}
footer a{color:var(--walnut);display:block;margin:6px 0}
.signup{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.signup input{flex:1;min-width:180px;border:0;background:var(--white);color:var(--walnut);border-radius:999px;padding:12px 18px;font:400 16px Fredoka}
.fine{margin-top:32px;font-size:14px}
@media (max-width:820px){.foot{grid-template-columns:1fr}}

.hero h1{color:var(--fillpink);-webkit-text-stroke:.09em var(--outline);paint-order:stroke fill;letter-spacing:.03em;
  text-shadow:.06em 0 0 #fff,-.06em 0 0 #fff,0 .06em 0 #fff,0 -.06em 0 #fff,.045em .045em 0 #fff,-.045em .045em 0 #fff,.045em -.045em 0 #fff,-.045em -.045em 0 #fff,0 .1em .12em rgba(232,116,54,.18)}
.hero h1{line-height:1.08}
@media (max-width:640px){header{grid-template-columns:auto 1fr auto}header .logo{justify-self:center}}
footer h4,footer .logo{color:var(--text)!important}
.sec-head h2,.story h2,.cta h2{color:#E87436}
.card h3{color:var(--sn,#CB7505)!important}
.kicker{color:#BA8E00!important}
.logo{color:#FFD23F!important}
header .logo{-webkit-text-stroke:.15em var(--hl,#CB7505);paint-order:stroke fill}
footer .logo{color:#E87436!important}
nav a:not(.bag){color:#E87436!important}
nav a.bag{color:var(--text)!important}
header .bag{color:#222222!important;text-decoration:none}

body.after .kicker{color:#E5641E!important}
body.after .marquee span{color:var(--b1,#E5641E)}
body.after .marquee span:nth-of-type(even){color:var(--b2,#CB7505)}
body.after .sec-head h2,body.after .story h2,body.after .cta h2{color:#FFD23F;-webkit-text-stroke:.16em var(--hl,#CB7505);paint-order:stroke fill;letter-spacing:.04em}
body.after .hero h1{color:#FFD23F;-webkit-text-stroke:.16em var(--hl,#CB7505);paint-order:stroke fill;letter-spacing:.04em;text-shadow:none}
body.after .hero .script{color:#E5641E}
.bswitch{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;background:#fff;border-radius:999px;padding:5px;box-shadow:0 6px 20px rgba(0,0,0,.18);font:600 15px Fredoka}
.bswitch button{border:0;border-radius:999px;padding:10px 18px;font:inherit;cursor:pointer;background:transparent;color:#222}
.bswitch button[aria-pressed=true]{background:#FFF3B0}
.btn,.pill{font-weight:700!important;text-transform:uppercase;letter-spacing:.06em}
nav a,nav a:hover,footer a,footer a:hover{text-decoration:none!important}
:root{--wave-h:clamp(36px,6.4vw,92px);--wave-m:clamp(26px,4.2vw,60px)}
header .logo{line-height:1.2;padding-bottom:4px;display:inline-block}
footer{position:relative;border-radius:0!important;margin-top:calc(56px + var(--wave-h))!important}
footer::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--wave-h) + 1px);height:var(--wave-h);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFF3B0%22%20d%3D%22M0%2C63.1%20L0.0%2C63.1%20L36.8%2C67.1%20L43.5%2C69.5%20L50.2%2C73.2%20L56.9%2C75.6%20L63.6%2C79.3%20L70.3%2C81.7%20L77.0%2C84.1%20L83.7%2C86.6%20L90.4%2C87.8%20L97.1%2C90.2%20L103.8%2C92.7%20L110.5%2C93.9%20L117.2%2C95.1%20L123.9%2C96.3%20L130.6%2C97.6%20L137.3%2C97.6%20L144.0%2C98.8%20L150.7%2C98.8%20L157.4%2C98.8%20L164.1%2C98.8%20L170.8%2C97.6%20L177.5%2C97.6%20L184.1%2C96.3%20L190.8%2C95.1%20L197.5%2C92.7%20L204.2%2C92.7%20L210.9%2C90.2%20L217.6%2C87.8%20L224.3%2C85.4%20L231.0%2C82.9%20L237.7%2C80.5%20L244.4%2C76.8%20L251.1%2C74.4%20L257.8%2C70.7%20L264.5%2C67.1%20L271.2%2C64.6%20L277.9%2C61.0%20L284.6%2C56.1%20L291.3%2C53.7%20L298.0%2C50.0%20L304.7%2C46.3%20L311.4%2C42.7%20L318.1%2C40.2%20L324.8%2C35.4%20L331.5%2C31.7%20L338.2%2C28.0%20L344.9%2C24.4%20L351.6%2C22.0%20L358.3%2C19.5%20L365.0%2C15.9%20L371.7%2C12.2%20L378.4%2C11.0%20L385.1%2C8.5%20L391.8%2C6.1%20L398.5%2C4.9%20L405.2%2C3.7%20L411.9%2C2.4%20L418.6%2C1.2%20L425.3%2C0.0%20L432.0%2C0.0%20L438.7%2C0.0%20L445.4%2C0.0%20L452.1%2C0.0%20L458.8%2C0.0%20L465.5%2C1.2%20L472.1%2C2.4%20L478.8%2C3.7%20L485.5%2C6.1%20L492.2%2C7.3%20L498.9%2C9.8%20L505.6%2C12.2%20L512.3%2C15.9%20L519.0%2C19.5%20L525.7%2C22.0%20L532.4%2C25.6%20L539.1%2C29.3%20L545.8%2C32.9%20L552.5%2C35.4%20L559.2%2C39.0%20L565.9%2C43.9%20L572.6%2C47.6%20L579.3%2C51.2%20L586.0%2C54.9%20L592.7%2C58.5%20L599.4%2C61.0%20L606.1%2C67.1%20L612.8%2C69.5%20L619.5%2C73.2%20L626.2%2C76.8%20L632.9%2C79.3%20L639.6%2C81.7%20L646.3%2C84.1%20L653.0%2C86.6%20L659.7%2C89.0%20L666.4%2C90.2%20L673.1%2C92.7%20L679.8%2C93.9%20L686.5%2C95.1%20L693.2%2C96.3%20L699.9%2C97.6%20L706.6%2C98.8%20L713.3%2C98.8%20L720.0%2C100.0%20L726.7%2C100.0%20L733.4%2C100.0%20L740.1%2C100.0%20L746.8%2C100.0%20L753.5%2C98.8%20L760.1%2C98.8%20L766.8%2C97.6%20L773.5%2C96.3%20L780.2%2C95.1%20L786.9%2C93.9%20L793.6%2C91.5%20L800.3%2C89.0%20L807.0%2C87.8%20L813.7%2C84.1%20L820.4%2C81.7%20L827.1%2C79.3%20L833.8%2C75.6%20L840.5%2C72.0%20L847.2%2C69.5%20L853.9%2C67.1%20L860.6%2C63.4%20L867.3%2C61.0%20L874.0%2C57.3%20L880.7%2C54.9%20L887.4%2C52.4%20L894.1%2C48.8%20L900.8%2C46.3%20L907.5%2C43.9%20L914.2%2C41.5%20L920.9%2C39.0%20L927.6%2C36.6%20L934.3%2C35.4%20L941.0%2C31.7%20L947.7%2C29.3%20L954.4%2C28.0%20L961.1%2C26.8%20L967.8%2C25.6%20L974.5%2C23.2%20L981.2%2C22.0%20L987.9%2C20.7%20L994.6%2C19.5%20L1001.3%2C19.5%20L1008.0%2C18.3%20L1014.7%2C17.1%20L1021.4%2C17.1%20L1028.1%2C17.1%20L1034.8%2C17.1%20L1041.5%2C17.1%20L1048.1%2C18.3%20L1054.8%2C18.3%20L1061.5%2C19.5%20L1068.2%2C19.5%20L1074.9%2C20.7%20L1081.6%2C22.0%20L1088.3%2C24.4%20L1095.0%2C25.6%20L1101.7%2C26.8%20L1108.4%2C29.3%20L1115.1%2C31.7%20L1121.8%2C34.1%20L1128.5%2C35.4%20L1135.2%2C39.0%20L1141.9%2C41.5%20L1148.6%2C43.9%20L1155.3%2C46.3%20L1162.0%2C50.0%20L1168.7%2C52.4%20L1175.4%2C54.9%20L1182.1%2C57.3%20L1188.8%2C59.8%20L1195.5%2C62.2%20L1202.2%2C65.9%20L1208.9%2C68.3%20L1215.6%2C70.7%20L1222.3%2C73.2%20L1229.0%2C75.6%20L1235.7%2C78.0%20L1242.4%2C80.5%20L1249.1%2C82.9%20L1255.8%2C86.6%20L1262.5%2C87.8%20L1269.2%2C87.8%20L1275.9%2C90.2%20L1282.6%2C91.5%20L1289.3%2C92.7%20L1296.0%2C93.9%20L1302.7%2C95.1%20L1309.4%2C95.1%20L1316.1%2C96.3%20L1322.8%2C97.6%20L1329.5%2C96.3%20L1336.1%2C97.6%20L1342.8%2C96.3%20L1349.5%2C96.3%20L1356.2%2C95.1%20L1362.9%2C95.1%20L1369.6%2C93.9%20L1376.3%2C92.7%20L1383.0%2C92.7%20L1389.7%2C91.5%20L1396.4%2C90.2%20L1403.1%2C89.0%20L1409.8%2C86.6%20L1416.5%2C85.4%20L1423.2%2C82.9%20L1429.9%2C81.7%20L1436.6%2C79.3%20L1440.0%2C78.0%20L1440%2C100%20L0%2C100%20Z%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none}
.hero{padding-top:calc(var(--wave-m) * .7)}
@media (min-width:821px){header .logo{font-size:clamp(48px,6.4vw,100px)}}

.cta-ph{display:none}
body.cta-a .cta,body.cta-b .cta{border:0;background:transparent;border-radius:0;padding:24px 16px}
body.cta-b .cta{padding:0 16px;display:grid;grid-template-columns:1fr minmax(0,1.4fr) 1fr;align-items:center;gap:24px;overflow:visible}
body.cta-b .cta .bubble{display:none}
body.cta-b .cta-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border-radius:50%;background:#FFF3B0;position:relative}
body.cta-b .cta-ph img{width:52%;filter:drop-shadow(0 12px 14px rgba(34,34,34,.18))}
body.cta-b .cta-ph.l img{transform:rotate(-10deg)} body.cta-b .cta-ph.r img{transform:rotate(9deg)}
body.cta-b .cta-mid{grid-column:2}
body:not(.cta-b) .cta-mid{display:contents}
@media (max-width:820px){body.cta-b .cta{grid-template-columns:1fr 1fr}body.cta-b .cta-mid{grid-column:1/-1;order:-1}}
body.cta-a section:has(.cta),body.cta-b section:has(.cta){padding:4px 0 0}
body.cta-a footer,body.cta-b footer{margin-top:calc(var(--wave-h) + 20px)!important}
body.cta-a .wave,body.cta-b .wave{margin-bottom:-3vw}
body.cta-a .cta{padding:0 16px}


.hero-slider{position:relative}
.hero-slider>.hero{display:none}
.hero-slider>.hero.on{display:block}
.hs-nav{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:6}
.hs-dot{width:12px;height:12px;border-radius:50%;border:2px solid #222;background:#fff;padding:0;cursor:pointer}
.hs-dot[aria-current=true]{background:#222}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#222;font:700 22px/1 Fredoka;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.hs-arrow.prev{left:12px}.hs-arrow.next{right:12px}
.hs-arrow:focus-visible,.hs-dot:focus-visible{outline:3px solid #222;outline-offset:3px}
.hero-xmas .bubble{display:none}
.hero-xmas .flake{position:absolute;pointer-events:none;z-index:1}
.hero-xmas .flake svg{width:100%;height:100%;display:block}
.hero-xmas .shelf img{width:21%!important}
.hero-xmas .shelf img:nth-child(3),.hero-xmas .shelf img:nth-child(4){width:23%!important;margin-bottom:22px}
.hero-xmas .bow{position:absolute;left:50%;top:2%;width:120px;transform:translateX(-50%);z-index:3}
.hero-xmas .gifttag{position:absolute;left:4%;top:10%;z-index:4;transform:rotate(-10deg);background:#FFFFFF;border:3px solid #C8323A;border-radius:10px 22px 22px 10px;padding:8px 16px 8px 26px;font:700 15px Fredoka;letter-spacing:.08em;text-transform:uppercase;color:#222}
.hero-xmas .gifttag::before{content:"";position:absolute;left:9px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;border:2px solid #C8323A;background:#fff}
.hero-xmas .btn-main,.hero-xmas .btn-soft{background:#C8323A!important;color:#FFFFFF!important}
.hero-xmas.xa{background:linear-gradient(180deg,#E8F6E4 0%,#B9E2B1 100%)!important;color:#222222}
.hero-xmas.xa h1{color:#4FA66A!important;-webkit-text-stroke:.16em #1F5A43!important;paint-order:stroke fill}
.hero-xmas.xa .script{color:#C8323A!important}
.hero-xmas.xa .btn-main,.hero-xmas.xa .btn-soft{background:#1F5A43!important;color:#FFFFFF!important}
.hero-xmas.xa p{color:#222222}
.hero-xmas.xa .flake{color:rgba(255,255,255,.9)}
.hero-xmas.xa .shelf::before{background:rgba(255,255,255,.7)!important}
.hero-xmas.xb{background:linear-gradient(180deg,#FDE4E1 0%,#F7B2AC 100%)!important;color:#222222}
.hero-xmas.xb h1{color:#E8484C!important;-webkit-text-stroke:.16em #8E1F26!important;paint-order:stroke fill}
.hero-xmas.xb .script{color:#1F5A43!important}
.hero-xmas.xb p{color:#222222}
.hero-xmas.xb .flake{color:rgba(255,255,255,.9)}
.hero-xmas.xb .shelf::before{background:rgba(255,255,255,.7)!important}
@media (prefers-reduced-motion:reduce){.hero-slider *{transition:none!important}}
.card .pic.pic-soon{background:#FFF3B0!important;align-items:center}
.pic-soon span{font:600 15px Fredoka;color:#222;letter-spacing:.04em}
.pic img.sisal-pic{height:170px;transform:none!important}
@media (max-width:820px){.hs-arrow{top:auto;bottom:6px;transform:none;width:36px;height:36px;font-size:18px}.hs-arrow.prev{left:calc(50% - 76px)}.hs-arrow.next{right:calc(50% - 76px)}.hs-nav{bottom:14px}.hero-slider>.hero{padding-bottom:40px}}
.hero h1{font-size:clamp(40px,5.4vw,78px)!important}
.hero-xmas .shelf{gap:0!important}
.hero-xmas .shelf{align-items:center!important}
.hero-xmas .sun{top:-4%!important;right:-5%!important;width:118px!important;height:118px!important}
.hero-xmas .shelf .gift{position:relative;display:block;width:33%;margin:0 -6% 0 0}
.hero-xmas .shelf .gift img{width:100%!important;margin:0!important;transform:none!important;display:block}
.hero-xmas .shelf .gift .twine{position:absolute;inset:5% 7% 4% 7%;width:86%;height:91%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.hero-xmas .shelf .gift .gbow{position:absolute;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.hero-xmas .shelf .gift:nth-of-type(1){transform:rotate(-9deg) translateY(5%);z-index:1}
.hero-xmas .shelf .gift:nth-of-type(2){transform:rotate(-3deg) translateY(-5%);z-index:3}
.hero-xmas .shelf .gift:nth-of-type(3){transform:rotate(4deg) translateY(-5%);z-index:2}
.hero-xmas .shelf .gift:nth-of-type(4){transform:rotate(10deg) translateY(5%);z-index:1}
body .hero:not(.hero-xmas) h1{color:#CB7505!important;-webkit-text-stroke:0!important;text-shadow:none!important;font-size:clamp(30px,3.9vw,56px)!important}
.hero .bubble,.hero-xmas .flake{display:none!important}
@keyframes slide{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .band .track,.marquee .track,.sun svg{animation:none}
  .card,.card .pic img,.btn{transition:none}
}


body.h2 .hero:not(.hero-xmas) h1{font-size:clamp(30px,3.9vw,56px)!important}
body.h3 .hero:not(.hero-xmas) h1{color:#E5641E!important}
body.h4 .hero:not(.hero-xmas) h1{font-family:Fredoka,sans-serif!important;font-weight:700!important;letter-spacing:.02em!important;font-size:clamp(36px,4.6vw,66px)!important;line-height:1.02!important}
body.h5 .hero:not(.hero-xmas) h1{font-family:Fredoka,sans-serif!important;font-weight:700!important;font-size:clamp(15px,1.4vw,20px)!important;letter-spacing:.14em!important;line-height:1.3!important}
body.h5 .hero:not(.hero-xmas) h1 br{display:none}
body.h5 .hero:not(.hero-xmas) .script{font-size:clamp(44px,5.6vw,84px)!important;line-height:1.05;margin:6px 0 16px!important}


.blob .howto{position:relative;width:52%;aspect-ratio:540/868;transform:rotate(-4deg);border-radius:24px;overflow:hidden;border:6px solid #fff;box-shadow:0 18px 30px rgba(var(--sh),.25);background:#fff}
.blob .howto video{width:100%;height:100%;object-fit:cover;display:block}
.vid-toggle{position:absolute;left:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:0;background:#FFD23F;color:#222;font:700 13px Fredoka,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.vid-toggle:focus-visible{outline:3px solid #222;outline-offset:2px}


#how .how-head{justify-content:center;text-align:center}
.steps{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:860px}
.step{text-align:center}
.step-frame{position:relative;max-width:200px;margin:0 auto 12px;aspect-ratio:9/16;border-radius:24px;overflow:hidden;border:6px solid #fff;box-shadow:0 14px 26px rgba(var(--sh),.2);background:#FFF3B0}
.step-vid{width:100%;height:100%;object-fit:cover;display:block}
.step h3{font-family:Sudsy,sans-serif;font-weight:400;text-transform:uppercase;font-size:26px;color:#CB7505;margin:6px 0 4px;letter-spacing:.03em}
.step p{margin:0;font-size:16px}
@media (max-width:820px){.steps{grid-template-columns:1fr;gap:36px}.step-frame{max-width:240px}}
.step-btn{width:32px;height:32px;left:8px;bottom:8px;background:rgba(0,0,0,.32);color:#fff;font-size:11px;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.75;transition:opacity .2s}
.step-btn:hover,.step-btn:focus-visible{opacity:1}
#how{background:#FFF3B0}
#how .wrap{padding-top:8px;padding-bottom:8px}
#how .sec-head{margin-bottom:22px}


#reviews .rev-head{justify-content:center;text-align:center}
.reviews{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1140px}
.review{background:none;border:0;padding:0;position:relative;display:flex;flex-direction:column;text-align:center}
.review .say{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 210%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M22,14 C70,4 150,10 210,6 C252,4 288,12 292,42 C298,82 294,128 287,154 C281,172 270,176 262,176 L270,205 L238,177 C180,181 100,178 40,174 C14,172 6,150 8,110 C9,70 4,24 22,14 Z%22 fill=%22%23FFF3B0%22/%3E%3C/svg%3E") center/100% 100% no-repeat;padding:26px 26px 80px;display:flex;flex-direction:column;gap:12px;flex:1}
.review:nth-child(2) .say{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 210%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M18,18 C60,6 140,12 200,8 C250,6 290,6 294,46 C297,90 298,130 289,158 C283,173 272,177 258,177 L272,204 L236,178 C170,182 96,176 36,176 C10,174 5,146 6,106 C7,66 2,28 18,18 Z%22 fill=%22%23FFF3B0%22/%3E%3C/svg%3E")}
.review:nth-child(3) .say{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 210%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M26,10 C80,8 150,4 214,10 C256,12 286,8 290,38 C295,78 292,134 288,156 C284,174 268,175 264,175 L266,206 L242,176 C178,178 104,182 44,176 C16,173 8,152 6,112 C5,72 6,20 26,10 Z%22 fill=%22%23FFF3B0%22/%3E%3C/svg%3E")}
.review .prod{width:78px;height:78px;border-radius:50%;background:#fff;border:4px solid #FFD23F;position:absolute;top:-26px;left:-14px;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 12px rgba(var(--sh),.12)}
.review .prod img{height:56px;width:auto;transform:rotate(-8deg)}
.review .prod .mini-sun{width:54px;height:54px}
.stars{display:flex;justify-content:center;gap:4px}
.stars svg{width:22px;height:22px;fill:#FFD23F;stroke:#CB7505;stroke-width:1.6;stroke-linejoin:round}
.review .quote{margin:0;font-size:17px;line-height:1.5;flex:1;display:flex;align-items:center;justify-content:center}
.review .who{margin:0;font:600 15px Fredoka,sans-serif;color:#222}
.review .what{font-weight:400}
.review .placeholder{color:#6B6B6B;font-style:italic}
#reviews .reviews{padding-top:26px}
#reviews .review .say{padding-left:40px;padding-right:40px}
.stars .gs{display:inline-block;width:26px;height:26px;background:url("../img/img-95bb1d94.webp") center/contain no-repeat}
.stars .gs:nth-child(even){background-image:url("../img/img-05074b69.webp")}
.stars .gs:nth-child(1){transform:rotate(-8deg)}.stars .gs:nth-child(2){transform:rotate(5deg)}.stars .gs:nth-child(3){transform:rotate(-3deg)}.stars .gs:nth-child(4){transform:rotate(9deg)}.stars .gs:nth-child(5){transform:rotate(-6deg)}
.rev-more{text-align:center;margin-top:26px}
@media (max-width:820px){.reviews{grid-template-columns:1fr;max-width:420px}}


body.after #reviews h2,body.after .story h2{color:#CB7505!important;-webkit-text-stroke:0!important}
body.s2 .sec-head h2,body.s2 .story h2,body.s2 .cta h2{color:#CB7505!important;-webkit-text-stroke:0!important}
body.s3 #reviews h2,body.s3 .story h2,body.s3 #how h2{color:#CB7505!important;-webkit-text-stroke:0!important}
body.s4 .sec-head h2,body.s4 .story h2,body.s4 .cta h2{font-size:clamp(26px,3.2vw,40px)!important}


body.rv .review .quote{color:#222;font-style:normal}
body.r2 .review::before{content:"\201C";display:block;font:700 88px/.55 Fredoka,sans-serif;color:#FFD23F;-webkit-text-stroke:.07em #CB7505;paint-order:stroke fill;height:38px;margin-top:6px}
body.r3 .review{background:#FFF3B0;border-radius:28px;padding:24px 22px;position:relative;margin-bottom:18px}
body.r3 .review::after{content:"";position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);border:16px solid transparent;border-bottom:0;border-top-color:#FFF3B0}
body.r4 .review{background:#FFF3B0;padding:40px 34px;border-radius:58% 42% 55% 45%/48% 58% 42% 52%}
body.r4 .review:nth-child(2){border-radius:45% 55% 42% 58%/55% 45% 55% 45%}
body.r4 .review:nth-child(3){border-radius:52% 48% 60% 40%/44% 56% 44% 56%}
body.r5 .review+.review{border-left:3px dotted #FFD23F}
body.r6 .review{position:relative;padding-top:58px}
body.r6 .review::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:46px;height:46px;background:radial-gradient(circle,#FFF3B0 0 30%,#FFD23F 31% 62%,transparent 63%),conic-gradient(from 0deg,#FFD23F 0 10deg,transparent 10deg 30deg,#FFD23F 30deg 40deg,transparent 40deg 60deg,#FFD23F 60deg 70deg,transparent 70deg 90deg,#FFD23F 90deg 100deg,transparent 100deg 120deg,#FFD23F 120deg 130deg,transparent 130deg 150deg,#FFD23F 150deg 160deg,transparent 160deg 180deg,#FFD23F 180deg 190deg,transparent 190deg 210deg,#FFD23F 210deg 220deg,transparent 220deg 240deg,#FFD23F 240deg 250deg,transparent 250deg 270deg,#FFD23F 270deg 280deg,transparent 280deg 300deg,#FFD23F 300deg 310deg,transparent 310deg 330deg,#FFD23F 330deg 340deg,transparent 340deg);border-radius:50%}


#sets .sets-head{justify-content:center;text-align:center}
body.after #sets h2{color:#CB7505!important;-webkit-text-stroke:0!important}
.sets{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1140px}
.set{background:#fff;border:5px solid #FFF3B0;border-radius:28px;padding:14px 14px 22px;text-align:center;display:flex;flex-direction:column;align-items:center}
.set-pic{width:100%;height:170px;border-radius:22px;background:#FFF3B0;display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}
.set-xmas .set-pic{background:linear-gradient(180deg,#E8F6E4 0%,#B9E2B1 100%)}
.set-pic img{height:100px;width:auto;margin:0 -14px;filter:drop-shadow(0 8px 10px rgba(var(--sh),.22))}
.set-all .set-pic img{height:72px;margin:0 -12px}
.set h3{font-family:Sudsy,sans-serif;font-weight:400;text-transform:uppercase;font-size:26px;color:#CB7505;margin:4px 0 6px;letter-spacing:.03em}
.set p{margin:0 0 14px;font-size:16px;max-width:34ch;flex:1}
@media (max-width:820px){.sets{grid-template-columns:1fr;max-width:420px}}


#club .club-head{justify-content:center;text-align:center}
body.after #club h2{color:#CB7505!important;-webkit-text-stroke:0!important}
.clubs{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:940px}
.club{position:relative;background:#fff;border:5px solid #FFF3B0;border-radius:28px;padding:12px 12px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}
.club .set-pic{width:100%;height:150px;border-radius:22px;background:#FFF3B0;display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}
.club .set-pic img{height:96px;width:auto;margin:0 -16px;filter:drop-shadow(0 8px 10px rgba(var(--sh),.22))}
.club h3{font-family:Sudsy,sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;color:#CB7505;margin:0 0 4px;letter-spacing:.03em}
.club p{margin:0 0 14px;font-size:16px;max-width:40ch;flex:1}
.club-tag{position:absolute;top:24px;left:24px;z-index:20;background:#fff;color:#222;font:700 13px Fredoka,sans-serif;letter-spacing:.03em;padding:6px 12px;border-radius:999px;box-shadow:0 3px 8px rgba(0,0,0,.1)}
@media (max-width:820px){.clubs{grid-template-columns:1fr;max-width:420px}}


section{padding:36px 0}
.sec-head{margin-bottom:18px}
.sec-head h2{font-size:clamp(32px,4.2vw,52px)}
.step-frame{max-width:168px!important}
.card .pic{height:170px}
.card .pic img{height:112px}
.story .blob{max-width:480px;justify-self:center;width:100%}


.price{font:700 18px/1.2 Fredoka,sans-serif;color:#222;margin:2px 0 10px}
.card .price{margin:-2px 0 8px}
.price .save{font-weight:500;font-size:14px;color:#444}
.set p.price,.club p.price{flex:0;margin:-6px 0 14px}

footer .fine a{display:inline;color:inherit;text-decoration:underline;margin:0;padding:0}

@media (min-width:821px){.hs-arrow{top:auto;bottom:6px;transform:none;width:36px;height:36px;font-size:18px}.hs-arrow.prev{left:calc(50% - 76px)}.hs-arrow.next{right:calc(50% - 76px)}}