.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:7px 4.8%;background:#edb655;color:#160d09;font-size:.75rem}.demo-banner b{text-transform:uppercase;letter-spacing:.12em}.selection-preview{margin:25px 0 0;padding:20px;border:1px solid var(--line);border-radius:8px;background:#160d09}.selection-title{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.875rem;margin-bottom:16px}.selection-title span{font-size:.75rem;color:var(--muted)}.selection-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.selection-slot{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:.94;background:transparent;border:1px dashed #a68657;border-radius:6px;padding:7px;overflow:hidden}.slot-plus{font-size:1.8rem;line-height:1;color:var(--gold);margin-bottom:9px}.slot-label{font-size:.75rem;line-height:1.3;position:relative;z-index:1;text-align:center}.slot-photo{width:100%;aspect-ratio:1;background-image:url('assets/after-dark-cookies.webp');background-size:300% 200%;border-radius:5px}.selection-slot.filled{border-style:solid;justify-content:flex-start;animation:slot-in .3s ease}.selection-slot.filled .slot-label{margin-top:4px}.selection-slot:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.demo-receipt{padding:24px;margin:15px 0;border:1px solid var(--gold);border-radius:6px;background:#edb65515}.demo-receipt h3{font:700 2rem/1.15 var(--serif);margin-bottom:12px}.demo-receipt p{font-size:1rem;line-height:1.6}.cart-footer>.button{font-size:.9375rem}.hero h1 em{color:inherit}.hero-motion{color:var(--paper)}@keyframes slot-in{from{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media(max-width:580px){.demo-banner{padding:7px 6%;font-size:.75rem;align-items:flex-start}.demo-banner b{max-width:42%;letter-spacing:.04em}.demo-banner>span{text-align:right;max-width:55%}.selection-preview{padding:16px}.selection-slots{gap:8px}.slot-label{font-size:.75rem}.selection-slot{aspect-ratio:.84}.selection-slot.filled{aspect-ratio:auto;min-height:120px}.slot-photo{max-height:105px}.hero h1{white-space:normal}.hero h1 em{font-style:normal}}

:root{--paper:#fff1d4;--cream:#f9ecd2;--brown:#120b07;--muted:#c9b79f;--gold:#ecc06b;--line:#604629}.demo-banner{background:#291c12;color:#e9c68c;border-bottom:1px solid #654728}.site-header{background:#120b07f5}.unbox-hero{display:block;min-height:0;overflow:hidden;background:#120b07;text-align:center;padding-bottom:35px}.unbox-hero .hero-copy{width:100%;padding:35px 6% 16px}.unbox-hero .eyebrow{margin:0 0 17px;letter-spacing:.28em;color:#ecc06b}.unbox-hero h1{font-size:clamp(65px,8.8vw,130px);line-height:1.05;letter-spacing:-.02em;margin-bottom:15px}.unbox-hero .hero-description{font:1.45rem/1.6 Georgia,serif;max-width:none;letter-spacing:0;color:#f1dfbe}.unbox-stage{position:relative;max-width:1150px;margin:0 auto;isolation:isolate;overflow:hidden}.unbox-stage>img{width:100%;height:auto;display:block;transform:scale(.92) translateY(20px);filter:brightness(.35);transition:transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.4s}.unbox-stage.opened>img{transform:scale(1) translateY(0);filter:brightness(1)}.unbox-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#120b0700,#120b0755 30%,#120b09b0 60%,#120b0900);opacity:1;transition:opacity 1.2s;pointer-events:none}.unbox-stage.opened .unbox-veil{opacity:0}.unbox-trigger{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);z-index:3;white-space:nowrap;font-family:Georgia,serif;transition:top 1s,background .25s,padding .25s,font-size .25s}.unbox-trigger:hover:not(:disabled){transform:translate(-50%,-50%)}.unbox-stage.opened .unbox-trigger{top:93%;padding:10px 20px;min-height:42px;font-size:.875rem}.unbox-steps{position:absolute;right:25px;top:25%;z-index:2;display:grid;gap:28px;text-align:left}.unbox-steps a{display:flex;flex-direction:column;gap:4px;border-left:1px solid #ecc06b80;padding-left:14px;font-size:.75rem;color:#d7bc93}.unbox-steps b{font-size:.75rem;font-weight:400;letter-spacing:.14em}.unbox-steps .active{border-left:3px solid #ecc06b;color:#ecc06b}.unbox-after{margin-top:18px}.unbox-after .button{font-family:Georgia,serif;font-size:1.1rem;border-radius:40px}.unbox-hero .hero-motion{bottom:14px}.marquee{padding:12px 0;background:#20150e;color:#ddbe8a;border-top:1px solid #604629;border-bottom:1px solid #604629}.marquee-track>span{font-size:.75rem}.quick-packs{background:#f9ecd2;color:#26170d;padding-block:28px}.quick-packs h2{font-size:2rem}.quick-pack-buttons button{font-family:Georgia,serif;border-color:#b18955;border-radius:9px}.quick-pack-buttons button.active{background:#24170e;color:#f9ecd2;box-shadow:0 0 0 2px #cf9e50}.build{background:#f9ecd2;color:#2d1b10;gap:6%;padding-top:66px}.build h2{font-size:clamp(44px,5.5vw,79px);line-height:1}.build em,.build .eyebrow{color:#805625}.build-intro>p:not(.eyebrow){color:#6b4b32;font-family:Georgia,serif;font-size:1.1rem}.pack{border-color:#a98150;background:#fff5df;color:#3c2718;border-radius:9px}.pack.active{background:#25190f;color:#fff1d4;border:2px solid #d19d49;box-shadow:0 0 0 2px #cf9e5060}.pack span{font-family:Georgia,serif}.selection-preview{background:#2c1c10;color:#fff1d4;border:3px solid #906c3e;border-radius:6px;box-shadow:0 10px 23px #59340b26;padding:17px}.selection-title span{color:#dfbd86}.selection-slots{gap:8px}.selection-slot{background:#f4e1bd;border-color:#bfa17c;color:#644726;border-radius:2px}.selection-slot.filled{background:#160d09;border-color:#bb9b64;color:#fff1d4}.slot-plus{color:#886139}.slot-photo{border-radius:0}.slot-label{font-family:Georgia,serif}.box-builder{background:#fff6e5;color:#3c2718;border:1px solid #bb945c;box-shadow:0 8px 30px #744a0b15;border-radius:5px}.builder-heading h3{font-family:Georgia,serif;font-size:1.45rem;font-weight:400}.builder-heading>span{color:#805522}.box-progress span{background:#d4bea0}.box-progress span.filled{background:#a97d36}.flavor-row{border-color:#d9c3a1}.stepper button{border-color:#b18e5a}.stepper button:hover:not(:disabled){background:#3c2718;color:#fff1d4}.builder-bottom p{color:#795a39}.builder-bottom .button{background:linear-gradient(#efc77e,#dba449);color:#2c1b0b;border-radius:40px}.menu{background:#160e09}.menu .section-heading h2{font-size:clamp(44px,5vw,70px)}.cookie-photo{mask-image:radial-gradient(ellipse 54% 54% at center,#000 67%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 54% 54% at center,#000 67%,transparent 100%)}.cookie-info h3{font-family:Georgia,serif;font-size:1.2rem;font-weight:400}.cookie-info p{font-size:1rem}.drop{background:#bd8645;color:#160d09}.about{background:#21150d}.about-copy p:not(.eyebrow){font-family:Georgia,serif}.launch{background:radial-gradient(ellipse at bottom,#472e15,#120b07 70%)}.launch .button{border-radius:40px;font-family:Georgia,serif}.demo-receipt{background:#ecc06b15}.cart-dialog{background:#21150d}html.motion-paused .unbox-stage>img{transition:none!important}
@media(max-width:1100px){.unbox-stage{max-width:95%}.unbox-steps{right:12px;gap:18px}.unbox-steps a{padding-left:8px}.unbox-hero h1{font-size:9vw}.unbox-hero .hero-copy{padding-top:30px}.quick-packs h2{font-size:1.8rem}}
@media(max-width:800px){.unbox-hero h1{font-size:9vw}.unbox-hero .hero-description{font-size:1.25rem}.unbox-steps{display:none}.unbox-stage{max-width:100%}.unbox-stage.opened .unbox-trigger{top:90%;font-size:.8125rem}.build h2{font-size:3.5rem}}
@media(max-width:580px){.unbox-hero{min-height:0;padding-bottom:55px;display:block}.unbox-hero .hero-copy{padding:29px 6% 16px;width:100%}.unbox-hero .eyebrow{letter-spacing:.15em;font-size:.75rem;margin-bottom:17px}.unbox-hero h1{font-size:clamp(43px,12vw,64px);line-height:1.03;max-width:450px;margin-inline:auto}.unbox-hero .hero-description{font-size:1.15rem;margin-top:10px}.unbox-stage{max-width:100%;min-height:285px;display:flex;align-items:center}.unbox-stage>img{width:100%;min-height:285px;object-fit:contain;transform:scale(.94) translateY(8px)}.unbox-stage.opened>img{transform:scale(1) translateY(0)}.unbox-trigger{font-size:.875rem;padding:13px 19px;min-height:47px;top:57%}.unbox-stage.opened .unbox-trigger{top:91%;min-height:34px;padding:7px 14px;font-size:.75rem}.unbox-after{margin-top:21px}.unbox-after .button{font-size:1rem;padding:13px 23px;min-height:50px}.unbox-hero .hero-motion{bottom:10px;font-size:.75rem;padding:7px 11px}.quick-packs{padding-block:24px}.quick-packs h2{font-size:1.8rem}.build{padding-top:48px}.build h2{font-size:3.15rem}.builder-heading h3{font-size:1.35rem}.selection-preview{padding:14px}.selection-slots{gap:7px}.selection-slot.filled{min-height:118px}.menu .section-heading h2{font-size:2.55rem}.cookie-info h3{font-size:1.15rem}}