/* Product-led hero and shared image treatment. Shared storefront styling. */
.cookie-banner.unbox-hero{min-height:570px;display:flex;align-items:center;text-align:left;padding:0;background:#120b07;isolation:isolate;overflow:hidden}
.cookie-banner-photo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.cookie-banner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.cookie-banner-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120b07e8 0%,#120b0799 35%,#120b071a 60%,transparent 82%),linear-gradient(0deg,#120b07 0%,#120b0755 12%,transparent 34%)}
.cookie-banner.unbox-hero .hero-copy{width:min(57%,760px);padding:58px 0 66px 6%;margin:0;z-index:1}
.cookie-banner.unbox-hero .eyebrow{font:400 18px/1.5 Georgia,serif;letter-spacing:0;text-transform:none;margin:0 0 20px;color:#f0d5a6}
.cookie-banner.unbox-hero h1{font-size:clamp(66px,7.2vw,112px);line-height:.97;letter-spacing:-.04em;margin:0 0 22px;max-width:630px}
.cookie-banner.unbox-hero .hero-description{font:400 20px/1.55 Georgia,serif;letter-spacing:0;max-width:435px;margin:0;color:#fff1d4}
.cookie-banner .delivery-choices{display:flex;align-items:center;gap:12px;margin:27px 0 0;max-width:none;text-align:center}
.cookie-banner .delivery-choices a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:160px;padding:14px 22px;border:1px solid #ecc06b;border-radius:28px;background:#ecc06b;color:#20130a;font:600 16px/1.2 var(--sans);transition:background .2s,border-color .2s}
.cookie-banner .delivery-choices a:hover{background:#fff1d4;border-color:#fff1d4}
.cookie-banner .delivery-choices a:focus-visible{outline:2px solid #fff1d4;outline-offset:5px}
.cookie-banner .hero-browse{font-size:14px;margin:16px 0 0;padding:8px 0;color:#fff1d4;border-color:#c3a571}
.cookie-banner.unbox-hero .hero-service{font-size:12px;line-height:1.5;max-width:none;margin:14px 0 0;color:#cfbda4}

.cookie-banner .entrance{animation-duration:.6s;animation-delay:.05s}

/* Match the frame backdrop to the site; dark image pixels should not form a tile. */
.box-sequence{background:#120b07}
.sequence-picture{background:#120b07;mask-image:none}
.sequence-canvas,.sequence-poster{mix-blend-mode:lighten}
.sequence-poster{mask-image:linear-gradient(90deg,transparent,#000 5% 95%,transparent)}
.sequence-heading .eyebrow{letter-spacing:.09em}

/* Keep the cookie, soften its photographic surroundings, and unify adjacent strips. */
.box-photos,.suggested-photos,.package-thumbs{background:#160e09;isolation:isolate;gap:5px;padding:10px}
.box-photos img,.box-photos .combo-photo,.suggested-photos img,.suggested-photos .combo-photo,.package-thumbs img,.package-thumbs .combo-photo{
 mix-blend-mode:lighten;border-radius:0;mask-image:radial-gradient(ellipse 50% 50% at center,#000 84%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 84%,transparent 100%);
}
.cookie-image-link{background:#160e09;isolation:isolate}
.cookie-image-link .cookie-photo,.product-image.cookie-photo{
 border-radius:0;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 50% 50% at center,#000 84%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 84%,transparent 100%);
}
.selection-slot.filled{isolation:isolate}
.slot-photo{mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 50% 50% at center,#000 84%,transparent 100%)}
.combo-grid a{background:#21150d}
.combo-grid img,.combo-grid .combo-photo{mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 50% 50% at center,#000 84%,transparent 100%)}
.campaign-photo[src*="mint-chocolate"]{border-radius:0;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 50% 50% at center,#000 84%,transparent 100%)}
.packaging-figure img,.campaign-photo[src*="packaging"]{border-radius:16px}
.story-cookie img{border-radius:0}
.page-heading{max-width:1050px}
.page-heading h1{line-height:1.08;text-wrap:balance}
.page-lead{max-width:850px}

@media(min-width:1600px){.cookie-banner.unbox-hero{min-height:660px}.cookie-banner.unbox-hero .hero-copy{padding-left:max(6%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px) and (min-width:701px){.cookie-banner.unbox-hero{min-height:540px}.cookie-banner.unbox-hero .hero-copy{width:62%;padding-left:5%}.cookie-banner.unbox-hero h1{font-size:clamp(63px,8vw,82px)}.cookie-banner-photo img{object-position:62% center}.cookie-banner .delivery-choices a{min-width:145px;padding-inline:18px}.cookie-banner.unbox-hero .hero-description{max-width:360px;font-size:18px}}
@media(max-width:700px){
 .cookie-banner.unbox-hero{display:block;min-height:0;padding:0;overflow:hidden}
 .cookie-banner-photo{height:340px;inset:0 0 auto}
 .cookie-banner-photo img{object-position:73% 46%;width:100%;height:100%;object-fit:cover}
 .cookie-banner-photo::after{background:linear-gradient(0deg,#120b07 0%,#120b07bb 18%,#120b071a 46%,transparent 75%)}
 .cookie-banner.unbox-hero .hero-copy{width:100%;padding:260px 6% 40px}
 .cookie-banner.unbox-hero .eyebrow{font-size:15px;margin-bottom:12px}
 .cookie-banner.unbox-hero h1{font-size:clamp(44px,12.8vw,82px);line-height:.98;letter-spacing:-.035em;max-width:none;margin:0 0 16px}
 .cookie-banner.unbox-hero .hero-description{font-size:18px;line-height:1.55;max-width:420px;margin:0}
 .cookie-banner .delivery-choices{gap:10px;margin-top:22px}
 .cookie-banner .delivery-choices a{min-width:0;flex:1;font-size:15px;min-height:50px;padding:14px 12px}
 .cookie-banner .hero-browse{margin-top:14px;font-size:14px}
 .cookie-banner.unbox-hero .hero-service{font-size:12px;margin-top:12px}
 .box-photos,.suggested-photos,.package-thumbs{gap:3px;padding:7px}
 .page-heading h1{font-size:clamp(38px,10vw,52px)}
}
@media(prefers-reduced-motion:reduce){.cookie-banner .entrance{animation:none;opacity:1;transform:none}}