:root{--rose:#b97789;--plum:#4c2642;--cream:#fcf6ef;--teal:#267b7b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--plum);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid #e6d5cf}.brand{font:italic 25px Georgia,serif}.brand small{display:block;font:9px Arial;letter-spacing:3px;margin-top:8px}nav{display:flex;gap:25px;font-size:12px}.welcome{text-align:center;padding:60px 20px 35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#876245;font-weight:bold}h1{font:clamp(38px,5vw,68px)/1.1 Georgia,serif;margin:22px 0}em{color:var(--rose);font-weight:normal}.welcome>p:last-child{font-size:14px;line-height:1.8}.kitchen{height:460px;max-width:950px;margin:0 auto;position:relative;overflow:hidden;background:#eee3da;border:1px solid #e0c8bf;border-radius:130px 130px 10px 10px;box-shadow:0 20px 60px #61293d12}.tiles{position:absolute;inset:0 0 38%;background-color:#f3e7de;background-image:linear-gradient(#cfbfb64d 1px,transparent 1px),linear-gradient(90deg,#cfbfb64d 1px,transparent 1px);background-size:85px 43px}.shelf{position:absolute;z-index:2;top:80px;left:12%;right:12%;height:85px;border-bottom:10px solid #b59274;display:flex;align-items:end;gap:20px;padding:0 12px;box-shadow:0 12px 12px -12px #4c2642}.jar{display:flex;align-items:center;justify-content:center;width:57px;height:66px;border:3px solid #dfc2ae;border-top:9px solid #bfa285;border-radius:6px;background:#fff7e8c9;font-size:8px;letter-spacing:1px;color:#8c6a58}.flour{height:76px}.vase{color:#9d5475;background:linear-gradient(transparent 45%,#3e8583 45%);height:90px;width:43px;text-align:center;font-size:60px;line-height:.7;border-radius:0 0 10px 10px}.shelf-note{margin-left:auto;font:italic 22px Georgia;padding-bottom:15px;color:#9b6d6b}.counter{position:absolute;top:220px;left:0;right:0;height:24px;background:linear-gradient(#ddc4ac,#c3a389);border-bottom:6px solid #a98568;z-index:2}.bowl{position:absolute;bottom:18px;left:8%;width:94px;height:47px;background:#ce9aaa;border-radius:7px 7px 60px 60px;box-shadow:inset 0 6px #edc8d2}.rolling-pin{position:absolute;bottom:20px;right:9%;width:100px;height:22px;background:#b89574;border-radius:12px;transform:rotate(-8deg)}.cabinet{position:absolute;top:245px;bottom:0;width:27%;background:#d5a9b6;border:10px solid #c795a5;box-shadow:inset 0 0 0 2px #b57f90}.cabinet:after{content:'';position:absolute;top:25px;width:8px;height:35px;background:#b98b48;border-radius:8px}.left{left:0}.right{right:0}.left:after{right:20px}.right:after{left:20px}.oven{position:absolute;left:29%;right:29%;top:197px;height:246px;border:0;background:#f7eae1;border-radius:8px;z-index:4;color:var(--plum);cursor:pointer;perspective:800px;box-shadow:0 10px 22px #4c26422b;padding:0}.controls{display:flex;align-items:center;justify-content:space-around;padding:10px;height:42px;background:#ecddd1;border-radius:8px 8px 0 0}.controls i{height:20px;width:20px;border-radius:50%;background:linear-gradient(140deg,#e5cb9d,#b68a52);border:2px solid #dabd8e}.controls>span{font-size:8px;letter-spacing:1px}.door{position:absolute;inset:48px 12px 34px;background:linear-gradient(135deg,#ead2c3,#fdf6ec);border:2px solid #d2b5a3;border-radius:7px;transform-origin:center bottom;transition:transform .8s ease;backface-visibility:hidden;z-index:2}.handle{position:absolute;top:10px;left:12%;right:12%;height:9px;background:linear-gradient(#d7b478,#a4793f);border-radius:10px;box-shadow:0 3px 3px #76593d40}.glass{position:absolute;inset:32px 16px 16px;background:linear-gradient(145deg,#41333c,#271e25);border:5px solid #d1baa8;border-radius:5px;overflow:hidden}.glow{position:absolute;inset:0;background:radial-gradient(ellipse at bottom,#dca25770,transparent 75%)}.oven-interior{position:absolute;inset:56px 22px 48px;background:radial-gradient(ellipse,#e0a568,#46303a);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:12px solid #76605b}.little-cookie{color:#e3b377;text-shadow:2px 2px #845436;font-size:40px}.oven-label{position:absolute;bottom:9px;left:0;right:0;font-size:12px;font-weight:bold}.oven.open .door{transform:rotateX(-72deg)}.towel{position:absolute;right:7%;top:248px;width:45px;height:95px;background:repeating-linear-gradient(90deg,#fbf1e7 0 10px,#dbbbc5 10px 13px);z-index:3;border-radius:0 0 4px 4px}.hint{text-align:center;font:italic 15px Georgia;color:#9c737e;margin:24px 0 45px}#reveal{max-width:1100px;padding:20px 5% 45px;margin:auto;text-align:center}.reveal-heading h2,.about h2{font:40px/1.2 Georgia,serif;margin:20px 0}.reveal-heading>p:last-child{font-size:14px}.tray{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0}.cookie{background:#fffdfa;border:1px solid #e3cec7;border-radius:70px 70px 10px 10px;padding:20px 15px;animation:rise .7s both;animation-delay:calc(var(--i)*.12s)}.cookie img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}.cookie h3{font:19px/1.2 Georgia;margin:20px 0 12px}.cookie .badge{display:block;min-height:15px;font-size:8px;letter-spacing:1.5px;color:var(--teal)}.cookie a{font-size:11px;display:inline-block;margin-top:7px;border-bottom:1px solid #b97789;padding-bottom:5px}.schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 15px;border-top:1px solid #ddc6bd;border-bottom:1px solid #ddc6bd}.schedule span{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:10px;color:#9b7261}.schedule strong{font:17px Georgia}.pricing{display:flex;justify-content:center;gap:35px;padding:28px 0;font-size:12px}.pricing b{display:block;margin-top:7px;font:30px Georgia}.fine{font-size:11px;line-height:1.8;color:#876a70}.cta{display:inline-block;padding:17px 30px;background:var(--plum);color:white;border-radius:30px;font-size:13px;margin:12px 0}.replay{display:block;margin:25px auto;background:none;border:0;border-bottom:1px solid #c4a0ac;padding:7px;color:var(--plum);cursor:pointer}.about{text-align:center;background:#f0dedf;padding:50px 20px}.about p:not(.eyebrow){max-width:530px;margin:20px auto;line-height:1.9;font-size:14px}.about a{font-size:12px;color:var(--teal)}footer{padding:30px 6%;display:flex;justify-content:space-between;font-size:12px;gap:20px}footer>span:first-child{font:italic 19px Georgia}button:focus-visible,a:focus-visible{outline:3px solid #267b7b;outline-offset:6px}[hidden]{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(45px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:650px){header{padding:20px 5%}.brand{font-size:21px}nav{font-size:10px;gap:12px}nav>a:first-child{display:none}.welcome{padding:40px 15px 25px}.welcome .eyebrow{font-size:8px}.kitchen{height:380px;margin:0 12px;border-radius:70px 70px 8px 8px}.shelf{top:45px;left:9%;right:9%;gap:10px;height:80px}.shelf-note{font-size:15px}.jar{width:38px;font-size:6px;height:50px}.flour{height:60px}.vase{width:32px;font-size:46px;height:75px}.counter{top:183px}.bowl{width:60px;height:35px;left:5%}.rolling-pin{width:65px;right:5%}.cabinet{top:207px;width:20%;border-width:7px}.oven{left:22%;right:22%;top:162px;height:200px}.controls{height:34px}.controls i{width:15px;height:15px}.controls>span{font-size:6px}.door{inset:40px 9px 30px}.glass{inset:30px 12px 12px}.oven-interior{inset:45px 17px 40px;gap:3px}.little-cookie{font-size:29px}.oven-label{font-size:10px}.towel{right:4%;top:208px;width:28px;height:75px}.tray{grid-template-columns:repeat(2,1fr);gap:12px}.cookie h3{font-size:18px}.schedule{gap:8px;padding:20px 0}.schedule span{font-size:7px;letter-spacing:.7px}.schedule strong{font-size:13px}.pricing{gap:20px;font-size:10px}.pricing b{font-size:25px}.reveal-heading h2,.about h2{font-size:32px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.cookie{animation:none}.door{transition:none}}

/* The Hidden Batch: contemporary jewel-tone kitchen */
:root{--rose:#873bbd;--plum:#261735;--cream:#faf8f4;--teal:#047e86}
header{background:#fffdf9;border-color:#ded8e6}.brand{font-style:normal;color:#173f49}.brand small{color:#74469a}.welcome{background:radial-gradient(ellipse at 20% 30%,#08b7bd12,transparent 55%),radial-gradient(ellipse at 80% 40%,#ad40e512,transparent 55%)}.eyebrow{color:#75529a}
.kitchen{background:#eae9ed;border-radius:18px;border-color:#cdd3da;box-shadow:0 22px 70px #24203818,0 0 35px #14b9be10}
.tiles{background-color:#f2f0ee;background-image:linear-gradient(115deg,transparent 41%,#c4c8d238 42%,transparent 43%),linear-gradient(65deg,transparent 68%,#c1bbca30 69%,transparent 70%),linear-gradient(#ffffff99 1px,transparent 1px),linear-gradient(90deg,#ffffff99 1px,transparent 1px);background-size:230px 160px,320px 150px,150px 75px,150px 75px;box-shadow:inset 0 30px 65px #ffffff70}
.shelf{border-bottom:6px solid #29353b;box-shadow:0 12px 18px -9px #732eb369,0 7px 3px -4px #a856e5;padding-bottom:5px}
.jar{border:1px solid #95b6b975;border-top:8px solid #b89b5c;background:linear-gradient(110deg,#ffffffcc,#b2e7e055,#ffffff99);border-radius:3px;color:#1a6770;font-size:8px;letter-spacing:1.2px}.vase{position:relative;background:linear-gradient(100deg,#5c2588,#9b57bf,#692f91);height:65px;width:35px;border-radius:3px 3px 7px 7px;margin:0 15px}.vase:before{content:'';position:absolute;height:38px;width:2px;background:#4c7270;bottom:65px;left:16px;transform:rotate(14deg)}.vase:after{content:'';position:absolute;height:30px;width:16px;border-radius:100% 0 100% 0;background:#437f7b;bottom:70px;left:14px;transform:rotate(-25deg)}.shelf-note{font:600 10px Arial;letter-spacing:2px;color:#614077;padding-bottom:20px}
.counter{background:linear-gradient(110deg,#fffefd 0%,#e7e5e8 40%,#fff 43%,#ecebee 70%,#fff 100%);border-bottom:4px solid #cdc5d2;box-shadow:0 5px 12px #15122925,0 4px 0 #ab6bce80}
.bowl{background:linear-gradient(100deg,#083f48,#087f88,#1ba5ae);box-shadow:inset 0 4px #c6e6e2;border-radius:3px 3px 55px 55px}.rolling-pin{background:linear-gradient(#d1b474,#a78a48);border-radius:4px}
.cabinet{background:linear-gradient(115deg,#075862,#047f87);border:1px solid #184e57;box-shadow:inset 0 0 0 8px #ffffff04}.cabinet:after{width:45px;height:4px;top:25px;background:linear-gradient(90deg,#ad8845,#e7ce8b);border-radius:3px}.left:after{right:20px}.right:after{left:20px}
.oven{background:linear-gradient(100deg,#d2d9dc,#f5f7f8 45%,#b9c4cd);box-shadow:0 10px 22px #15223040,0 0 0 1px #9ba8b3;border-radius:6px}.controls{background:linear-gradient(100deg,#c9d1d9,#eef1f3 45%,#bbc7cf);border-radius:6px 6px 0 0;color:#32424e}.controls i{background:linear-gradient(135deg,#fbfaf6,#bca265);border-color:#bea76e}.controls>span{font-size:7px;letter-spacing:1px}.door{background:linear-gradient(110deg,#c1cbd2,#f0f2f4 40%,#adb9c2);border:1px solid #889da9;border-radius:4px}.handle{height:8px;background:linear-gradient(#dcc17e,#aa8440);border-radius:3px}.glass{background:linear-gradient(135deg,#211d2b,#080c16);border:3px solid #435060;border-radius:3px}.glow{background:radial-gradient(ellipse at bottom,#9152cc77,transparent 75%)}.oven-interior{background:radial-gradient(ellipse,#c99761,#34243f);border-bottom-color:#63646b}.oven-label{color:#17414e}.towel{background:repeating-linear-gradient(90deg,#59316e 0 10px,#e7d6b0 10px 12px);border-radius:0 0 2px 2px}.hint{color:#725080}
.cookie{border-radius:14px;border-color:#d9d0e2;box-shadow:0 7px 20px #45276509}.cookie .badge{color:#077c83}.cookie a{border-color:#a57ac5}.schedule{border-color:#d8d0e1}.schedule span{color:#75518d}.cta{background:linear-gradient(110deg,#096b76,#573178);border-radius:5px}.replay{border-color:#aaa0bd}.about{background:linear-gradient(125deg,#e8f4f2,#eee5f5)}.fine{color:#73657c}footer{background:#15141d;color:#e6e0ec}footer>span:first-child{color:#27c4c9}
@media(max-width:650px){.kitchen{border-radius:12px}.vase{height:47px;width:25px;margin:0 8px}.vase:before{bottom:47px;left:11px;height:28px}.vase:after{bottom:52px;left:10px;height:23px;width:12px}.shelf-note{font-size:7px;letter-spacing:1px;padding-bottom:15px}.jar{font-size:6px}.cabinet{border-width:1px}.cabinet:after{width:25px}.controls>span{font-size:6px}}

.cookie{animation:none}.cookie-flight-layer{position:absolute;top:0;left:0;width:100%;height:0;z-index:30;pointer-events:none}.flying-cookie{position:absolute;left:0;top:0;object-fit:cover;border-radius:50%;box-shadow:0 12px 25px #21102f40;will-change:transform,width,height;pointer-events:none}.awaiting-cookie{background:transparent;border-color:transparent;box-shadow:none}.awaiting-cookie>*{visibility:hidden}.cookie-landed{transition:background .25s,border-color .25s,box-shadow .25s}.cookie-landed h3,.cookie-landed .badge,.cookie-landed a{animation:label-arrive .35s ease both}.oven:disabled{cursor:default;opacity:1}@keyframes label-arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.cookie-landed h3,.cookie-landed .badge,.cookie-landed a{animation:none}.cookie-landed{transition:none}}

.flying-cookie{opacity:0}

.mix-builder{max-width:620px;margin:35px auto;padding:30px;text-align:left;background:#fffdfa;border:1px solid #d3c9df;border-radius:14px}.mix-builder h2{font:30px Georgia;margin:15px 0}.mix-builder>p:not(.eyebrow){font-size:12px;line-height:1.8}.mix-builder>label{display:block;margin:25px 0 10px;font-size:12px;font-weight:bold}.mix-builder select{width:100%;padding:14px;border:1px solid #c3b6d3;border-radius:5px;background:#faf8fc;color:var(--plum);font:14px Arial}.quick-mixes{display:flex;gap:12px;margin:18px 0 10px}.quick-mixes button{padding:9px 13px;background:#eee8f5;border:1px solid #d3c5df;border-radius:5px;color:var(--plum);cursor:pointer}.quick-mixes button:disabled{opacity:.45;cursor:default}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #e8e0ed}.quantity-row>span{font-size:13px;line-height:1.4}.quantity-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.quantity-controls button{width:36px;height:36px;border:1px solid #1b777c;background:#e6f4f2;border-radius:50%;font-size:22px;color:#15565b;cursor:pointer}.quantity-controls button:disabled{border-color:#ddd;background:#f3f1f1;color:#aaa;cursor:default}.quantity-controls output{min-width:20px;text-align:center;font-weight:bold}.mix-summary{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:22px 0 12px}.mix-summary span{color:#775b89}.mix-progress{height:5px;background:#eee8f4;border-radius:5px;overflow:hidden}.mix-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#078a91,#873bbd);transition:width .2s}.mix-total{display:flex;justify-content:space-between;align-items:center;margin:24px 0;font-size:13px}.mix-total strong{font:30px Georgia}.mix-builder .cta{width:100%;border:0;cursor:pointer;padding:17px;font:13px Arial}.mix-builder .cta:disabled{background:#c9c3d0;color:#fff;cursor:default}.special-note{max-width:600px;margin:25px auto 35px;padding:25px;background:#eaf3f2;border-radius:8px}.special-note h3{font:21px Georgia}.special-note p{font-size:12px;line-height:1.8}.special-note a{font-size:12px;color:var(--teal);border-bottom:1px solid #6da6a5}@media(max-width:500px){.mix-builder{padding:20px 16px}.mix-summary{flex-direction:column;gap:7px}.quantity-row>span{font-size:12px}.quantity-controls{gap:8px}}
