.cw{--cw-drop:0;--cw-light:.5;--cw-accent:#bf9656;--cw-robe:#e4bf70;background:#f6f1e8}.cw [hidden],.cw-hidden{display:none!important}.cw h1{font-size:clamp(55px,6.6vw,96px);max-width:620px;letter-spacing:-.045em}.cw-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:680px;padding:64px max(5vw,24px) 48px;position:relative;background:radial-gradient(ellipse at 75% 30%,#e7d2aa40,transparent 55%),#f6f1e8}.cw-intro{font-size:17px;color:#77816d;max-width:460px;margin:0 0 26px}.cw-hero .sa-primary{margin-right:20px}.cw-hero .sa-motion{margin-top:24px;color:#737d68}.cw-hero-scene{min-width:0;text-align:center;position:relative}.cw-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #bd985e35;border-radius:50%;top:0;left:5%;transform:scale(.96,1.05) rotate(-12deg);pointer-events:none}.cw-bowl-scene{position:relative;aspect-ratio:1;max-width:530px;margin:auto;isolation:isolate;perspective:900px}.cw-sprite{background-image:url('/cdn/shop/files/my-instant-croquant-atlas.png?v=1793353892&width=1600');background-size:200% 200%;background-repeat:no-repeat}.cw-bowl{position:absolute;inset:0;background-position:right bottom;filter:drop-shadow(0 24px 22px #39241026)}.cw-food-layer{position:absolute;inset:0;z-index:2}.cw-piece{display:block;position:absolute;left:calc(25% + mod(var(--n),3)*13%);top:calc(28% + round(down,calc(var(--n)/3))*9%);width:29%;aspect-ratio:1;background-position:left top;transform:translateY(calc((1 - var(--cw-drop))*(-110px - var(--n)*7px))) rotate(calc(var(--n)*43deg + var(--cw-drop)*50deg)) scale(calc(.7 + var(--cw-drop)*.1));opacity:calc(.15 + var(--cw-drop)*.85);filter:drop-shadow(2px 5px 3px #0008);transition:opacity .45s,background-position .3s}.cw-float{position:absolute;z-index:4;width:48%;aspect-ratio:1;left:26%;top:8%;background-position:left top;filter:drop-shadow(0 18px 15px #0004);transform:translateY(calc(var(--cw-drop)*95px)) rotate(calc(-14deg + var(--cw-drop)*37deg)) scale(calc(1 - var(--cw-drop)*.55));opacity:calc(1 - var(--cw-drop));animation:cw-breathe 6s ease-in-out infinite}.cw-bowl-scene[data-cw-family=chips] .cw-piece,.cw-bowl-scene[data-cw-family=chips] .cw-float,.cw-final-piece[data-family=chips]{background-position:right top}.cw-bowl-scene[data-cw-family=pearls] .cw-piece,.cw-bowl-scene[data-cw-family=pearls] .cw-float,.cw-final-piece[data-family=pearls]{background-position:left bottom}.cw-bowl-scene[data-cw-family=pearls] .cw-piece{width:21%}.cw-bowl-scene[data-cw-family=pearls] .cw-float{width:30%;left:35%;top:15%}.cw-bowl-scene[data-cw-taste=cacao] .cw-piece,.cw-bowl-scene[data-cw-taste=cacao] .cw-float,.cw-final-piece[data-taste=cacao]{filter:brightness(.42) saturate(.65) drop-shadow(1px 5px 3px #0008)}.cw-dust{position:absolute;inset:20%;z-index:3;pointer-events:none;background-image:radial-gradient(circle,#b78c46 1px,transparent 1.5px);background-size:45px 51px;opacity:calc(.14*(1 - var(--cw-drop)));mask-image:radial-gradient(ellipse,#000,transparent 70%);animation:cw-dust 5s ease-in-out infinite}.cw-scene-kicker{color:#a27d45;font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin:0}.cw-hero-scene h2{font-size:clamp(24px,2.5vw,35px);margin:10px auto 5px;max-width:470px}.cw-hero-scene h2 a{color:inherit;text-decoration:none}.cw-hero-scene .sa-caption{max-width:380px;margin:9px auto 5px}.cw-families{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.cw-families button,.cw-filters button{border:1px solid #b99b6666;border-radius:24px;background:transparent;color:#173d30;font-size:12px;padding:11px 17px;cursor:pointer;transition:background .3s,color .3s}.cw-families button[aria-pressed=true],.cw-filters button[aria-pressed=true]{background:#173d30;border-color:#173d30;color:#fcf5e9}.cw-filters{margin:28px auto 10px;display:grid;justify-content:center;gap:11px}.cw-filters>div{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center}.cw-filters>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8d7957;margin-right:10px;min-width:66px;text-align:right}.cw-filters button{font-size:11px;padding:10px 17px}.cw-empty{font-size:14px;color:#7e856e;max-width:600px;margin:20px auto}.cw .sa-card h3{font-size:clamp(25px,2.2vw,32px);min-height:2.25em}.cw .sa-card-copy>p:not(.sa-kicker){min-height:3.6em;margin-bottom:5px}.cw-explore{margin-bottom:20px!important}.cw .sa-card footer{margin-top:auto}.cw .sa-card-photo{aspect-ratio:1.2}.cw-story{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;padding:70px max(6vw,24px);background:#1b2019;color:#f8f0df}.cw-story-stage{position:sticky;top:100px;align-self:start;max-width:540px;width:100%;margin:auto;text-align:center}.cw-photo-window{position:relative;aspect-ratio:1;overflow:hidden;border-radius:45% 45% 10px 10px;background:#28271d;isolation:isolate}.cw-photo-window img{height:100%;width:100%;object-fit:cover;transform:scale(calc(1.02 + var(--cw-stage-progress,0)*.06)) rotate(calc(var(--cw-stage-progress,0)*1.5deg));transition:opacity .35s,transform 1s}.cw-photo-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#fff2c11a 50%,transparent 65%);transform:translateX(calc(-50% + var(--cw-stage-progress,0)*100%));pointer-events:none;mix-blend-mode:screen;transition:transform 1s}.cw-story-stage>p:not(.sa-kicker){font-family:Georgia,serif;font-size:22px;margin:17px 0}.cw-story .sa-text-link{font-size:12px}.cw-story-copy article{min-height:350px;display:flex;justify-content:center;flex-direction:column;border-bottom:1px solid #bca17244}.cw-story-copy h2{font-size:clamp(36px,4vw,60px);max-width:470px}.cw-story-copy article>p:not(.sa-kicker){max-width:420px;font-size:15px;color:#b4bca8}.cw-picker{position:relative;margin:10px auto;max-width:420px;text-align:left}.cw-picker summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;border:1px solid #ba9a5c77;border-radius:28px;padding:13px 20px;font-size:12px;color:#ede0bd}.cw-picker summary::after{content:'+';font-size:16px;line-height:1}.cw-picker[open] summary::after{content:'−'}.cw-picker>div{max-height:300px;overflow:auto;border:1px solid #ba9a5c55;border-radius:15px;margin-top:7px;padding:8px;background:#242a21}.cw-picker button{border:0;border-bottom:1px solid #bca26b22;background:transparent;width:100%;display:flex;align-items:center;gap:14px;text-align:left;color:#f6eddb;padding:9px;font:14px Georgia;cursor:pointer}.cw-picker button[aria-pressed=true]{background:#c7a8751a;border-radius:10px}.cw-picker img{width:42px;height:48px;object-fit:cover;border-radius:20px 20px 4px 4px}.cw-final-bowl{position:relative;aspect-ratio:1;width:min(360px,100%);margin:auto}.cw-final-bowl>[data-cw-final-pieces]{position:absolute;inset:0}.cw-final-piece{position:absolute;left:calc(26% + var(--x)*1%);top:calc(26% + var(--y)*1%);width:27%;aspect-ratio:1;background-position:left top;filter:drop-shadow(2px 4px 2px #0007);transform:rotate(calc(var(--angle)*1deg));animation:cw-settle .75s cubic-bezier(.2,.65,.3,1)}.cw-final-piece[data-family=pearls]{width:20%}.cw-dialog{border:1px solid #b6975d;border-radius:25px;background:#f8f3e9;color:#173d30;width:min(1040px,calc(100vw - 36px));max-height:90dvh;padding:55px 40px 35px;overflow:auto;box-shadow:0 30px 100px #0c211955}.cw-dialog::backdrop{background:#0922189c;backdrop-filter:blur(7px)}.cw-close{position:absolute;right:15px;top:13px;border:1px solid #a9884e77;border-radius:50%;width:40px;height:40px;background:#f8f3e9;color:#8f703d;display:grid;place-items:center;cursor:pointer;z-index:3}.cw-close svg{width:22px;height:22px}.cw-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cw-macro{position:relative;aspect-ratio:1;overflow:hidden;border-radius:43% 43% 10px 10px;background:#e7dfcd;isolation:isolate}.cw-macro img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) rotate(calc((var(--cw-light) - .5)*4deg));transition:transform .25s}.cw-macro span{position:absolute;inset:0;background:radial-gradient(ellipse at calc(var(--cw-light)*100%) 30%,#fff3cc29,transparent 60%);pointer-events:none;mix-blend-mode:screen}.cw-dialog label{display:block;text-align:center;font-size:11px;color:#88764e;letter-spacing:.08em;margin-top:22px}.cw input[data-cw-light]{display:block;width:80%;margin:18px auto;height:25px;appearance:none;background:none;cursor:ew-resize}.cw input[data-cw-light]::-webkit-slider-runnable-track{height:1px;background:#b2955a}.cw input[data-cw-light]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;transform:rotate(45deg);background:#b79b62;border:3px solid #f8f3e9;margin-top:-8px}.cw input[data-cw-light]::-moz-range-track{height:1px;background:#b2955a}.cw input[data-cw-light]::-moz-range-thumb{width:14px;height:14px;background:#b79b62;border:2px solid #f8f3e9;border-radius:0;transform:rotate(45deg)}.cw-dialog-copy h2{font-size:clamp(32px,4vw,53px);overflow-wrap:anywhere}.cw-dialog-copy>p:not(.sa-kicker):not(.sa-caption){font-size:15px;color:#71806b;line-height:1.8}.cw-dialog-copy .sa-primary{margin:8px 0 14px}.cw-dialog-copy .sa-caption{text-align:left}.cw.sa-paused{--cw-drop:1!important}.cw.sa-paused .cw-float,.cw.sa-paused .cw-dust{display:none}.cw.sa-paused .cw-piece,.cw.sa-paused .cw-photo-window img,.cw.sa-paused .cw-final-piece,.cw.sa-paused .cw-macro img{transition:none;animation:none}.cw.sa-paused .cw-macro img{transform:scale(1.04)}@keyframes cw-breathe{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes cw-dust{0%,100%{translate:0 0}50%{translate:2px 10px}}@keyframes cw-settle{from{translate:0 -90px;opacity:0}to{translate:0 0;opacity:1}}@media(max-width:850px){.cw-hero{grid-template-columns:1fr;min-height:0;padding:38px 24px;gap:25px}.cw h1{font-size:53px;max-width:370px;margin-top:16px}.cw-intro{font-size:15px;line-height:1.8}.cw-hero-scene{max-width:440px;width:100%;margin:auto}.cw-bowl-scene{max-width:400px}.cw-hero-scene h2{font-size:27px;max-width:320px}.cw-families button{font-size:11px;padding:10px 15px}.cw .sa-card h3{font-size:21px;min-height:2.5em;overflow-wrap:normal}.cw .sa-card-copy>p:not(.sa-kicker){font-size:11px;min-height:4.95em;margin-bottom:5px}.cw-explore{font-size:10px!important;margin-bottom:12px!important}.cw .sa-card footer{padding-top:12px}.cw-filters>div>span{width:100%;text-align:center;margin:6px 0 2px;font-size:9px}.cw-filters button{padding:10px 13px;font-size:10px}.cw-story{grid-template-columns:1fr;padding:45px 24px;gap:20px}.cw-story-stage{position:relative;top:auto;max-width:380px}.cw-story-copy article{min-height:235px}.cw-story-copy h2{font-size:37px}.cw-final-bowl{width:265px}.cw .sa-bag-stage{padding:0}.cw-dialog{padding:57px 20px 27px;border-radius:20px;width:calc(100vw - 24px);max-height:88dvh}.cw-dialog-grid{grid-template-columns:1fr;gap:15px}.cw-macro{max-width:380px;margin:auto}.cw-dialog-copy h2{font-size:36px;margin-top:12px}.cw-dialog label{font-size:10px}.cw-dialog-copy>p:not(.sa-kicker):not(.sa-caption){font-size:14px}}@media(prefers-reduced-motion:reduce){.cw{--cw-drop:1!important}.cw .cw-float,.cw .cw-dust{display:none}.cw .cw-piece,.cw .cw-photo-window img,.cw .cw-macro img{transition:none;animation:none}}
.cw-hero{align-items:start;min-height:0;padding-top:45px;padding-bottom:45px}.cw-hero-copy{padding-top:65px}.cw-bowl-scene{max-width:420px}.cw-piece{opacity:var(--cw-drop)}.cw h1{font-size:clamp(55px,6.1vw,86px)}@media(max-width:850px){.cw-hero{padding-top:32px}.cw-hero-copy{padding-top:0}.cw h1{font-size:47px}.cw-bowl-scene{max-width:360px}}
.cw .sa-card h3{min-height:2.1em}.cw .sa-card-copy>p:not(.sa-kicker){min-height:3.6em}.cw .sa-card-copy{padding-bottom:20px}@media(max-width:850px){.cw .sa-card h3{min-height:2.1em}.cw .sa-card-copy>p:not(.sa-kicker){min-height:3.3em;line-height:1.65;-webkit-line-clamp:2}.cw .sa-card-copy{padding-bottom:15px}}
.cw-bowl-scene[data-cw-family=other] .cw-piece,.cw-bowl-scene[data-cw-family=other] .cw-float{display:none}.cw-switch{--cw-drop:1}.cw-switch .cw-piece{animation:cw-family-drop 1s cubic-bezier(.2,.65,.35,1) backwards;animation-delay:calc(var(--n)*.035s)}.cw-switch[data-cw-family=pearls] .cw-piece{animation-name:cw-family-roll}.cw-switch[data-cw-family=chips] .cw-piece{animation-duration:1.3s}@keyframes cw-family-drop{from{translate:0 -90px;opacity:0}to{translate:0 0;opacity:1}}@keyframes cw-family-roll{from{translate:-45px -35px;rotate:-85deg;opacity:0}to{translate:0 0;rotate:0deg;opacity:1}}.sa-paused .cw-switch .cw-piece{animation:none!important}