:root{--lab-ink:#eaf0d5;--lab-forest:#163d2c;--lab-cream:#fff9ec;--lab-accent:#8bb84a;--lab-deep:#112b20}.kitchen-lab-page{background:var(--lab-forest);color:var(--lab-ink)}.lab-header{background:#fff9ec}.lab-opening{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 46%,#c8b06a48,transparent 23%),radial-gradient(circle at 45% 65%,#8bb84a22,transparent 28%),var(--lab-forest)}.lab-opening:before,.lab-opening:after{content:"";position:absolute;inset:-20%;pointer-events:none;background:repeating-radial-gradient(circle at 70% 40%,transparent 0 16px,#fff6d009 17px 18px);opacity:.8}.lab-opening:after{background-image:radial-gradient(#fff9ec20 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:screen;animation:lab-grain 4s steps(2) infinite}.lab-opening__copy{padding:clamp(75px,12vw,160px) 9%;position:relative;z-index:2}.lab-opening .eyebrow{color:#e6c965}.lab-opening h1{font:400 clamp(58px,8vw,126px)/.84 var(--display);letter-spacing:-5px;margin:0;color:var(--lab-cream)}.lab-opening h1 em{font-style:normal;color:#e6c965}.lab-opening__copy>p:not(.eyebrow):not(.lab-opening__hint){font-size:18px;font-weight:600;max-width:430px;margin:28px 0}.lab-enter{background:#e6c965;color:#142d20;box-shadow:4px 4px 0 #fff9ec}.lab-opening__hint{font:11px var(--mono);margin-top:29px!important;color:#c6d9ae}.lab-opening__scene{position:relative;min-height:600px}.lab-opening__plate{position:absolute;width:min(44vw,530px);aspect-ratio:1;border-radius:50%;left:50%;top:54%;transform:translate(-50%,-50%);border:14px solid #eadbbb;background:radial-gradient(circle at 45% 40%,#fffdf6 0 36%,#dbd0ae 37% 39%,#f8efd9 40% 54%,#7c68451f 55% 57%,transparent 58%);box-shadow:0 32px 50px #071a126e}.lab-opening__pack{position:absolute;z-index:2;max-height:360px;max-width:38%;object-fit:contain;filter:drop-shadow(12px 18px 0 #0b21184b);animation:lab-pack-enter 900ms var(--motion-ease,cubic-bezier(.22,1,.36,1)) both}.lab-opening__pack--0{left:6%;top:13%;transform:rotate(-9deg);animation-delay:250ms}.lab-opening__pack--1{right:6%;top:17%;transform:rotate(9deg);animation-delay:420ms}.lab-opening__pack--2{left:38%;bottom:4%;transform:rotate(-2deg);animation-delay:570ms}.lab-spoon{width:170px;height:35px;border-radius:99px;background:linear-gradient(180deg,#e4c579,#8c6429);box-shadow:inset 0 4px 5px #fff7d180,0 7px 10px #0a211645;position:absolute;z-index:4;transform-origin:78% 50%}.lab-spoon:before{content:"";position:absolute;width:67px;height:54px;border-radius:50%;left:-18px;top:-10px;background:radial-gradient(circle at 38% 30%,#f4dfa7,#9d7235 64%);box-shadow:inset 0 0 0 4px #725022}.lab-spoon--opening{left:45%;top:27%;transform:rotate(-18deg);animation:lab-spoon-drift 5s ease-in-out infinite}.lab-stage{padding:110px 5%;background:#f7f0df;color:#18251c;overflow:hidden}.lab-stage__intro{max-width:700px;margin:0 auto 50px;text-align:center}.lab-stage h2{font:400 clamp(48px,7vw,88px)/.86 var(--display);letter-spacing:-4px;margin:0}.lab-stage h2 em{font-style:normal;color:#fff;background:#245637;padding:0 .07em}.lab-stage__intro>p:last-child{font-weight:700;max-width:570px;margin:22px auto}.lab-kitchen{min-height:680px;max-width:1220px;margin:auto;position:relative;border:2px solid #18251c;background:radial-gradient(circle at 50% 42%,#fffef5 0 13%,transparent 14%),#dccdb2;overflow:hidden;isolation:isolate}.lab-kitchen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(102deg,#fff9ec1c 0 2px,transparent 2px 48px);pointer-events:none}.lab-kitchen__counter{position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(165deg,#64472c,#b07d49 43%,#5f4129);border-top:5px solid #e6c186;box-shadow:inset 0 12px 0 #24190e33}.lab-products{position:absolute;z-index:5;inset:25px 4% auto;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end}.lab-product{min-width:0;border:0;background:transparent;display:grid;gap:7px;justify-items:center;color:#18251c;font:10px/1.15 var(--mono);font-weight:700;cursor:grab;transition:transform .28s var(--motion-ease,cubic-bezier(.22,1,.36,1)),opacity .28s,filter .28s}.lab-product img{height:175px;max-width:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(6px 9px 0 #18251c29)}.lab-product:hover,.lab-product:focus-visible,.lab-product[aria-pressed="true"]{transform:translateY(-14px) rotate(-2deg);outline:0}.lab-product[aria-pressed="true"]{filter:drop-shadow(0 0 18px #f5c942b0)}.lab-product:has(~ .lab-product[aria-pressed="true"]),.lab-product[aria-pressed="true"]~.lab-product{opacity:.66}.lab-plate-zone{position:absolute;z-index:3;width:min(56%,630px);aspect-ratio:1;left:50%;top:53%;transform:translate(-50%,-50%);display:grid;place-items:center;outline-offset:8px}.lab-plate{position:relative;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffdf6 0 43%,#c6b991 44% 46%,#f3e8cd 47% 57%,#9f8c5b55 58% 61%,transparent 62%);box-shadow:0 23px 28px #33241455}.lab-plate__ring{position:absolute;inset:9%;border:2px solid #d1bb86;border-radius:50%}.lab-dish{position:absolute;inset:24%;border-radius:50%;display:grid;place-items:center;text-align:center;color:#493a24;font:700 clamp(14px,2vw,22px)/1.1 var(--display);letter-spacing:-1px;background:radial-gradient(circle at 38% 35%,#f4e5c3,#dfc48f 65%);overflow:hidden;box-shadow:inset 0 0 0 8px #fff2d173}.lab-dish span{position:absolute;transition:opacity .4s,transform .45s var(--motion-ease,cubic-bezier(.22,1,.36,1))}.lab-dish [data-lab-after]{opacity:0;transform:translateY(20px)}.lab-stage.is-transformed .lab-dish [data-lab-before]{opacity:0;transform:translateY(-20px)}.lab-stage.is-transformed .lab-dish [data-lab-after]{opacity:1;transform:none;color:#fff;text-shadow:0 2px 0 #18251c55}.lab-stage.is-transformed .lab-dish{background:radial-gradient(circle at 36% 32%,var(--lab-highlight,#f3c4db),var(--lab-accent) 70%)}.lab-ripple{position:absolute;inset:24%;border-radius:50%;border:2px solid #fff;opacity:0}.lab-stage.is-transforming .lab-ripple{animation:lab-ripple .6s ease-out}.lab-plate-zone>.lab-spoon{left:50%;top:48%;transform:translate(-10%,-50%) rotate(-22deg);opacity:0}.lab-stage.is-transforming .lab-plate-zone>.lab-spoon{opacity:1;animation:lab-sprinkle .72s var(--motion-ease,cubic-bezier(.22,1,.36,1)) both}.lab-powder{position:absolute;inset:28%;pointer-events:none;opacity:0}.lab-powder i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lab-accent);box-shadow:0 0 9px #fff}.lab-powder i:nth-child(1){left:13%;top:9%}.lab-powder i:nth-child(2){left:31%;top:0}.lab-powder i:nth-child(3){left:51%;top:15%}.lab-powder i:nth-child(4){left:68%;top:4%}.lab-powder i:nth-child(5){left:77%;top:27%}.lab-powder i:nth-child(6){left:44%;top:26%}.lab-stage.is-transforming .lab-powder{opacity:1;animation:lab-powder .7s ease-out both}.lab-live{position:absolute;z-index:6;bottom:21px;left:50%;transform:translateX(-50%);width:min(90%,530px);background:#fff9ecdc;border:1px solid #18251c;padding:10px 15px;text-align:center;font:11px var(--mono);font-weight:700}.lab-controls{max-width:960px;margin:30px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:11px}.lab-controls .button{box-shadow:4px 4px 0 #e6c965}.lab-secondary{border:2px solid #18251c;background:transparent;padding:12px 15px;font-size:12px;font-weight:800;cursor:pointer}.lab-secondary:disabled{opacity:.4;cursor:not-allowed}.lab-reveal{max-width:1000px;margin:55px auto 0;padding:20px;border:2px solid #18251c;background:#fffdf8;box-shadow:8px 8px 0 #245637;display:grid;grid-template-columns:280px 1fr;gap:34px}.lab-reveal__image{min-height:300px;display:grid;place-items:center;background:var(--lab-accent)}.lab-reveal__image img{max-height:270px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(7px 10px 0 #18251c25)}.lab-reveal h3,.lab-compare h3,.lab-mix h3{font:400 clamp(34px,5vw,58px)/.9 var(--display);letter-spacing:-2px;margin:0}.lab-reveal__dish{font-size:20px;font-weight:800;margin:12px 0}.lab-reveal dl{display:flex;gap:22px;flex-wrap:wrap;margin:21px 0}.lab-reveal dt{font:10px var(--mono);text-transform:uppercase}.lab-reveal dd{font-weight:800;margin:2px 0}.lab-reveal__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lab-reveal__actions .button{box-shadow:3px 3px 0 #e6c965}.lab-compare{max-width:1000px;margin:55px auto 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.lab-before-after{height:330px;position:relative;border:2px solid #18251c;overflow:hidden;background:#f0dfbc}.lab-before-after__after,.lab-before-after__before{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:400 34px/.95 var(--display);letter-spacing:-2px}.lab-before-after__after{background:radial-gradient(circle,#f4c3d8,var(--lab-accent));color:#fff}.lab-before-after__before{width:var(--split);background:radial-gradient(circle,#f6e8c8,#d7bd83);color:#493a24;overflow:hidden;border-right:3px solid #fff}.lab-before-after__before span{width:240px}.lab-before-after input{position:absolute;z-index:3;inset:0;width:100%;opacity:0;cursor:ew-resize}.lab-before-after__handle{position:absolute;z-index:2;top:50%;left:var(--split);transform:translate(-50%,-50%);width:42px;height:42px;border:2px solid #18251c;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800}.lab-before-after small{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;display:flex;justify-content:space-between;font:10px var(--mono);color:#18251c}.lab-before-after small b{color:#fff;text-shadow:0 1px 2px #18251c}.lab-mix{max-width:1000px;margin:70px auto 0;padding:46px;background:#e7dabb;border:2px solid #18251c;display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.lab-mix__options{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.lab-mix__options button{padding:9px 10px;background:#fff9ec;border:1.5px solid #18251c;font:11px var(--mono);font-weight:700;cursor:pointer}.lab-mix__options button[aria-pressed="true"]{background:#245637;color:#fff}.lab-mix__result{grid-column:1/-1;min-height:34px;font-weight:700}.lab-mix__result .button{margin:12px 10px 0 0;box-shadow:3px 3px 0 #fff}.kitchen-lab-page .site-footer{background:#e6c965}.kitchen-lab-page .cart-drawer{color:#18251c}@keyframes lab-grain{50%{transform:translate(2%,1%)}}@keyframes lab-pack-enter{from{opacity:0;transform:translateY(38px) scale(.92)}to{opacity:1}}@keyframes lab-spoon-drift{50%{transform:translate(8px,-8px) rotate(-12deg)}}@keyframes lab-sprinkle{0%{transform:translate(-40%,-100%) rotate(-50deg)}55%{transform:translate(-10%,-50%) rotate(12deg)}100%{transform:translate(-10%,-50%) rotate(-22deg)}}@keyframes lab-powder{from{transform:translate(0,-55px) scale(.6);opacity:.9}to{transform:translate(0,13px) scale(1.3);opacity:0}}@keyframes lab-ripple{from{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.lab-opening:after,.lab-opening__pack,.lab-spoon--opening,.lab-stage.is-transforming .lab-ripple,.lab-stage.is-transforming .lab-plate-zone>.lab-spoon,.lab-stage.is-transforming .lab-powder{animation:none}.lab-opening__pack{opacity:1}.lab-stage.is-transforming .lab-plate-zone>.lab-spoon{opacity:1}}@media(max-width:780px){.lab-header{height:66px}.lab-opening{min-height:760px;display:block}.lab-opening__copy{padding:70px 24px 0}.lab-opening h1{font-size:62px}.lab-opening__scene{min-height:400px}.lab-opening__plate{width:84vw;top:52%}.lab-opening__pack{max-height:250px}.lab-opening__pack--0{left:3%;top:1%}.lab-opening__pack--1{right:1%;top:8%}.lab-opening__pack--2{left:35%;bottom:-2%}.lab-stage{padding:67px 16px}.lab-kitchen{min-height:650px}.lab-products{inset:15px 8px auto;grid-template-columns:repeat(3,1fr);gap:7px}.lab-product img{height:118px}.lab-product span{font-size:9px}.lab-plate-zone{width:98%;top:61%}.lab-plate{width:78%}.lab-live{bottom:12px}.lab-controls{justify-content:stretch}.lab-controls>*{flex:1}.lab-reveal,.lab-compare,.lab-mix{grid-template-columns:1fr}.lab-reveal{padding:15px;gap:18px}.lab-reveal__image{min-height:220px}.lab-reveal__image img{max-height:200px}.lab-compare{gap:22px}.lab-before-after{height:270px}.lab-mix{padding:28px 20px}.lab-opening__hint{display:none}}