/* Header mark has true alpha, so the header's own color shows through. */
:root{--paper:#e4e9e7}
.ingredient-art,.food-art{mix-blend-mode:multiply!important}
.status,.scene-note{font-size:12px!important}
.kitchen-scene .scene-note{margin:0 0 14px}
.status,.scene-note{background:transparent!important;padding:0!important;margin-left:0!important}
.hero-art,.kitchen-scene-art{mix-blend-mode:normal!important}
.brand img{mix-blend-mode:normal;background:transparent}
/* Fit the complete pouch within the desktop viewport, not a width-driven poster. */
@media(min-width:769px){
  .hero{aspect-ratio:auto!important;height:clamp(460px,calc(100svh - 130px),680px)}
  .hero-art{width:auto;height:100%;right:0;object-fit:contain!important;mask-image:linear-gradient(90deg,transparent,#000 17%)}
  .hero-copy{padding-top:55px!important;padding-bottom:40px}
  .hero h1{font-size:clamp(44px,4.5vw,65px)!important;max-width:670px!important}
}
@media(min-width:769px) and (max-width:1100px){.hero h1{font-size:43px!important;max-width:500px!important}.hero .intro{font-size:18px}}
/* Continuous, full-width illustrated kitchen scene, based on original C. */
.kitchen-scene{position:relative;overflow:hidden;min-height:480px}
.kitchen-scene-art{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.kitchen-scene-inner{position:absolute;inset:0;padding-top:clamp(30px,4vw,65px);pointer-events:none}
.kitchen-scene .hero-copy-kitchen{width:50%;margin-left:50%;pointer-events:auto}
.kitchen-scene h1{font-size:clamp(36px,3.8vw,60px)!important;letter-spacing:-2px;max-width:none!important;margin-bottom:20px}
.kitchen-scene .kitchen-lead{font-size:19px;margin-bottom:18px}
.kitchen-scene .hero-copy-kitchen>p:not(.eyebrow):not(.scene-note){max-width:490px}
.scene-note{display:table;font-size:10px;margin-top:12px;background:var(--paper);padding:3px 5px}
@media(max-width:1100px) and (min-width:769px){.kitchen-scene h1{font-size:36px!important}.kitchen-scene .kitchen-lead{font-size:17px}.kitchen-scene .hero-copy-kitchen>p:not(.eyebrow){font-size:14px}.kitchen-scene .button{padding:12px 16px;font-size:10px}.kitchen-scene-inner{padding-top:25px}}
@media(max-width:768px){
  .kitchen-scene{display:flex;flex-direction:column;min-height:0}
  .kitchen-scene-inner{position:relative;order:0;padding-top:35px;pointer-events:auto}
  .kitchen-scene .hero-copy-kitchen{width:100%;margin:0}
  .kitchen-scene h1{font-size:42px!important;max-width:570px!important}
  .kitchen-scene-art{order:1;width:180%;max-width:none;margin-left:-8%;margin-top:12px}
  .kitchen-scene .kitchen-lead{font-size:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.header{padding-block:12px;gap:34px;min-height:112px}
.brand img.header-lockup{width:340px;height:90px;object-fit:contain;object-position:left center;background:none;mix-blend-mode:normal}
.header nav{gap:30px;align-items:center}
.header nav a{position:relative;color:var(--ink);font-size:12px;letter-spacing:1.4px;padding:15px 0;text-decoration:none}
.header nav a:after{content:'';position:absolute;bottom:7px;left:0;right:0;height:3px;background:#b7350d;clip-path:polygon(0 40%,100% 0,97% 90%,3% 100%);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.header nav a:hover:after,.header nav a:focus-visible:after,.header nav a[aria-current=page]:after{transform:scaleX(1)}
.header-follow{display:inline-flex!important;align-items:center;justify-content:center;border:1.5px solid #b7350d;color:#9d2c0a;background:transparent;padding:13px 19px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;font-weight:700;white-space:nowrap;min-height:46px}
.header-follow:hover{background:#b7350d;color:#fff8eb;text-decoration:none}
@media(max-width:1100px) and (min-width:769px){.header{gap:20px}.brand img.header-lockup{width:280px;height:80px}.header nav{gap:20px}.header nav a{font-size:10px}.header-follow{padding:11px 13px;font-size:10px}}
@media(max-width:768px){.header{gap:14px;padding-block:10px}.brand img.header-lockup{width:265px;height:75px}.header nav{width:auto;flex:1;gap:15px;justify-content:flex-start;flex-wrap:wrap}.header nav a{font-size:10px;padding:10px 0}.header-follow{font-size:9px;padding:9px 12px;min-height:40px}.header nav a:after{bottom:3px}}
@media(max-width:480px){.header .brand{width:100%}.brand img.header-lockup{width:260px}.header nav{width:100%;justify-content:space-between;order:2}.header-follow{order:3;margin-top:0}}
@media(min-width:769px){.kitchen-scene-inner{padding-top:20px}.kitchen-scene .hero-copy-kitchen{width:45%;margin-left:55%}.kitchen-scene h1{font-size:clamp(32px,3.15vw,48px)!important;margin-bottom:16px}.kitchen-scene .eyebrow{margin-bottom:12px}.kitchen-scene .kitchen-lead{font-size:17px;margin-bottom:16px}}
@media(max-width:480px){.header nav{flex:0 0 100%;width:100%;flex-wrap:nowrap}.header-follow{margin-bottom:6px}}
@media(min-width:769px) and (max-width:1100px){
  .kitchen-scene{display:flex;flex-direction:column;min-height:0}
  .kitchen-scene-inner{position:relative;order:0;padding-top:32px;padding-bottom:18px}
  .kitchen-scene .hero-copy-kitchen{width:100%;margin:0}
  .kitchen-scene h1{font-size:42px!important}
  .kitchen-scene-art{order:1;width:100%;height:auto}
}