.brand::after{content:none!important}.brand{padding-right:27px}.crumb-mark{position:absolute;right:-5px;top:-3px;width:31px;height:45px;background-image:url('/assets/brand-reference.jpeg');background-repeat:no-repeat;background-size:264px 327.2px;background-position:-151px -25px;mix-blend-mode:multiply}.brand .crumb-mark{font-size:0}.oven-icon{display:inline-block;width:58px;height:58px;background-image:url('/assets/cartoon-moments.png');background-size:300% 200%;background-position:100% 0;vertical-align:middle;border-radius:10px}.hedgehog-heading{margin-top:55px}.hedgehog-toggle{width:100%;margin-top:12px}.packed-box{text-align:center;max-width:700px;margin:35px auto 0}.packed-box h2{font-size:30px;margin-bottom:8px}.packed-box p{font-size:14px;color:var(--muted)}.box-illustration{position:relative;width:min(100%,540px);aspect-ratio:1;margin:auto}.cartoon-frame{position:absolute;inset:0;background-image:url('/assets/cartoon-moments.png');background-size:300% 200%;background-repeat:no-repeat}.open-box{background-position:0 100%}.packed-cookies{position:absolute;left:25%;right:23%;top:50%;bottom:29%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;align-items:center;transform:perspective(600px) rotateX(15deg)}.packed-cookies.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.packed-cookies.count-12{grid-template-columns:repeat(4,minmax(0,1fr))}.packed-cookie{position:relative;min-width:0;height:100%;display:grid;place-items:center}.packed-cookie .cookie-art{width:100%;height:100%;max-width:100%;min-width:0;aspect-ratio:1;overflow:hidden}.packed-cookie .side-piece,.packed-cookie .side-centre,.packed-cookie .side-drip{animation:none}.packed-cookie span{position:absolute;right:0;bottom:0;font-size:9px;background:#fff3e6b0;border-radius:50%;width:13px;height:13px}.packed-empty{border:1px dashed #c48b5370;color:#9b714d;font-size:11px;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;margin:auto}.oven-popup{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;background:#2b1f1655;backdrop-filter:blur(3px);animation:popup-in .2s ease}.oven-card{position:relative;background:#fff3e6;border-radius:24px;width:min(90vw,390px);padding:18px 25px 25px;text-align:center;box-shadow:0 25px 80px #2b1f1633}.oven-card h2{font-size:25px;margin-bottom:8px}.oven-card p{margin:0;color:var(--muted)}.oven-dismiss{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;z-index:3;color:var(--ink)}.oven-sequence{height:260px;position:relative}.oven-first{background-position:0 0;animation:frame-one 2.6s steps(1) both}.oven-second{background-position:50% 0;animation:frame-two 2.6s steps(1) both}.oven-third{background-position:100% 0;animation:frame-three 2.6s steps(1) both}.order-preview{text-align:center;padding:60px 6%;max-width:850px;margin:auto}.order-preview h1{font-size:48px}.order-preview h2{font-size:34px}.order-preview p{color:var(--muted);max-width:570px;margin:0 auto 28px}.order-preview .text-link{display:block;width:max-content;margin:28px auto}.box-flight{position:relative;width:min(100%,440px);aspect-ratio:1;margin:auto;overflow:hidden}.flight-open{background-position:0 100%;animation:frame-one 3.6s steps(1) both}.flight-closed{background-position:50% 100%;animation:frame-two 3.6s steps(1) both}.flight-wings{background-position:100% 100%;animation:wing-frame 3.6s steps(1) both,whoosh 3.6s ease-in both}@keyframes frame-one{0%{opacity:1}28%,100%{opacity:0}}@keyframes frame-two{0%{opacity:0}28%{opacity:1}60%,100%{opacity:0}}@keyframes frame-three{0%{opacity:0}60%,100%{opacity:1}}@keyframes wing-frame{0%,59%{opacity:0}60%,100%{opacity:1}}@keyframes whoosh{0%,65%{transform:translate(0,0) rotate(0)}78%{transform:translate(-12px,8px) rotate(-5deg)}100%{transform:translate(420px,-230px) rotate(12deg)}}@keyframes popup-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.oven-first,.oven-second,.flight-open,.flight-closed{display:none}.oven-third,.flight-wings{animation:none!important;opacity:1;transform:none}.oven-popup{animation:none}.side-piece,.side-drip,.side-centre{animation:none}}@media(max-width:580px){.packed-box{margin-top:20px}.packed-box h2{font-size:26px}.order-preview h1{font-size:36px}.oven-sequence{height:230px}}
/* Whole-cookie presentation: only the filling step reveals the side cutaway. */
.crumb-mark{background:url('/assets/crumb-mark.svg') center/contain no-repeat;mix-blend-mode:normal}
.whole-cookie{background:none;border:0;border-radius:0;overflow:visible;aspect-ratio:1;filter:drop-shadow(0 8px 9px #2b1f1625)}
.whole-dough{position:absolute;inset:0;background:url('/assets/whole-cookies-v6.png') var(--whole-position) center/400% 100% no-repeat}
.cookie-stage .whole-cookie{width:min(62%,300px);height:auto;max-width:none;aspect-ratio:1;animation:cookie-overhead .6s ease both}
.cookie-stage .side-cookie{width:min(70%,390px);height:auto;max-width:none;aspect-ratio:1;transform:scaleY(.65);animation:cookie-side .7s ease both}
@keyframes cookie-overhead{from{opacity:.2;transform:rotateX(45deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes cookie-side{from{opacity:.2;transform:scaleY(.9)}to{opacity:1;transform:scaleY(.65)}}
.hero-image{display:grid;place-items:center;background:#e8d9c0;overflow:hidden}
.hero-image .hero-cookie{width:90%;height:auto;max-width:90%;aspect-ratio:1;transform:rotate(-12deg)}
.oven-icon{width:42px;height:42px;border-radius:0;flex:none;background-position:100% 0;mix-blend-mode:multiply;transition:transform .2s}
a:hover .oven-icon,a:focus-visible .oven-icon,.oven-icon:hover{background-position:0 0;transform:rotate(-4deg)}
.nav-cta{display:inline-flex;align-items:center;gap:8px}.button .oven-icon{mix-blend-mode:normal;border-radius:8px;width:36px;height:36px}
.box-illustration{aspect-ratio:auto;padding:0 22px 25px;background:#c48b53;border:2px solid #aa7443;border-radius:12px;box-shadow:0 15px 24px #2b1f161a;max-width:540px;overflow:hidden}
.box-lid{padding:25px 15px 20px;background:#fff3e6;border:1px solid #d4bfa4;border-radius:7px 7px 0 0;margin:0 -10px 16px;color:#2b1f16}
.box-lid strong{font:500 38px/.85 'Fredoka',sans-serif;letter-spacing:-1px;display:block}.box-lid small{display:block;font-size:8px;letter-spacing:.2em;margin-top:16px;color:#99602e}
.box-tray{display:none}.packed-cookies{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#e8d9c0;border:5px solid #fff3e6;box-shadow:inset 0 4px 15px #2b1f1633;transform:none;border-radius:5px}
.packed-cookie{height:auto;aspect-ratio:1;background:none;border:0}.packed-cookie .cookie-art{width:100%;height:auto;aspect-ratio:1;overflow:visible;border:0;border-radius:0;background:none;filter:drop-shadow(2px 5px 3px #2b1f1640)}
.packed-empty{width:70%;height:auto;aspect-ratio:1;background:none}.packed-cookie span{display:none}
@media(max-width:580px){.cookie-stage .whole-cookie{width:68%}.cookie-stage .side-cookie{width:78%}.nav-cta{gap:4px}.nav-cta .oven-icon{width:31px;height:31px}.box-illustration{padding:0 12px 16px}.packed-cookies{gap:4px;padding:6px}}
@media(prefers-reduced-motion:reduce){.cookie-stage .whole-cookie,.cookie-stage .side-cookie{animation:none}}
.whole-dough{background-size:400% auto}.hedgehog-crunch{position:absolute;inset:8%;background:url("/assets/hedgehog-v6.png") center/contain no-repeat;z-index:3}.product-visual>.micro{font-size:0}.product-visual>.micro:after{content:"Your whole cookie";font-size:12px}
.cookie-stage .whole-cookie{width:min(62%,225px)}@media(max-width:580px){.cookie-stage .whole-cookie{width:min(65%,225px)}}
.cookie-stage .side-cookie{width:min(65%,300px)}
.whole-dough{inset:-12% 0;background-size:400% 100%}
/* Transparent photographic cutaways, shown only for a chosen filling. */
.cookie-stage .filling-cutaway{width:min(68%,360px);height:auto;max-width:none;aspect-ratio:1;background:none;border:0;border-radius:0;filter:none;overflow:visible;transform:none;animation:cutaway-reveal .6s ease both}
.cutaway-half,.cutaway-drip{position:absolute;inset:0;background-image:var(--cutaway-image);background-size:200% 200%;background-position:var(--cutaway-x) var(--cutaway-y);background-repeat:no-repeat;pointer-events:none}
.cutaway-left{clip-path:inset(0 50% 0 0);animation:cutaway-left .9s ease both}.cutaway-right{clip-path:inset(0 0 0 50%);animation:cutaway-right .9s ease both}
.cutaway-drip{clip-path:inset(51% 46% 35% 46%);transform-origin:50% 51%;animation:cutaway-drip 3s ease-in-out 1s infinite}
@keyframes cutaway-reveal{from{opacity:0}to{opacity:1}}@keyframes cutaway-left{from{transform:translateX(1.5%)}to{transform:translateX(-1%)}}@keyframes cutaway-right{from{transform:translateX(-1.5%)}to{transform:translateX(1%)}}@keyframes cutaway-drip{0%,100%{transform:scaleY(1)}60%{transform:scaleY(1.12)}}
@media(max-width:580px){.cookie-stage .filling-cutaway{width:72%}}
@media(prefers-reduced-motion:reduce){.filling-cutaway,.cutaway-half,.cutaway-drip{animation:none!important}}
.cookie-stage .filling-cutaway{aspect-ratio:1.6}
.filling-cutaway[data-dough="mixed"] .cutaway-half:after{content:"";position:absolute;inset:0;background:inherit;filter:brightness(.62) saturate(.8);mask-image:linear-gradient(110deg,transparent 10%,#000 22% 34%,transparent 46% 60%,#000 72% 84%,transparent 94%)}
/* Packaging-inspired full business name and warm caramel hero. */
.hero-image{background:#C48B53}
.brand-the{display:block;font-family:'Fredoka',sans-serif;font-size:13px!important;font-weight:500;font-style:normal;letter-spacing:.02em!important;line-height:1;margin-bottom:3px}
.brand .crumb-mark{top:12px}.box-lid .brand-the{font-size:17px!important;margin-bottom:4px}.box-lid strong{position:relative}.box-lid strong:after{content:"";display:inline-block;width:28px;height:40px;position:absolute;top:18px;margin-left:8px;background:url('/assets/crumb-mark.svg') center/contain no-repeat}
.flight-open:after,.flight-closed:after,.flight-wings:after{content:"the";font:500 13px 'Fredoka',sans-serif;color:#2b1f16;position:absolute;left:47%;top:10%}.flight-closed:after{top:27%}.flight-wings:after{top:30%}
.filling-cutaway[data-filling="biscoff"] .cutaway-left,.filling-cutaway[data-filling="pistachio"] .cutaway-left{animation:closed-left .9s ease both}
.filling-cutaway[data-filling="biscoff"] .cutaway-right,.filling-cutaway[data-filling="pistachio"] .cutaway-right{animation:closed-right .9s ease both}
@keyframes closed-left{from{transform:translateX(2%)}to{transform:translateX(.7%)}}@keyframes closed-right{from{transform:translateX(-2%)}to{transform:translateX(-.7%)}}
@media(prefers-reduced-motion:reduce){.filling-cutaway[data-filling="biscoff"] .cutaway-left,.filling-cutaway[data-filling="pistachio"] .cutaway-left{transform:translateX(.7%)}.filling-cutaway[data-filling="biscoff"] .cutaway-right,.filling-cutaway[data-filling="pistachio"] .cutaway-right{transform:translateX(-.7%)}}
.hedgehog-crunch{background-image:url("/assets/hedgehog-v8.png")}
/* Each whole cookie is its own image: no sprite crop or neighbouring pixels. */
.whole-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.whole-cookie .topping-layer{inset:13%}.whole-cookie .hedgehog-crunch{inset:18%}
.cookie-stage{display:grid;grid-template-rows:32px minmax(0,1fr) 24px;justify-items:center;align-items:center;height:360px;margin-top:16px;padding:8px 0;box-sizing:border-box;row-gap:10px}
.cookie-stage .stage-caption{position:static;grid-row:1;grid-column:1;align-self:center;margin:0;z-index:2}.cookie-stage .stage-caption .eyebrow{margin:0}
.cookie-stage .whole-cookie{grid-row:2;grid-column:1;width:min(66%,280px);height:100%;max-height:260px;max-width:none;aspect-ratio:1;animation:none}
.cookie-stage .filling-cutaway{grid-row:2;grid-column:1;max-height:100%}
.cookie-stage .visual-note{position:static;grid-row:3;grid-column:1;align-self:center;margin:0;z-index:2}
.marquee{background:#E8D9C0;align-items:center}.marquee .marquee-oven{width:30px;height:30px;min-width:30px;display:inline-block;background-position:100% 0;mix-blend-mode:multiply}
@media(max-width:580px){.cookie-stage{height:340px;margin-top:12px;grid-template-rows:28px minmax(0,1fr) 24px;row-gap:12px}.cookie-stage .whole-cookie{width:min(70%,250px);max-height:240px}.marquee{gap:10px;padding:12px 4%}.marquee .marquee-oven{width:23px;height:23px;min-width:23px}.marquee .marquee-oven:last-of-type{display:none}}
.cookie-stage{grid-template-columns:minmax(0,1fr)}

.hero-image{position:relative;background:#e8d9c0;min-height:540px}.hero-image .image-label{display:none}.cozy-scene{position:relative;width:100%;height:100%;min-height:540px;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#ffe0aa,#e8d9c0 72%)}.cozy-glow{position:absolute;width:70%;height:60%;left:15%;top:20%;border-radius:50%;background:#e7b24c;filter:blur(55px);opacity:.2;animation:warmth 8s infinite}.cozy-oven{position:absolute;width:88%;aspect-ratio:1;left:6%;top:0;background-image:url('/assets/cartoon-moments.png');background-size:300% 200%;mix-blend-mode:multiply}.cozy-open{background-position:0 0}.cozy-closed{background-position:100% 0;animation:door-reveal 8s infinite}.cozy-cookie{position:absolute;left:28%;top:38%;width:44%;aspect-ratio:1;animation:cookie-slide 8s infinite;filter:drop-shadow(0 15px 12px #2b1f1640)}.cozy-cookie img{width:100%;height:100%;object-fit:contain}.cozy-cookie i{position:absolute;left:40%;top:0;width:10px;height:48px;border-left:3px solid #fff3e6;border-radius:50%;animation:steam 2s infinite}.cozy-cookie i:nth-of-type(2){left:52%;animation-delay:.6s}.cozy-cookie i:nth-of-type(3){left:64%;animation-delay:1.2s}.cozy-caption{position:absolute;bottom:56px;width:100%;text-align:center;font:500 23px 'Fredoka',sans-serif;color:#71553e}.cozy-toggle{position:absolute;right:18px;bottom:15px;border:1px solid #c48b53;background:#fff3e6b0;border-radius:20px;padding:8px 14px;color:#2b1f16;font-size:11px}.cozy-spark{position:absolute;font-size:28px;color:#c48b53;z-index:3;animation:warmth 8s infinite}.s1{left:14%;top:19%}.s2{right:15%;top:30%}.paused *{animation-play-state:paused!important}@keyframes door-reveal{0%,18%{opacity:1}28%,85%{opacity:0}95%,100%{opacity:1}}@keyframes cookie-slide{0%,22%{opacity:0;transform:translateY(-18%) scale(.22) rotate(-9deg)}32%{opacity:1}55%,78%{opacity:1;transform:translateY(30%) scale(1.12) rotate(5deg)}90%,100%{opacity:0;transform:translateY(40%) scale(1.15)}}@keyframes warmth{0%,100%{opacity:.2}45%,75%{opacity:.55}}@keyframes steam{0%{opacity:0;transform:translateY(0) scale(.7)}40%{opacity:.6}100%{opacity:0;transform:translateY(-40px) scale(1.2)}}@media(max-width:580px){.hero-image,.cozy-scene{height:430px;min-height:430px}.cozy-oven{top:0}.cozy-cookie{top:33%}.cozy-caption{font-size:20px;bottom:53px}}@media(prefers-reduced-motion:reduce){.cozy-closed{opacity:0}.cozy-cookie{opacity:1;transform:translateY(30%)}.cozy-cookie i{display:none}.cozy-toggle{display:none}}
.cozy-open{animation:oven-open-state 8s steps(1) infinite}.cozy-closed{animation:oven-closed-state 8s steps(1) infinite}@keyframes oven-open-state{0%{opacity:0}23%{opacity:1}91%,100%{opacity:0}}@keyframes oven-closed-state{0%{opacity:1}23%{opacity:0}91%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.cozy-open{animation:none!important;opacity:1}.cozy-closed{animation:none!important;opacity:0}}
.cozy-caption{display:none}

/* Feather the illustration background into the warm scene without a frame. */
.cozy-oven{mask-image:linear-gradient(to right,transparent,#000 13%,#000 89%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);mask-composite:intersect}.hero-image,.cozy-scene{border:0;box-shadow:none}
.cozy-cookie .cozy-kind{position:absolute;inset:0;animation:cookie-kind 32s steps(1) infinite}.cozy-kind:nth-child(2){animation-delay:-24s}.cozy-kind:nth-child(3){animation-delay:-16s}.cozy-kind:nth-child(4){animation-delay:-8s}@keyframes cookie-kind{0%{opacity:1}25%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.cozy-cookie .cozy-kind{animation:none;opacity:0}.cozy-cookie .cozy-kind:first-child{opacity:1}}
/* Keep the wordmark as real type, attached to each moving lid. */
.box-flight{container-type:inline-size}
.box-flight .cartoon-frame{background-image:url('/assets/box-flight-blank.png')}
.flight-open:after,.flight-closed:after,.flight-wings:after{content:none!important}
.flight-logo{position:absolute;left:32%;top:12%;width:38%;display:flex;flex-direction:column;align-items:center;font-family:'Fredoka',sans-serif;font-size:7.7cqw;font-weight:500;line-height:.86;letter-spacing:-.35cqw;color:#2b1f16;text-align:center;white-space:nowrap}
.flight-logo small{font-family:inherit;font-size:2.6cqw;line-height:1.2;letter-spacing:.1cqw;margin-bottom:.8cqw}
.flight-logo .crumb-mark{width:6cqw;height:8cqw;right:-2cqw;top:3cqw;background-size:51.1cqw 63.3cqw;background-position:-29.2cqw -4.84cqw;mix-blend-mode:multiply}
.flight-closed .flight-logo{left:32%;top:27%;transform:scaleY(.72)}
.flight-wings .flight-logo{left:30%;top:30%;transform:rotate(6deg) skewX(-10deg) scale(.87,.67)}
.box-flight .flight-open,.box-flight .flight-closed{animation-duration:5s}
.box-flight .flight-wings{animation-duration:5s,5s}
@media(prefers-reduced-motion:reduce){.box-flight .flight-wings{transform:none;opacity:1}}

.shopify-cookie-photo{display:block;width:100%;height:100%;object-fit:contain}.product-visual>.shopify-cookie-photo{max-height:550px}.flavour-art>.shopify-cookie-photo{object-fit:contain}.product-info>p{white-space:pre-line}