@media (max-width:1100px){.site-header__inner{grid-template-columns:auto 1fr auto}.header-gift-link{display:none}.hero__inner{grid-template-columns:minmax(0,.9fr) minmax(23rem,1.1fr)}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variety-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.taste-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surprise-grid{grid-template-columns:minmax(0,.82fr) minmax(25rem,1.18fr)}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.menu-toggle{display:grid;justify-self:end}.primary-nav{position:fixed;inset:5rem 0 auto 0;display:none;flex-direction:column;padding:1rem;background:var(--cream);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.primary-nav[data-open=true]{display:flex}.primary-nav a{padding:.9rem 1rem}.header-actions{display:none}.site-header__inner{grid-template-columns:auto 1fr auto}.hero{min-height:auto}.hero__inner{min-height:46rem;grid-template-columns:1fr;align-items:start}.hero__copy{max-width:34rem;padding-top:4.5rem}.hero-layer--background img,.hero-layer--products img,.hero-layer--ingredients img,.hero-layer--shadow img,.hero-layer--light img{object-position:center}.moment-grid,.surprise-grid,.quiz-shell,.faq-layout{grid-template-columns:1fr}.surprise-visual{min-height:30rem}.variety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-cta__inner{grid-template-columns:1fr}.final-cta__copy{max-width:33rem}.site-footer__inner{grid-template-columns:1fr;text-align:center}.footer-brand{margin-inline:auto}.site-footer nav{justify-content:center;flex-wrap:wrap}}
@media (max-width:640px){:root{--section:4.25rem}.container{width:min(calc(100% - 1.25rem),var(--container))}.brand{width:8.2rem}.site-header__inner{min-height:4.5rem}.primary-nav{top:4.5rem}.hero{padding:0;min-height:auto}.hero__layers{position:relative;height:45rem;margin-top:-.3rem}.hero__inner{position:absolute;inset:0;min-height:0;display:block;width:100%;pointer-events:none}.hero__copy{pointer-events:auto;width:calc(100% - 1.25rem);max-width:none;margin-inline:auto;padding:2.5rem 0 0}.hero__copy h1{max-width:20rem;font-size:clamp(2.55rem,12vw,4rem)}.hero__lead{max-width:21rem;font-size:1rem}.reassurance{max-width:21rem;padding:.65rem .75rem;margin:1rem 0}.button-row{max-width:21rem}.button-row .btn{flex:1 1 100%}.hero-layer--background img,.hero-layer--products img,.hero-layer--ingredients img,.hero-layer--shadow img,.hero-layer--light img{object-fit:cover}.hero-layer--products img{object-position:center bottom}.hero-layer--ingredients img{object-position:center bottom}.hero-layer--background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,239,.96) 0%,rgba(255,248,239,.82) 35%,rgba(255,248,239,0) 58%)}.section-heading--split{display:block}.section-heading--split .badge{margin-top:.7rem}.benefit-grid,.moment-grid,.variety-grid,.taste-world-grid,.steps,.quiz-options{grid-template-columns:1fr}.moment-card{min-height:31rem}.moment-card__overlay{background:linear-gradient(0deg,rgba(39,20,12,.82),rgba(39,20,12,.1) 68%,transparent)}.moment-card__copy{left:1.1rem;right:1.1rem;bottom:1.1rem}.filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.45rem;margin-right:-.625rem}.filter-bar__label{display:none}.filter-chip{white-space:nowrap}.variety-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.variety-card__visual{min-height:14rem}.variety-card__product{height:12.7rem;max-width:80%}.variety-card__body{padding:.8rem}.variety-card__body h3{font-size:1.12rem}.variety-card__body p{font-size:.78rem}.flavor-tag-list{display:none}.variety-card--future{min-height:20rem;grid-column:1/-1}.taste-world-card{min-height:29rem}.taste-world-card__copy{left:.7rem;right:.7rem;bottom:.7rem}.surprise-visual{min-height:36rem}.quiz-result{grid-template-columns:7rem 1fr}.quiz-result__image img{width:6rem;height:9rem}.early-form{grid-template-columns:1fr}.early-form .btn{width:100%}.final-cta{min-height:45rem}.final-cta__inner{min-height:45rem;align-items:start}.final-cta__copy{padding-top:3rem;max-width:22rem}.final-cta-layer--background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,239,.95) 0%,rgba(255,248,239,.82) 42%,rgba(255,248,239,.06) 67%)}.site-footer{padding-bottom:6rem}}
@media (max-width:380px){.hero__layers{height:47rem}.variety-card__visual{min-height:12.5rem}.variety-card__product{height:11.2rem}.variety-card__body h3{font-size:1rem}.surprise-visual{min-height:32rem}}@media (max-width:1100px){.hero__inner{grid-template-columns:minmax(0,1fr) minmax(22rem,.95fr)}.hero__copy h1{font-size:clamp(2.7rem,5.2vw,4.2rem)}}
@media (max-width:820px){.brand{width:9.3rem}}
@media (max-width:640px){.brand{width:8.5rem}.hero__copy h1{font-size:clamp(2.5rem,11.4vw,3.65rem);max-width:22rem}}
@media (max-width:640px){
  .hero{position:relative;min-height:56rem;background:#fff8ef}
  .hero::after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:33rem;background:linear-gradient(180deg,#fff8ef 0%,rgba(255,248,239,.98) 82%,rgba(255,248,239,.86) 94%,rgba(255,248,239,0) 100%);pointer-events:none}
  .hero__layers{position:absolute;inset:0;height:auto;margin:0;z-index:-1}
  .hero__inner{position:relative;inset:auto;min-height:56rem;z-index:2}
  .hero__copy{padding-top:2.35rem}
  .hero__copy h1{font-size:clamp(2.45rem,11vw,3.45rem);line-height:1.05;margin-bottom:.85rem}
  .hero__lead{font-size:.96rem;line-height:1.52;margin-bottom:.75rem}
  .reassurance{font-size:.88rem;line-height:1.4;margin:.8rem 0}
  .hero-layer--products,.hero-layer--ingredients,.hero-layer--shadow{top:31rem;bottom:0;height:auto}
  .hero-layer--products img,.hero-layer--ingredients img,.hero-layer--shadow img{object-fit:cover;object-position:center bottom}
  .hero-layer--light{top:25rem;bottom:0;height:auto}
  .hero-layer--light img{object-fit:cover;object-position:center bottom}
  .button-row{gap:.55rem}.button-row .btn{min-height:3.15rem}
}
@media (max-width:380px){
  .hero{min-height:57rem}.hero__inner{min-height:57rem}.hero-layer--products,.hero-layer--ingredients,.hero-layer--shadow{top:32rem}.hero::after{height:34rem}
}
@media (max-width:640px){.surprise-visual__scene{left:6%;bottom:auto;top:5%;width:88%;height:48%}.surprise-visual__scene img{border-radius:1rem}.surprise-visual__products img{object-position:center bottom}.surprise-visual__decoration{opacity:.5}}