/* KROOK: cheeky mascot, soft heart. The original logo and product photos stay intact. */
:root{--pink:#ff79b0;--pink-soft:#ffe2ec;--lime:#d6ed55;--lilac:#c8b6ff;--lilac-soft:#e9e0ff;--ink:#35251e;--cream:#fffaf0}
body{background:var(--cream)}header{background:var(--cream)}.preview{background:var(--choc);font-size:10px;letter-spacing:.15px}.header{height:112px;gap:22px}.brand img{width:120px;height:90px}.brand-wink{margin-right:auto;font-size:12px;line-height:1.3;font-weight:bold;transform:rotate(-7deg);color:var(--choc);position:relative}.brand-wink:after{content:'♥';color:#b91d60;font-size:18px;position:absolute;right:-18px;top:1px}.desktopnav{gap:24px}.desktopnav .btn{border-radius:50px;background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn{border-radius:50px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 5px 0 #35251e20}.btn.outline{border-color:#bca28d;background:#fffdf7}.eyebrow:before{color:#b91d60}.hero{padding-top:55px;gap:7%;padding-bottom:70px}.hero h1{font-size:clamp(57px,6.4vw,88px);letter-spacing:-.065em}.hero h1 em{position:relative;z-index:0}.hero h1 em:after{content:'';position:absolute;left:-3%;right:-3%;bottom:5px;height:18px;background:var(--lime);z-index:-1;border-radius:50%;transform:rotate(-3deg)}.hero-copy>p{margin:24px 0 0}.hero-visual{padding:10px 0 28px 20px;margin:0}.hero-visual:before{background:var(--pink);border-radius:45% 45% 42% 42%;transform:rotate(5deg);inset:30px -13px 17px 3px}.hero-visual>img{border-radius:44% 44% 40% 40%;height:530px;position:relative}.hero-visual figcaption{max-width:340px;margin:30px 0 0 auto;font-size:9px;line-height:1.7}.hero-mascot{position:absolute;z-index:2;bottom:0;left:-63px;width:260px;transform:rotate(-9deg);pointer-events:none}.mascot{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 9px 4px #5e301418)}.floating-sticker{position:absolute;z-index:3;right:-12px;top:7px;transform:rotate(10deg);background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:15px;padding:16px 18px;text-align:center;font-size:11px;line-height:1.5;letter-spacing:1px;box-shadow:4px 4px 0 var(--ink)}.floating-sticker b{font-size:14px;letter-spacing:.5px}.hug-control{display:flex;align-items:center;gap:12px;max-width:420px;margin:22px 0 19px}.hug-control button{flex-shrink:0;color:var(--ink);background:var(--pink-soft);border:1px solid #e89fb8;border-radius:50px;padding:9px 13px;font-size:11px;cursor:pointer;white-space:nowrap}.hug-control button span{color:#b91d60;font-size:18px;vertical-align:middle;margin-right:5px}.hug-control>span{font-size:10px;line-height:1.5;color:var(--muted)}.hug-control button[aria-pressed=true]{background:var(--pink)}.hero-note{margin-top:0}.ribbon{background:var(--pink);color:var(--ink);font-size:11px;letter-spacing:1.6px;border-block:1px solid var(--ink);transform:rotate(-.5deg)}.ribbon i{color:var(--ink)}.product-visual{border-radius:24px;isolation:isolate}.product-visual .number{border-radius:30px;background:var(--lime);font-weight:bold}.product-visual.typographic{background:var(--lilac);color:var(--ink)}.typographic em{color:#57301f}.typographic .photo-needed{color:#57301f}.product-title h3{font-size:28px}.price{background:var(--pink-soft);border-radius:50px;padding:8px 13px;font-size:18px;line-height:1}.product-body{padding:25px 0 22px}.product-body .textlink{font-weight:bold;font-size:12px}.product-body details{color:#5f4b40}.product.is-favorite .product-visual{outline:4px solid #b91d60;outline-offset:5px}.product.is-favorite .product-title h3:after{content:' ♥';color:#b91d60}.manifest{background:var(--lilac-soft);color:var(--ink);border-block:1px solid #c8b6df}.manifest .eyebrow{color:#57301f}.manifest p{color:#604d66}.values,.values>div{border-color:#c6b5d5}.values span{color:#9c245c}.manifest .btn.light{background:var(--lime);border-color:var(--lime)}.manifest h2{font-size:clamp(42px,4.8vw,67px)}.fun-break{padding-block:65px 15px}.marmotte-scene{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;border-radius:36px;padding:25px 7%;min-height:300px;position:relative}.marmotte-scene.pink{background:var(--pink-soft)}.marmotte-scene.lilac{background:var(--lilac-soft)}.marmotte-scene.lime{background:#edf4be}.scene-art{max-width:300px;margin:auto;width:100%;transform:rotate(-5deg)}.scene-copy{max-width:460px;padding:20px 0}.scene-copy h2{font-size:clamp(31px,3.2vw,44px);margin:14px 0}.scene-copy p{font-size:14px;margin:0;line-height:1.8;color:#67504a}.tiny-label{font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:1.5px}.marmotte-scene:after{content:'';position:absolute;right:28px;top:25px;width:22px;height:22px;background:var(--pink);clip-path:polygon(50% 0,63% 36%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 36%)}.cta .btn{background:var(--lime);color:var(--ink);border-color:var(--lime)}.cta h2 em{color:#a52761}.intro-with-mascot{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:45px;align-items:center;padding-block:30px}.intro-with-mascot .page-intro{padding-block:25px;max-width:850px}.intro-mascot{position:relative;max-width:340px;width:100%;padding:10px 0 30px;justify-self:end}.intro-mascot:before{content:'';position:absolute;inset:32px 0 20px;border-radius:47% 49% 44% 48%;transform:rotate(12deg);z-index:-1}.intro-mascot.pink:before{background:var(--pink-soft)}.intro-mascot.lilac:before{background:var(--lilac-soft)}.intro-mascot img{max-height:275px;object-fit:contain}.speech{display:block;font-size:12px;font-weight:bold;background:white;color:var(--ink);padding:12px 17px;border:1.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-5deg);text-align:center;position:relative;line-height:1.5;max-width:250px;margin:-5px auto 0;z-index:2}.team-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 35px}.team-picker>span{font-size:13px;font-weight:bold;margin-right:5px}.team-picker button{border:1px solid var(--line);padding:12px 17px;border-radius:30px;background:var(--paper);color:var(--ink);font-size:12px;cursor:pointer}.team-picker button[data-team=nutella]{background:var(--pink-soft)}.team-picker button[data-team=mms]{background:#edf4be}.team-picker button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.team-picker p{flex-basis:100%;font-size:11px;color:var(--muted);min-height:20px;margin:0}.page-commander .page-intro{max-width:1000px}.page-commander .page-intro h1{font-size:clamp(45px,5.5vw,72px)}.summary-card{background:var(--pink-soft);border-radius:28px;margin-top:100px;overflow:visible;padding-top:45px;border:1px solid #edb9ca}.order-mascot{position:relative;width:100%;height:110px;margin-top:-145px;margin-bottom:35px;pointer-events:none}.order-mascot img{width:190px;height:210px;position:absolute;right:-2px;top:-45px;object-fit:contain;transform:rotate(9deg)}.order-mascot .speech{position:absolute;left:0;top:32px;width:160px;font-size:10px;padding:11px;transform:rotate(-7deg)}.summary-card .btn{background:var(--choc)}.summary-card .btn.outline{background:transparent}.summary-card .eyebrow{margin-top:10px}.summary-lines{border-color:#dfacbc}.choice{border-radius:18px;padding:22px 13px}.choice[aria-pressed=true]{background:var(--lime);border-color:var(--ink);color:var(--ink)}.format-grid .choice:last-child:after{background:var(--pink);color:var(--ink);border-radius:20px}.field input,.field select,.field textarea{border-radius:15px;background:#fffdf8}.field input[type=range]{accent-color:#b91d60;background:transparent;padding-inline:0}.story-grid>img{border-radius:35% 35% 25px 25px}.page-histoire .fun-break{padding-top:0;padding-bottom:70px}.signature{letter-spacing:.5px}.contact-aside{background:var(--lilac-soft);color:var(--ink);border-radius:28px;margin-top:90px;position:relative;padding-top:35px}.contact-aside p{color:#5c4b60}.contact-aside .btn{background:var(--lime);border-color:var(--lime);font-size:12px}.contact-aside .contact-wink{font-size:12px;font-weight:bold;margin-top:-8px}.contact-mascot{height:135px;position:relative;margin-top:-120px;margin-bottom:20px}.contact-mascot img{width:240px;height:200px;position:absolute;right:-25px;top:-15px;object-fit:contain;padding:0;background:none;margin:0}.contact-mascot .speech{width:150px;font-size:10px;position:absolute;left:-10px;top:50px;transform:rotate(-8deg)}.legal-intro .page-intro h1{font-size:65px}.legal-intro .intro-mascot{max-width:260px}.legal-intro .intro-mascot img{max-height:220px}.legal{max-width:900px}.legal p{font-size:14px}.footer-logo img{width:105px}footer{background:#f6eddc}.footer-bottom{font-size:10px}.pop-love{animation:pop-love .5s ease}.sparkle:before,.sparkle:after{content:'♥';position:absolute;color:#b91d60;pointer-events:none;font-size:24px;animation:heart-rise .85s ease-out both}.sparkle:before{left:30%;bottom:40%}.sparkle:after{left:70%;bottom:50%;animation-delay:.12s}@keyframes pop-love{50%{transform:rotate(-7deg) scale(1.08)}}@keyframes heart-rise{from{opacity:1;transform:translateY(0) scale(.5)}to{opacity:0;transform:translateY(-80px) scale(1.2)}}
@media(max-width:1000px){.brand-wink{display:none}.header{gap:20px}.desktopnav{gap:20px}.hero-mascot{width:220px;left:-45px}.hero-visual>img{height:480px}.hero-visual figcaption{max-width:260px}.hug-control{align-items:flex-start;flex-direction:column;gap:7px}.intro-with-mascot{gap:25px;grid-template-columns:1.3fr .7fr}.intro-mascot img{max-height:240px}.page-commander .page-intro h1{font-size:60px}.order-mascot img{width:155px;right:-14px}.order-mascot .speech{width:130px;left:-10px}.contact-mascot img{width:200px;right:-25px}.contact-mascot .speech{width:120px;left:-20px}}
@media(max-width:700px){.preview{font-size:9px}.header{height:88px}.brand img{width:96px;height:74px}.brand-wink{display:block;margin-right:auto;font-size:10px;margin-left:0}.brand-wink:after{font-size:14px;right:-15px}.desktopnav{top:123px;border-radius:0 0 25px 25px;box-shadow:0 10px 16px #35251e18;gap:10px}.desktopnav a{padding:12px}.menu-toggle{border-radius:25px;padding:12px 15px;font-size:12px}.hero{padding-block:35px 45px;gap:12px}.hero h1{font-size:56px;letter-spacing:-.06em;margin-top:19px}.hero h1 em:after{height:12px;bottom:3px}.hero-copy>p{font-size:14px;max-width:350px}.hero .actions{margin-top:22px;margin-bottom:16px}.hero .btn{font-size:12px;padding:15px 17px}.hug-control{flex-direction:row;align-items:center;gap:12px;margin-block:15px 18px}.hug-control>span{font-size:9px;max-width:140px}.hug-control button{font-size:10px;padding:8px 11px}.hero-visual{margin:34px 4px 12px;padding:10px 5px 48px 15px}.hero-visual>img{height:380px;min-height:0}.hero-visual:before{inset:30px -4px 45px 2px}.hero-mascot{width:200px;left:-25px;bottom:4px}.floating-sticker{font-size:8px;right:-5px;top:-6px;padding:12px 14px;box-shadow:3px 3px 0 var(--ink);border-radius:12px}.floating-sticker b{font-size:10px}.hero-visual figcaption{max-width:150px;margin-top:20px;font-size:8px;min-height:27px}.ribbon{padding-block:18px;font-size:10px;gap:23px}.section-head h2{font-size:34px}.section-head .textlink{font-size:10px}.section-head{gap:15px}.product-visual{height:310px;border-radius:24px}.typographic b{font-size:67px}.product-title h3{font-size:26px}.manifest-grid{gap:10px}.manifest h2{font-size:46px}.fun-break{padding-block:40px 0}.marmotte-scene{grid-template-columns:1fr;padding:20px 25px 30px;gap:0;border-radius:28px}.scene-art{width:230px;max-width:100%;margin-top:-15px}.scene-copy{padding:0}.scene-copy h2{font-size:34px;margin:12px 0}.scene-copy p{font-size:13px}.tiny-label{font-size:8px;letter-spacing:1.3px}.marmotte-scene:after{top:22px;right:22px;width:18px;height:18px}.intro-with-mascot{grid-template-columns:1fr;gap:0;padding-block:30px}.intro-with-mascot .page-intro{padding:0}.intro-with-mascot .page-intro h1{font-size:48px}.intro-mascot{justify-self:center;width:250px;margin-top:0;padding-bottom:15px}.intro-mascot img{height:210px;width:100%;max-height:none}.intro-mascot .speech{font-size:11px;padding:10px 15px;margin-top:-10px}.intro-mascot:before{inset:30px -15px 20px}.team-picker{gap:9px;margin-top:0}.team-picker>span{flex-basis:100%;margin-bottom:5px;font-size:12px}.team-picker button{font-size:11px;padding:11px 14px}.team-picker p{font-size:10px;margin-top:3px}.page-commander .page-intro{padding-bottom:16px}.page-commander .page-intro h1{font-size:49px}.page-commander .page-intro p{font-size:14px}.page-commander .order-grid{gap:15px}.summary-card{margin-top:115px;padding-top:45px;border-radius:25px}.order-mascot img{width:190px;height:210px;right:-15px;top:-40px}.order-mascot .speech{left:-5px;width:145px;top:35px}.choice{padding:22px 9px;border-radius:15px}.choice b{font-size:21px}.story-grid h2{font-size:38px}.page-histoire .page-intro h1{font-size:48px}.contact-grid{gap:20px}.contact-aside{margin-top:110px;padding:30px}.contact-mascot img{width:230px;right:-20px;height:200px}.contact-mascot .speech{width:130px;left:-5px}.legal-intro .page-intro h1{font-size:49px}.legal-intro .intro-mascot{width:220px}.legal-intro .intro-mascot img{height:170px}.legal-intro{padding-bottom:10px}.legal h2{font-size:24px}.footer-logo{gap:18px}.footer-logo p{font-size:11px}.footer-logo img{width:90px}.footer-nav{font-size:12px}}
@media(max-width:360px){.brand-wink{font-size:9px}.header{gap:14px}.hero h1{font-size:50px}.hug-control{flex-direction:column;align-items:flex-start;gap:5px}.hug-control>span{max-width:none}.hero-visual>img{height:340px}.hero-mascot{width:180px}.section-head h2{font-size:30px}.order-mascot .speech{width:130px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.pop-love,.sparkle:before,.sparkle:after{animation:none!important}.btn:hover{transform:none}.mascot{transition:none}}
@media(max-width:700px){.header>.brand{order:0}.header>.brand-wink{order:1}.header>.menu-toggle{order:2}.header>.desktopnav{order:3}}