/* Scene-led revision: complete compositions, purposeful depth, brand-first copy. */
:root{--head:112px}
html{scroll-padding-top:140px}
.site-header{height:var(--head)}
.brand{margin-left:-18px}
.brand img{width:184px;height:120px}
.hero-detail-word{font-size:3.1rem}
.hero-bottom{font-size:.85rem}
.hero-heading .eyebrow{font-size:.8rem}
.brand-intro{padding-bottom:76px}
.brand-intro h2{max-width:1000px}
.brand-facts{padding-top:34px;padding-bottom:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 2fr;gap:5vw;align-items:start}
.facts-heading .eyebrow{color:var(--red);font-size:.72rem}.facts-heading h2{font-size:2rem;margin-top:18px}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0}.stat-row>div{border-left:1px solid var(--line);padding-left:25px}
.stat-row dt{font:600 clamp(3.5rem,5.6vw,6rem)/1 Barlow,sans-serif;color:var(--red);white-space:nowrap;font-variant-numeric:tabular-nums}
.stat-row dt small{font:600 1.1rem/1 SourceSans,sans-serif;margin-left:6px}.stat-row dd{margin:14px 0 0;font-size:.95rem;line-height:1.5}
.depth-scene{position:relative;aspect-ratio:var(--scene-ratio);width:100%;margin:0;isolation:isolate;overflow:visible;transform-style:preserve-3d}
.depth-scene .scene-poster{position:relative;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none;margin:0;border-radius:0;mask-image:none;opacity:1}
.depth-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.depth-scene[data-depth-status=ready] .depth-canvas{opacity:1}
.depth-scene[data-depth-status=ready] .scene-poster{opacity:0}
.depth-scene:before{content:none}
.depth-scene:after{content:none}
.chapter-story{height:190svh;min-height:1270px;background:#fffaf4;position:relative}
.chapter-stage{position:sticky;top:var(--head);height:calc(100svh - var(--head));min-height:610px;max-width:1800px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:36px var(--gutter) 48px;isolation:isolate}
.chapter-stage:before{content:none}
.chapter-copy{max-width:545px;position:relative;z-index:2}.chapter-copy>.eyebrow{color:var(--red);margin-bottom:25px}
.chapter-copy h2{font-size:clamp(3.3rem,5.6vw,6rem);margin-bottom:30px}
.chapter-nav{display:flex;gap:20px;border-bottom:1px solid #cab697;margin-top:18px}
.chapter-nav button{border:0;border-bottom:3px solid transparent;color:var(--muted);background:transparent;padding:10px 0 16px;flex:1;font-size:.95rem;min-height:48px;text-align:left}
.chapter-nav button span{display:block;font:600 .8rem/1.4 SourceSans,sans-serif;margin-bottom:6px;color:inherit}
.chapter-nav button[aria-pressed=true]{border-color:var(--red);color:var(--red)}
.chapter-panels{min-height:160px;margin-top:26px}.chapter-panels h3{font-family:SourceSans,sans-serif;font-size:1.17rem;font-weight:650;line-height:1.3;letter-spacing:0;margin-bottom:13px;color:var(--deep-red)}.chapter-panels p{max-width:465px;color:var(--muted);font-size:1.05rem}
.chapter-panels>div:not([hidden]){animation:chapter-enter .45s ease both}
@keyframes chapter-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.chapter-visual{width:100%;justify-self:end;transform:none}
.chapter-progress{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);height:2px;background:#ad261d1c}.chapter-progress>span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.quality-story{background:var(--paper);padding-bottom:120px}.quality-story .section-heading{margin-bottom:68px}
.quality-stack{position:relative;perspective:1800px}
.quality-card{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:4vw;position:sticky;top:calc(var(--head) + 20px);padding:48px 42px;min-height:560px;background:linear-gradient(115deg,#fffaf4 45%,#f2dfbd);transform-origin:50% 0%;border:1px solid #e6d6be}
.quality-card+.quality-card{margin-top:100px;top:calc(var(--head) + 42px);background:linear-gradient(115deg,#fffaf4 45%,#e7dfc7);min-height:560px}
.quality-card+.quality-card .depth-scene{--scene-gradient:linear-gradient(135deg,#064f2c,#3e7650 60%,#cbb371)}
.quality-copy{position:relative;z-index:2;max-width:390px;padding:28px 0}.chapter-number{font:600 6rem/.8 Barlow,sans-serif;color:#d4ad77;display:block;margin-bottom:26px;letter-spacing:-.035em}
.quality-copy .eyebrow{font-size:.73rem;color:var(--red);margin-bottom:20px}.quality-copy h3{font-size:clamp(2.7rem,3.6vw,4rem);margin-bottom:25px}
.quality-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;margin-bottom:18px}.quality-visual{max-width:900px;justify-self:end}
.product-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;background:var(--paper)}
.showcase-copy{max-width:535px;z-index:1}.showcase-copy .eyebrow{color:var(--red)}.showcase-copy h2{margin:28px 0;font-size:clamp(3.2rem,5.2vw,5.6rem)}.showcase-copy p:not(.eyebrow){max-width:450px;margin-bottom:24px;color:var(--muted)}.showcase-visual{width:100%;max-width:530px;justify-self:center}
.brand-invitation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;background:radial-gradient(ellipse at 100% 0%,#c75e3355,transparent 55%),linear-gradient(120deg,#771d17,#ad261d);color:#fffaf0}
.brand-invitation h2{margin-top:26px;font-size:clamp(3.4rem,6vw,6.5rem)}.brand-invitation h2 em{color:#f4c783}.brand-invitation>div>p:not(.eyebrow){margin-bottom:22px;max-width:510px;color:#fff1de}.brand-invitation .eyebrow{color:#f4c783}.invitation-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.brand-invitation :focus-visible{outline-color:white}
.faq-intro{color:var(--muted);margin:26px 0 16px;max-width:340px}.faq-section{gap:8vw}.faq-section>div:first-child{position:sticky;top:calc(var(--head) + 40px);align-self:start}.faq-list summary{font-weight:600;font-size:1.08rem}.faq-list p{font-size:1rem}
.faq-toggle{margin-top:28px;min-height:52px;gap:32px;text-align:left}.faq-toggle [data-faq-label]{font:600 1rem/1.35 SourceSans,sans-serif}.faq-toggle [data-faq-symbol]{font-size:1.5rem;line-height:1}.faq-toggle[aria-expanded=true]{margin-bottom:16px}
.brand-footer{padding-top:65px;border-top:3px solid var(--red);background:#fff}
.brand-footer .footer-main{grid-template-columns:1fr .75fr 1.25fr;gap:6vw;align-items:start}
.footer-identity{display:flex;gap:12px;align-items:center}.footer-identity .footer-brand{margin-left:-18px;flex:none}.footer-identity img{width:154px;height:154px;object-fit:contain;background:#fff}.footer-identity p{font:600 1.35rem/1.25 Barlow,sans-serif;max-width:220px}
.footer-explore>.eyebrow,.footer-contact>.eyebrow{color:var(--red);margin:17px 0 25px;font-size:.74rem}.brand-footer .footer-main nav{display:flex;flex-direction:column;gap:12px;font-size:1rem}
.footer-contact{display:flex;flex-direction:column;gap:12px;min-width:0}.footer-contact>.eyebrow{margin-bottom:10px}.footer-contact>a{font-size:1rem;overflow-wrap:anywhere}.footer-contact .footer-email{font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.3;font-weight:600;color:var(--deep-red)}.footer-contact .text-link{margin-top:2px}
.footer-product-note{display:flex;gap:20px;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);font-size:.92rem;color:var(--deep-red)}.brand-footer .footer-bottom{font-size:.8rem}
.food-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;background:var(--paper);padding-top:58px}
.food-intro h1{font-size:clamp(4rem,6.4vw,7rem);margin:25px 0}.food-intro .intro-copy{max-width:680px}.food-intro .intro-copy>p:not(.eyebrow){max-width:520px}.food-hero-visual{max-width:530px;justify-self:end}
.ingredient-story{position:relative;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;min-height:680px}
.ingredient-copy{position:relative;z-index:2}.ingredient-copy h2{font-size:clamp(3rem,4.9vw,5.3rem);margin:24px 0}.ingredient-copy p:not(.eyebrow){max-width:470px;color:var(--muted);margin-bottom:22px}
.ingredient-visual{width:100%;margin:0;max-width:none}
.preparation-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;background:var(--paper)}.preparation-copy h2{font-size:clamp(3rem,4.8vw,5.1rem)}.preparation-copy .eyebrow{color:var(--red);margin-bottom:24px}.preparation-copy .text-link{margin-top:18px}
.family-story{background:var(--paper);padding-top:60px;padding-bottom:55px}
.family-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:24px 6vw;position:relative;z-index:2;margin-bottom:52px}.family-heading>.eyebrow{grid-column:1/-1;color:var(--red)}.family-heading>p:last-child{max-width:350px;color:var(--muted)}.family-heading h2{font-size:clamp(3.8rem,7vw,7rem)}.family-visual{width:100%;perspective:1600px}.family-afterword{display:flex;justify-content:space-between;gap:25px;font:600 clamp(1.2rem,2.4vw,2rem)/1.2 Barlow,sans-serif;color:var(--deep-red);padding-top:42px}
.trade-visual{max-width:500px;justify-self:center}.business-block.reverse .trade-visual{max-width:none}
.business-block.trade-feature{align-items:center;gap:clamp(36px,5vw,80px)}
.trade-image{position:relative;isolation:isolate;width:100%;min-width:0;margin:0}
.trade-image img{display:block;width:100%;height:auto;object-fit:contain}
.trade-image-retail{max-width:480px;justify-self:center}
/* One shared red/gold light treatment, with an unwashed centre for the pack. */
.trade-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(173,38,29,.16),transparent 33%,transparent 64%,rgba(216,161,67,.22)),linear-gradient(0deg,rgba(104,31,22,.12),transparent 24%)}
.trade-image-retail:after{background:radial-gradient(ellipse 76% 95% at -16% 32%,rgba(173,38,29,.64),rgba(173,38,29,.3) 42%,transparent 80%),radial-gradient(ellipse 65% 60% at 108% -8%,rgba(229,179,81,.44),transparent 80%)}
.experience-number{display:block}
/* The retail fixture stays solid; only the empty left-hand aisle fades into the copy. */
.partner-hero{position:relative;isolation:isolate;max-width:1800px;margin:auto;min-height:clamp(640px,46.5vw,837px);display:flex;align-items:center;background:var(--paper);overflow:clip}
.partner-hero-art{position:absolute;right:0;top:50%;width:62%;aspect-ratio:4/3;transform:translateY(-50%);pointer-events:none}
.partner-hero-art img{display:block;width:100%;height:auto;object-fit:contain;mask-image:none;-webkit-mask-image:none}
.partner-hero-art:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(ellipse 22% 78% at -3% 0%,var(--paper) 12%,rgba(255,252,246,.94) 32%,rgba(255,252,246,.38) 57%,transparent 83%),linear-gradient(108deg,var(--paper) 0%,rgba(255,252,246,.7) 2%,transparent 10%),radial-gradient(ellipse 15% 40% at -4% 100%,var(--paper) 18%,transparent 85%)}
.partner-hero-copy{position:relative;z-index:1;width:40%;padding:54px 0 62px var(--gutter)}
.partner-hero-copy .eyebrow{color:var(--deep-red);font-size:.75rem;max-width:420px;line-height:1.7}
.partner-hero-copy h1{font-size:clamp(3rem,4vw,4.6rem);line-height:1.05;letter-spacing:-.03em;margin:25px 0 30px;color:var(--cocoa);text-wrap:balance}
.partner-hero-copy>p:not(.eyebrow){max-width:380px;font-size:1.125rem;line-height:1.65;color:var(--cocoa)}
.partner-hero-copy .hero-actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:30px}
@media(max-width:1200px) and (min-width:1001px){.partner-hero-copy{width:40%;padding-left:32px;padding-right:18px}.partner-hero-copy h1{font-size:clamp(2.4rem,3.8vw,3rem)}.partner-hero-copy>p:not(.eyebrow){font-size:1.0625rem;max-width:315px}.partner-hero-art{width:61%}}
@media(max-width:1000px){.partner-hero{display:flex;flex-direction:column;min-height:0;overflow:visible}.partner-hero-copy{width:100%;padding:40px 24px 30px;order:-1}.partner-hero-copy h1{font-size:clamp(2.75rem,8.8vw,4.3rem);margin:24px 0}.partner-hero-copy>p:not(.eyebrow){max-width:550px;font-size:1.0625rem}.partner-hero-copy .hero-actions{gap:14px;margin-top:24px}.partner-hero-art{position:relative;inset:auto;width:100%;aspect-ratio:4/3;transform:none}.partner-hero-art:after{inset:0;background:linear-gradient(174deg,var(--paper),transparent 7%),radial-gradient(ellipse 45% 20% at -10% -5%,var(--paper),transparent 80%)}}
/* Shared image/copy layer, with a clear gradient window around the person's head. */
.story-hero{display:grid;position:relative;isolation:isolate;max-width:1800px;margin:auto;background:var(--paper)}
.story-hero-art,.story-hero-copy{grid-area:1/1}
.story-hero-art{position:relative;width:100%;min-width:0;aspect-ratio:1672/941;margin-top:clamp(50px,calc(7.6vw - 48px),84px);pointer-events:none}
.story-hero-art img{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 8%,rgba(0,0,0,.9) 16%,#000 24%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 8%,rgba(0,0,0,.9) 16%,#000 24%)}
.story-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffcf6f5 0%,#fffcf6e5 14%,#fffcf6b8 26%,#fffcf600 47%);mask-image:linear-gradient(90deg,#000 18%,rgba(0,0,0,.18) 31%,rgba(0,0,0,.18) 43%,#000 57%);-webkit-mask-image:linear-gradient(90deg,#000 18%,rgba(0,0,0,.18) 31%,rgba(0,0,0,.18) 43%,#000 57%);pointer-events:none}
.story-hero-copy{position:relative;z-index:1;align-self:start;width:100%;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:4vw;align-items:end;padding:clamp(16px,calc(3vw - 16px),34px) var(--gutter) 0}
.story-hero-copy .eyebrow{color:var(--deep-red)}
.story-hero-copy h1{font-size:clamp(2.5rem,5.4vw,5.8rem);line-height:1.03;letter-spacing:-.035em;margin:8px 0 0;text-wrap:balance}
.story-hero-copy>p{font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.65;max-width:390px;margin:0 0 4px;justify-self:end;color:var(--cocoa)}
@media(max-width:800px){
 .story-hero{display:flex;flex-direction:column}
 .story-hero-copy{order:-1;display:block;padding:36px 24px 0}
 .story-hero-copy h1{font-size:clamp(2.6rem,7.8vw,4rem);line-height:1.08;margin:18px 0 22px}
 .story-hero-copy>p{font-size:1.0625rem;line-height:1.65;max-width:560px;margin:0}
 .story-hero-art{min-height:0;aspect-ratio:auto;height:clamp(350px,62vw,495px);margin-top:12px}
 .story-hero-art img{object-fit:cover;object-position:62% bottom;mask-image:linear-gradient(180deg,transparent 0%,#000 15%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%)}
 .story-hero-art:after{content:none}
}
@media(min-width:1600px){.chapter-visual{justify-self:center}.quality-card{min-height:680px}}
@media(max-width:1120px){.brand-facts{grid-template-columns:1fr;gap:32px}.facts-heading{display:flex;align-items:center;justify-content:space-between}.facts-heading h2{margin:0;font-size:2rem}.quality-card{padding:35px 28px;gap:30px}.quality-copy h3{font-size:2.8rem}.quality-copy>p:not(.eyebrow){font-size:1rem}.chapter-copy h2{font-size:4rem}.chapter-stage{gap:5vw}.brand-footer .footer-main{gap:4vw}.footer-identity{flex-direction:column;align-items:start;gap:0}.footer-identity p{max-width:200px;margin-top:12px}.footer-product-note{font-size:.86rem}.food-intro h1{font-size:5.8vw}}
@media(max-height:760px) and (min-width:801px){.chapter-story{height:auto;min-height:0}.chapter-stage{position:relative;top:auto;height:auto;min-height:650px}.chapter-visual{width:100%;max-width:460px}.chapter-progress{display:none}.quality-card,.quality-card+.quality-card{position:relative;top:auto}.chapter-copy h2{font-size:3.4rem}}
@media(max-width:800px){
 :root{--head:100px}html{scroll-padding-top:124px}.site-header{height:100px}.brand img{width:164px;height:108px}.brand{margin-left:-19px}.hero-heading{padding-top:28px}.hero-heading .eyebrow{font-size:.68rem}.hero-detail-word{font-size:2rem}
 .brand-facts{padding-top:30px;padding-bottom:45px}.facts-heading{display:block}.facts-heading h2{font-size:2.2rem;margin-top:16px}.facts-heading h2 br{display:none}.stat-row{grid-template-columns:1fr 1fr;gap:30px 20px}.stat-row>div{padding-left:18px}.stat-row dt{font-size:4.1rem}.stat-row dd{font-size:.9rem;margin-top:10px}
 .chapter-story{height:auto;min-height:0}.chapter-stage{position:relative;top:auto;height:auto;min-height:0;display:flex;flex-direction:column;padding:60px 24px 40px;gap:35px}.chapter-copy{max-width:none;width:100%}.chapter-copy h2{font-size:clamp(3rem,10vw,4.5rem);margin-bottom:22px}.chapter-copy>.eyebrow{margin-bottom:22px}.chapter-panels{min-height:170px}.chapter-visual{width:100%;max-width:510px;transform:none}.chapter-progress{display:none}.chapter-nav{gap:16px}.chapter-nav button{font-size:.94rem}
 .quality-story{padding-bottom:65px}.quality-story .section-heading{margin-bottom:36px}.quality-card,.quality-card+.quality-card{display:flex;flex-direction:column;position:relative;top:auto;padding:28px 20px;min-height:0;gap:22px;transform:none!important}.quality-card+.quality-card{margin-top:30px}.quality-copy{padding:0;max-width:none;width:100%}.chapter-number{font-size:4rem;margin-bottom:20px}.quality-copy h3{font-size:clamp(2.6rem,8.5vw,3.5rem);margin-bottom:20px}.quality-copy>p:not(.eyebrow){max-width:550px}.quality-copy .eyebrow{font-size:.7rem}.quality-visual{width:100%}
 .product-showcase{display:flex;flex-direction:column;gap:40px}.showcase-copy{max-width:none}.showcase-copy h2{font-size:clamp(3rem,9.8vw,4.8rem)}.showcase-visual{max-width:510px}.brand-invitation{grid-template-columns:1fr;gap:32px}.brand-invitation h2{font-size:clamp(3.5rem,12vw,5.4rem)}.invitation-actions{gap:18px}.brand-invitation>div>p:not(.eyebrow){max-width:580px}
 .faq-section{display:block}.faq-section>div:first-child{position:static;margin-bottom:34px}.faq-intro{max-width:540px}
 .brand-footer .footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-identity{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}.footer-identity img{width:145px;height:145px}.footer-identity p{font-size:1.6rem;margin:0}.footer-explore,.footer-contact{min-width:0}.footer-contact .footer-email{font-size:1.1rem}.footer-product-note{flex-direction:column;gap:10px}
 .food-intro{display:flex;flex-direction:column;padding-top:38px;gap:42px}.food-intro h1{font-size:clamp(3.3rem,11vw,5.3rem)}.food-hero-visual{width:100%;max-width:480px}.ingredient-story,.preparation-story{grid-template-columns:1fr;min-height:0;gap:30px}.ingredient-story{padding-bottom:35px}.ingredient-visual{width:100%;margin:0}.ingredient-copy h2,.preparation-copy h2{font-size:clamp(3rem,9.5vw,4.8rem)}.ingredient-copy p:not(.eyebrow),.preparation-copy p{max-width:600px}.preparation-visual{width:100%}
 .family-heading{grid-template-columns:1fr;margin-bottom:36px;gap:24px}.family-heading h2{font-size:clamp(3.3rem,11vw,5rem)}.family-heading>p:last-child{max-width:540px}.family-afterword{flex-direction:column;gap:14px;padding-top:28px}.family-story{padding-bottom:40px}.trade-visual{max-width:480px}
 .depth-scene:before{inset:14px -10px -12px 14px}.chapter-stage:before{inset:56% 0 0 0}.chapter-copy{background:#fffaf4;padding-bottom:20px}.chapter-visual{margin-bottom:16px}
}
@media(max-width:420px){.brand-footer .footer-main{grid-template-columns:1fr}.footer-identity{grid-column:auto;gap:14px}.footer-identity p{font-size:1.4rem}.footer-explore>.eyebrow,.footer-contact>.eyebrow{margin-top:8px}.stat-row dt{font-size:3.8rem}.chapter-panels{min-height:185px}.chapter-nav{gap:12px}}
.reduce-motion .chapter-story{height:auto;min-height:0}.reduce-motion .chapter-stage{position:relative;top:auto;height:auto;min-height:0;padding-top:65px;padding-bottom:65px}.reduce-motion .chapter-visual{transform:none}.reduce-motion .chapter-progress{display:none}.reduce-motion .quality-card,.reduce-motion .quality-card+.quality-card{position:relative;top:auto;transform:none!important}.reduce-motion .depth-canvas{opacity:0!important}.reduce-motion .depth-scene .scene-poster{opacity:1!important}.reduce-motion [data-chapter-panel]{animation:none!important}
@media(prefers-reduced-motion:reduce){.chapter-story{height:auto;min-height:0}.chapter-stage{position:relative;top:auto;height:auto}.quality-card,.quality-card+.quality-card{position:relative;top:auto}.depth-canvas{opacity:0!important}.depth-scene .scene-poster{opacity:1!important}}
@media print{.chapter-story{height:auto}.chapter-stage,.quality-card,.quality-card+.quality-card{position:relative;top:auto}.depth-canvas{display:none}.depth-scene .scene-poster{opacity:1!important}[data-chapter-panel][hidden]{display:block!important}}
:root:not(.scene-motion-ready) .chapter-story{height:auto;min-height:0}
:root:not(.scene-motion-ready) .chapter-stage{position:relative;top:auto;height:auto}
:root:not(.scene-motion-ready) .chapter-nav,:root:not(.scene-motion-ready) .chapter-progress{display:none}
:root:not(.scene-motion-ready) [data-chapter-panel][hidden]{display:block}
:root:not(.scene-motion-ready) [data-chapter-panel]+[data-chapter-panel]{margin-top:22px}
@media print{#more-questions[hidden]{display:block}.faq-toggle,.depth-scene:before,.chapter-stage:before{display:none}}

/* Open compositions: real image proportions, one quiet surface, no picture mats. */
.depth-scene{height:auto;transform:none;perspective:none}
.depth-scene:before,.depth-scene:after,.chapter-stage:before{content:none!important}
.chapter-story,.chapter-copy{background:var(--paper)}
.approach-story{max-width:1800px;margin:auto;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:clip}
.approach-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:25px 8vw;align-items:end;padding-bottom:55px}
.approach-heading>.eyebrow{grid-column:1/-1;color:var(--red)}
.approach-heading h2{font-size:clamp(3rem,5.6vw,6rem)}
.approach-heading>p:last-child{max-width:340px;color:var(--muted);padding-bottom:7px}
.approach-stage{padding:0 var(--gutter) 30px;position:relative}
.approach-topline{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:.875rem;color:var(--muted)}
.approach-nav{display:none;gap:30px}
.approach-nav button{display:flex;align-items:center;gap:12px;border:0;border-bottom:2px solid transparent;background:transparent;min-height:46px;padding:5px 0;font-weight:600;color:var(--muted)}
.approach-nav button[aria-pressed=true]{color:var(--red);border-color:var(--red)}
.approach-panel{display:grid;grid-template-columns:.88fr 1.12fr;gap:3vw;align-items:center;padding:36px 0 54px}
.approach-panel+.approach-panel{border-top:1px solid var(--line)}
.approach-copy{max-width:470px;position:relative;z-index:2}
.approach-number{font:600 clamp(5rem,8vw,8rem)/.8 Barlow,sans-serif;color:var(--red);display:block;letter-spacing:-.06em;margin-bottom:28px}
.approach-copy .eyebrow{color:var(--red);font-size:.8rem;margin-bottom:20px}
.approach-copy h3{font-size:clamp(3rem,4.3vw,4.8rem);margin-bottom:25px}
.approach-copy p:not(.eyebrow){font-size:1.075rem;max-width:415px;color:var(--muted)}
.approach-copy .approach-detail{font-size:.9375rem!important;font-weight:600;color:var(--deep-red)!important;margin:20px 0 9px}
.approach-art{margin:0;display:grid;place-items:center;min-width:0;perspective:1200px}
.approach-art img{height:auto;max-width:100%;object-fit:contain;transform-origin:50% 50%;will-change:transform}
.approach-round img{width:85%;max-width:600px;transform:rotate(var(--chapati-turn,0deg))}
.approach-fold img{width:100%;max-width:780px;transform:rotate(var(--fold-turn,-3deg)) rotateY(var(--fold-yaw,0deg))}
.approach-bottomline{display:flex;justify-content:space-between;gap:30px;font-size:.8125rem;color:var(--muted);padding:15px 0 5px;border-top:1px solid var(--line)}
.approach-scroll-hint{display:none;white-space:nowrap}.approach-scroll-hint>span{margin-left:18px}
.approach-progress{display:none;height:2px;background:#ad261d17;position:absolute;bottom:0;left:var(--gutter);right:var(--gutter)}
.approach-progress>span{height:100%;display:block;background:var(--red);transform:scaleX(var(--approach-progress,0));transform-origin:left}
.approach-story.is-pinned .approach-track{height:200svh;min-height:1550px}
.approach-story.is-pinned .approach-stage{position:sticky;top:var(--head);height:calc(100svh - var(--head));display:flex;flex-direction:column;padding-top:0;padding-bottom:22px}
.approach-story.is-pinned .approach-nav{display:flex}
.approach-story.is-pinned .approach-panels{position:relative;flex:1;min-height:0}
.approach-story.is-pinned .approach-panel{position:absolute;inset:0;padding:16px 0 24px;border:0;will-change:opacity,transform}
.approach-story.is-pinned .approach-copy{max-width:470px}
.approach-story.is-pinned .approach-round img{width:min(84%,calc((100svh - 300px)*.88))}
.approach-story.is-pinned .approach-number{font-size:clamp(4.5rem,6.3vw,6.7rem);margin-bottom:24px}
.approach-story.is-pinned .approach-copy h3{font-size:clamp(2.8rem,3.8vw,4.3rem)}
.approach-story.is-pinned .approach-panel[inert]{pointer-events:none}
.approach-story.is-pinned .approach-scroll-hint,.approach-story.is-pinned .approach-progress{display:block}
.footer-company{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding:27px 0 30px;align-items:start}
.footer-company .eyebrow{font-size:.75rem;color:var(--red);margin-bottom:9px}
.footer-company strong{font-weight:600;display:block;font-size:1.05rem}
.footer-company address{font-style:normal;color:var(--muted);font-size:.95rem;line-height:1.65;max-width:450px}
.footer-licence{display:block;margin-top:9px;font-size:.875rem;color:var(--muted)}
.nutrition-section{border-top:1px solid var(--line);background:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}
.nutrition-intro h2{font-size:clamp(3rem,4.8vw,5rem);margin:24px 0 28px}
.nutrition-intro>p:not(.eyebrow){color:var(--muted);max-width:380px;font-size:1.05rem}
.ingredient-declaration{padding-top:26px;margin-top:26px;border-top:1px solid var(--line)}
.ingredient-declaration h3{font:600 1rem/1.4 SourceSans,sans-serif;letter-spacing:0;margin-bottom:8px}
.ingredient-declaration p{color:var(--muted);margin-bottom:18px}.ingredient-declaration .allergen{color:var(--deep-red);font-weight:600}
.nutrition-table{width:100%;border-collapse:collapse;font-size:1rem;font-variant-numeric:tabular-nums}
.nutrition-table caption{text-align:left;font-size:.875rem;color:var(--muted);padding-bottom:14px}
.nutrition-table thead th{text-align:left;padding:14px 0;border-top:2px solid var(--red);border-bottom:1px solid var(--line);font-weight:600}
.nutrition-table th:last-child,.nutrition-table td{text-align:right;white-space:nowrap;padding-left:20px}
.nutrition-table tbody th{font-weight:400;text-align:left;padding:13px 16px 13px 0}
.nutrition-table tbody td{font-weight:600;padding-top:13px;padding-bottom:13px}
.nutrition-table tbody tr{border-bottom:1px solid var(--line)}
.nutrition-more{margin-top:23px;border-bottom:1px solid var(--line)}
.nutrition-more summary{display:flex;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;min-height:58px;align-items:center;font-weight:600}
.nutrition-more summary::-webkit-details-marker{display:none}.nutrition-more summary>span{font-size:1.5rem;transition:transform .2s}.nutrition-more[open] summary>span{transform:rotate(45deg)}
.nutrition-more .nutrition-table{margin:12px 0 25px}
.nutrition-note{font-size:.875rem;color:var(--muted);margin-top:22px;max-width:520px}
@media(max-width:999px){.approach-heading{display:block}.approach-heading h2{margin:25px 0}.approach-heading>p:last-child{max-width:540px}.approach-panel{grid-template-columns:1fr 1fr;gap:32px}.approach-copy h3{font-size:3rem}.approach-number{font-size:5rem}.approach-topline{font-size:.8125rem}.nutrition-section{grid-template-columns:1fr;gap:35px}.nutrition-intro>p:not(.eyebrow){max-width:600px}.ingredient-declaration{max-width:600px}}
@media(max-width:800px){.approach-heading{padding-bottom:34px}.approach-stage{padding:0 24px 28px}.approach-panel{display:flex;flex-direction:column;gap:36px;padding:34px 0 46px}.approach-copy{max-width:none;width:100%}.approach-copy h3{font-size:clamp(2.8rem,9.5vw,4rem)}.approach-copy p:not(.eyebrow){max-width:590px;font-size:1.05rem}.approach-art{width:100%}.approach-round img{max-width:400px;width:82%}.approach-fold img{max-width:600px;width:96%}.approach-topline{padding:21px 0}.approach-bottomline{font-size:.8125rem;max-width:500px}.footer-company{grid-template-columns:1fr;gap:15px}.nutrition-intro h2{font-size:clamp(3rem,10vw,4rem)}.nutrition-table tbody th{padding-right:12px}.nutrition-table{font-size:.9375rem}}
.reduce-motion .approach-art img{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.approach-art img{transform:none!important;will-change:auto}}
@media print{.approach-story.is-pinned .approach-track{height:auto;min-height:0}.approach-story.is-pinned .approach-stage{position:relative;top:auto;height:auto}.approach-story.is-pinned .approach-panel{position:relative;opacity:1!important;transform:none!important}.approach-nav,.approach-progress,.approach-scroll-hint{display:none!important}.approach-art img{transform:none!important}.nutrition-more>*{display:block}}

/* Pack-focused depth, complete artwork and a restrained agricultural backdrop. */
h1,h2,h3{text-wrap:balance;orphans:2;widows:2}
h1 em,h2 em,h3 em{white-space:normal}
.site-header{background:#fff;backdrop-filter:none}
.brand{background:transparent;display:flex;align-items:center;align-self:stretch;margin-left:-14px}
.brand img{width:154px;height:108px;object-fit:contain;mix-blend-mode:multiply;max-height:100%}
.desktop-nav{gap:clamp(19px,2.3vw,36px)}
.quality-mark{position:relative;width:130px;height:130px;display:flex;justify-content:center;align-items:center;margin:21px 0;isolation:isolate}
.quality-mark img{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 0 0 transparent);transition:transform .32s cubic-bezier(.22,.7,.25,1),filter .32s ease}
/* The seal only responds to a cursor directly over it, never to page scrolling. */
@media(hover:hover) and (pointer:fine){.quality-mark:hover img{transform:translateY(-2px) rotate(-5deg) scale(1.035);filter:drop-shadow(0 5px 7px rgba(104,31,22,.16))}}
.reduce-motion .quality-mark img{transform:rotate(-9deg)!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.quality-mark img{transform:rotate(-9deg)!important;transition:none!important}}
@media print{.quality-mark img{transform:rotate(-9deg)!important;filter:none!important;transition:none!important}}
.quality-inline{font-size:.92rem;color:var(--deep-red)!important;margin-top:24px;max-width:400px!important}
.quality-inline>span{color:var(--red);margin-right:7px}
.product-showcase{gap:clamp(40px,5vw,90px)}
.showcase-cutout{width:100%;max-width:680px;min-width:0;margin:0;perspective:1400px}
.showcase-cutout img{width:100%;height:auto;object-fit:contain;margin-block:-10% -6%;transform:translateY(var(--cutout-lift,0px)) rotateY(var(--cutout-turn,0deg));transform-origin:50% 65%;border-radius:0}
@media(max-width:800px){.showcase-cutout{width:calc(100% + 16px);max-width:540px}.product-showcase{gap:40px}.showcase-cutout img{margin-block:-10% -5%}}
.reduce-motion .showcase-cutout img{transform:none!important}
@media(prefers-reduced-motion:reduce){.showcase-cutout img{transform:none!important}}
@media print{.showcase-cutout img{transform:none!important}}
@media(min-width:801px){
 .hero-right{display:block}
 .hero-right .hero-detail-number{grid-column:1;font-size:2.75rem}
 .hero-right .hero-detail-title{grid-column:1;font-size:1.35rem}
 .hero-right .quality-mark{position:absolute;right:calc(100% + 20px);top:182px;width:clamp(150px,12vw,190px);height:auto;aspect-ratio:1;margin:0;z-index:4}
 .hero-right>p:not(.hero-detail-title){grid-column:1/-1;margin-top:22px}
 .hero-right>.text-link{grid-column:1/-1;margin-top:13px}
}
.brand-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:3vw;align-items:center;overflow:clip}
.brand-intro h2{font-size:clamp(3rem,5.5vw,6rem);max-width:750px}
.brand-intro .intro-bottom{display:block;margin:0;max-width:500px}
.brand-intro .intro-bottom a{margin-top:20px}
.intro-basket{position:relative;margin:0;min-width:0}
.intro-basket img{width:100%;height:auto;transform:translateY(var(--basket-lift,0px)) rotate(var(--basket-turn,0deg));transform-origin:50% 65%}
.intro-basket figcaption{text-align:center;font:600 1.1rem/1.4 Barlow,sans-serif;color:var(--deep-red);margin-top:-6%}

.package-focus-canvas{position:absolute;inset:-4%;width:108%;height:108%;pointer-events:none;z-index:1;opacity:0}
[data-package-status=ready] .package-focus-canvas{opacity:1}
[data-package-focus] .scene-poster{opacity:1!important;transform:none!important}
[data-package-focus=kitchen],[data-package-focus=family]{overflow:clip}
.brand-invitation,.supply-banner{background-color:#771d17;background-image:linear-gradient(110deg,rgba(105,21,17,.93) 0%,rgba(133,26,20,.84) 48%,rgba(123,24,18,.88) 100%),url('/assets/images/wheat-field-v1.webp');background-size:cover;background-position:center 62%;isolation:isolate}
.brand-invitation .eyebrow,.supply-banner .eyebrow{color:#ffe0a9}
.brand-invitation h2 em,.supply-banner h2 em{color:#ffe0a9}
.brand-invitation>div>p:not(.eyebrow){color:#fff9f0}
.ingredient-story{min-height:720px;overflow:clip;grid-template-columns:1fr 1fr;background:#fffcf6}
.ingredient-copy{max-width:540px}
.ingredient-visual{position:absolute;inset:0 0 0 auto;width:76%;height:100%;aspect-ratio:auto;pointer-events:none}
.ingredient-visual .scene-poster{width:100%;height:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#000 53%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 53%)}
.ingredient-story .ingredient-copy p{max-width:425px}
.ingredient-story .ingredient-copy h2{max-width:530px}

@media(min-width:801px) and (max-width:1050px){.site-header{gap:20px}.brand img{width:135px}.desktop-nav{gap:19px;font-size:.9rem}.nav-cta{font-size:.875rem}.hero-right .quality-mark{width:145px;right:calc(100% + 8px);top:174px}.ingredient-visual{width:84%;opacity:.75}.ingredient-copy{background:linear-gradient(90deg,#fffcf6 70%,transparent);padding-right:30px}}
@media(max-width:800px){
 :root{--head:92px}.site-header{height:92px}.brand img{height:88px;width:140px}.brand{margin-left:-13px}
 .mobile-nav{overflow-y:auto}.mobile-nav a{font-size:2rem;padding:13px 0}
 .quality-mark{width:104px;height:104px;margin:8px auto 16px;flex:none}
 .hero-right{display:grid;grid-template-columns:110px minmax(0,1fr);gap:2px 20px;max-width:490px;width:100%;margin:auto;text-align:left;align-items:center;padding-bottom:24px}
 .hero-right .quality-mark{grid-column:1;grid-row:1/3;margin:0}.hero-right>p{grid-column:2;line-height:1.5}.hero-right>.text-link{grid-column:2;font-size:.82rem;width:100%;gap:12px;padding:8px 0}
 .brand-intro{display:flex;flex-direction:column;gap:0;padding-bottom:48px}.intro-story{width:100%}.brand-intro h2{font-size:clamp(2.8rem,9.3vw,4.8rem)}
 .food-intro .intro-copy{width:100%;min-width:0}.food-intro h1{font-size:clamp(2.25rem,10.8vw,5rem)}
 .contact-aside h2{font-size:2.2rem}
 .approach-heading h2{font-size:clamp(2.7rem,9.2vw,4.8rem)}
 .intro-basket{width:min(100%,480px);margin-top:-40px}.intro-basket figcaption{margin-top:-9%}
 .ingredient-story{display:flex;flex-direction:column;min-height:0;gap:12px;padding-bottom:0;background:#fffcf6}
 .ingredient-copy{max-width:none;width:100%}.ingredient-story .ingredient-copy p{max-width:590px}.ingredient-story .ingredient-copy h2{max-width:650px}
 .ingredient-visual{position:relative;inset:auto;width:calc(100% + 48px);height:auto;aspect-ratio:1536/1024;margin-top:-10px}
 .ingredient-visual .scene-poster{height:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 36%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 36%)}
 .approach-story.is-pinned .approach-track{height:205svh;min-height:0}
 .approach-story.is-pinned .approach-stage{padding:0 24px 14px}
 .approach-story.is-pinned .approach-topline{padding:8px 0;gap:10px;min-height:55px}
 .approach-story.is-pinned .approach-topline>span{display:none}
 .approach-story.is-pinned .approach-nav{width:100%;justify-content:space-between;gap:18px}
 .approach-story.is-pinned .approach-nav button{font-size:.875rem;min-height:42px}
 .approach-story.is-pinned .approach-panel{gap:20px;padding:8px 0 12px;justify-content:center}
 .approach-story.is-pinned .approach-art{order:-1;height:clamp(150px,23svh,235px);flex-shrink:0}
 .approach-story.is-pinned .approach-round img{height:min(21svh,210px);width:auto;max-height:100%}
 .approach-story.is-pinned .approach-fold img{height:min(21svh,210px);width:auto;max-height:100%}
 .approach-story.is-pinned .approach-number{display:none}
 .approach-story.is-pinned .approach-copy{width:100%;max-width:550px}
 .approach-story.is-pinned .approach-copy .eyebrow{font-size:.68rem;margin-bottom:12px}
 .approach-story.is-pinned .approach-copy h3{font-size:clamp(2.2rem,7.3vw,3.2rem);margin-bottom:14px}
 .approach-story.is-pinned .approach-copy p:not(.eyebrow){font-size:.94rem;line-height:1.5;max-width:none}
 .approach-story.is-pinned .approach-copy .approach-detail{font-size:.8rem!important;margin:12px 0 0}
 .approach-story.is-pinned .approach-copy .text-link{font-size:.8rem;padding:7px 0;min-height:40px}
 .approach-story.is-pinned .approach-bottomline{font-size:.66rem;line-height:1.35;padding-top:10px;max-width:none}
 .approach-story.is-pinned .approach-scroll-hint{display:none}
}
@media(max-width:380px){.approach-story.is-pinned .approach-art{height:19svh}.approach-story.is-pinned .approach-art img{height:17svh}.approach-story.is-pinned .approach-copy h3{font-size:2.15rem}.approach-story.is-pinned .approach-copy p:not(.eyebrow){font-size:.88rem}.brand-intro h2{font-size:2.7rem}}
.reduce-motion .package-focus-canvas{display:none}.reduce-motion .intro-basket img{transform:none!important}
@media(prefers-reduced-motion:reduce){.package-focus-canvas{display:none}.intro-basket img{transform:none!important}}
@media print{.package-focus-canvas{display:none}.intro-basket img{transform:none!important}.ingredient-visual{position:relative;width:100%;height:auto}.ingredient-visual .scene-poster{mask-image:none;-webkit-mask-image:none}.brand-invitation,.supply-banner{background:#771d17}}

/* Three complete photographic chapters, with no zoom or source-image cropping. */
.chapter-gallery-story{height:auto;min-height:0;background:var(--paper)}
.chapter-gallery-story .chapter-stage{position:relative;top:auto;height:auto;min-height:0;grid-template-columns:.88fr 1.12fr;gap:5vw;padding:80px var(--gutter)}
.chapter-gallery-story .chapter-copy{max-width:560px;padding-bottom:0;background:transparent}
.chapter-gallery-story .chapter-copy h2{font-size:clamp(3rem,5.2vw,5.5rem);margin-bottom:28px}
.chapter-gallery-story .chapter-nav{display:none}
.chapter-gallery-story.is-enhanced .chapter-nav{display:flex}
.chapter-gallery-story .chapter-panels{min-height:155px}
.chapter-gallery-story:not(.is-enhanced) .chapter-panels>div+div{margin-top:24px}
.chapter-gallery-wrap{width:100%;min-width:0;max-width:820px;justify-self:end;perspective:1400px}
.chapter-gallery{display:grid;gap:24px;transform:translateY(var(--gallery-lift,0px)) rotateY(var(--gallery-turn,0deg));transform-origin:50% 50%}
.chapter-frame{position:relative;margin:0;width:100%;isolation:isolate}
.chapter-frame img{display:block;width:100%;height:auto;object-fit:contain}
.chapter-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 85% at -22% 22%,rgba(173,38,29,.5),transparent 83%),linear-gradient(26deg,rgba(221,162,58,.27),transparent 32%,transparent 82%,rgba(173,38,29,.16))}
.is-enhanced .chapter-gallery{display:block;position:relative;aspect-ratio:4/3}
.is-enhanced .chapter-frame{position:absolute;inset:0;opacity:0;transform:translate3d(calc(var(--chapter-direction,1)*22px),16px,0) rotate(calc(var(--chapter-direction,1)*.8deg));transition:opacity .65s ease,transform .85s cubic-bezier(.22,.7,.25,1);pointer-events:none}
.is-enhanced .chapter-frame.is-active{opacity:1;transform:none;z-index:1}
.chapter-artnote{display:flex;justify-content:flex-end;gap:20px;margin-top:18px;font-size:.75rem;line-height:1.4;color:var(--muted)}
.chapter-artnote [data-chapter-count]{font-variant-numeric:tabular-nums;color:var(--deep-red);font-weight:600}
.chapter-gallery-story .chapter-progress{display:none}
.chapter-gallery-story.is-gallery-pinned{height:270svh;min-height:0}
.chapter-gallery-story.is-gallery-pinned .chapter-stage{position:sticky;top:var(--head);height:calc(100svh - var(--head));min-height:0;padding-top:32px;padding-bottom:48px}
.chapter-gallery-story.is-gallery-pinned .chapter-progress{display:block}
@media(max-width:800px){
 .chapter-gallery-story .chapter-stage{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:50px 24px}
 .chapter-gallery-story .chapter-copy{display:contents}
 .chapter-gallery-story .chapter-copy>.eyebrow{order:0;margin:0;font-size:.7rem}
 .chapter-gallery-story .chapter-copy h2{order:1;font-size:clamp(2.6rem,9vw,4rem);line-height:1.05;margin:0 0 6px}
 .chapter-gallery-wrap{order:2;align-self:center;max-width:510px}
 .chapter-gallery-story .chapter-nav{order:3;margin-top:8px;gap:14px}
 .chapter-gallery-story .chapter-panels{order:4;margin:0;min-height:150px}
 .chapter-gallery-story .chapter-copy>.text-link{order:5;align-self:flex-start;margin:0}
 .chapter-gallery-story .chapter-progress{order:6}
 .chapter-gallery-story.is-gallery-pinned .chapter-stage{gap:12px;padding:20px 24px 28px;justify-content:center}
 .chapter-gallery-story.is-gallery-pinned .chapter-copy>.eyebrow{font-size:.64rem}
 .chapter-gallery-story.is-gallery-pinned .chapter-copy h2{font-size:2.45rem;margin:0}
 .chapter-gallery-story.is-gallery-pinned .chapter-gallery-wrap{width:min(100%,calc(25svh * 4 / 3));max-width:390px}
 .chapter-gallery-story.is-gallery-pinned .chapter-artnote{display:none}
 .chapter-gallery-story.is-gallery-pinned .chapter-nav{margin:0;gap:10px}
 .chapter-gallery-story.is-gallery-pinned .chapter-nav button{font-size:.77rem;min-height:44px;padding:6px 0 10px}
 .chapter-gallery-story.is-gallery-pinned .chapter-nav button span{display:inline;font-size:.65rem;margin:0 4px 0 0}
 .chapter-gallery-story.is-gallery-pinned .chapter-panels{min-height:132px}
 .chapter-gallery-story.is-gallery-pinned .chapter-panels h3{font-size:1rem;line-height:1.3;margin-bottom:8px}
 .chapter-gallery-story.is-gallery-pinned .chapter-panels p{font-size:.96rem;line-height:1.5}
 .chapter-gallery-story.is-gallery-pinned .chapter-copy>.text-link{font-size:.875rem;min-height:40px;padding:8px 0}
 .chapter-gallery-story.is-gallery-pinned .chapter-progress{bottom:10px;left:24px;right:24px}
}
.reduce-motion .chapter-gallery,.reduce-motion .chapter-frame{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.chapter-gallery,.chapter-frame{transform:none!important;transition:none!important}}
@media print{.chapter-gallery-story.is-gallery-pinned{height:auto}.chapter-gallery-story.is-gallery-pinned .chapter-stage{position:relative;top:auto;height:auto}.is-enhanced .chapter-gallery{display:grid;aspect-ratio:auto}.is-enhanced .chapter-frame{position:relative;opacity:1;transform:none}.chapter-gallery-story .chapter-nav{display:none!important}}

/* Responsive reading layouts: full photographs, readable text, native scrolling. */
.experience-proof{text-align:center;align-self:center}
.story-feature .experience-proof .experience-caption{margin:24px auto 0}
.heading-line{display:block;white-space:nowrap}
.nutrition-section>*{min-width:0}
.nutrition-table thead th:last-child{white-space:normal;width:42%}
#kitchens h2,.supply-guide h2{font-size:clamp(1.75rem,4.15vw,4.65rem)}
.mobile-nav{overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(28px,env(safe-area-inset-bottom))}
.menu-open .mobile-supply{visibility:hidden}
@media(max-width:1024px){
 :root{--head:92px}
 html{scroll-padding-top:112px}
 .site-header{height:var(--head)}
 .site-header .brand img{width:140px;height:88px}
 .desktop-nav,.nav-cta{display:none}
 .menu-toggle{display:flex;align-items:center;gap:20px;min-width:72px;min-height:44px;padding:6px 0;background:none;border:0;font-size:1rem}
 .menu-toggle span{font-size:1.5rem}
 .mobile-nav{gap:8px;padding-top:18px}
 .mobile-nav a{font-size:clamp(1.7rem,5vw,2.4rem);padding:14px 0;min-height:48px}
 .contact-layout{display:block;padding-top:54px;padding-bottom:64px}
 .contact-aside{position:static;margin-bottom:42px}
 .contact-aside>p,.contact-options{max-width:600px}
 .enquiry-form{max-width:760px}
 .contact-options a{min-height:48px;overflow-wrap:anywhere}
 .footer-main>*{min-width:0}
 .brand-footer .footer-main{grid-template-columns:1fr 1fr;gap:30px}
 .footer-identity{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}
 .footer-identity p{margin:0}
 .footer-company{grid-template-columns:1fr;gap:16px}
 .footer-explore nav a,.footer-contact>a,.footer-bottom>a,.motion-toggle{min-height:44px;display:flex;align-items:center}
 .brand-footer .footer-main nav{gap:2px}
 .chapter-gallery-story .chapter-stage{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:50px var(--gutter)}
 .chapter-gallery-story .chapter-copy{display:contents}
 .chapter-gallery-story .chapter-copy>.eyebrow{order:0;margin:0;font-size:.75rem}
 .chapter-gallery-story .chapter-copy h2{order:1;font-size:clamp(2.6rem,7.5vw,4.5rem);margin:0 0 14px;line-height:1.05}
 .chapter-gallery-wrap{order:2;align-self:center;max-width:520px}
 .chapter-gallery-story .chapter-nav{order:3;gap:12px}
 .chapter-gallery-story .chapter-panels{order:4;margin:0;min-height:0}
 .chapter-gallery-story .chapter-copy>.text-link{order:5;align-self:flex-start;margin:0}
 .chapter-gallery-story.is-scroll-steps{--chapter-art-height:min(35svh,calc((100vw - 48px)*.75),360px)}
 .is-scroll-steps .chapter-stage{gap:0;isolation:isolate}
 .is-scroll-steps .chapter-copy>.eyebrow{margin-bottom:16px}
 .is-scroll-steps .chapter-copy h2{margin-bottom:28px}
 .is-scroll-steps .chapter-gallery-wrap{position:sticky;top:var(--head);z-index:3;max-width:none;height:calc(var(--chapter-art-height) + 16px);padding:8px 0;background:var(--paper);perspective:none}
 .is-scroll-steps .chapter-gallery{height:var(--chapter-art-height);width:auto;max-width:100%;margin:auto;transform:none}
 .is-scroll-steps .chapter-artnote{display:none}
 .chapter-gallery-story.is-scroll-steps .chapter-nav{position:sticky;top:calc(var(--head) + var(--chapter-art-height) + 16px);z-index:4;flex:none;min-height:58px;margin:0;background:var(--paper);box-shadow:0 12px 18px var(--paper)}
 .is-scroll-steps .chapter-nav button{min-width:0;min-height:58px;font-size:clamp(.875rem,2.5vw,1rem);padding:8px 0;line-height:1.25}
 .is-scroll-steps .chapter-nav button span{font-size:.75rem;margin-bottom:4px}
 .chapter-gallery-story.is-scroll-steps .chapter-panels>div{min-height:clamp(220px,calc(100svh - var(--head) - var(--chapter-art-height) - 100px),460px);padding:28px 0 44px;animation:none;scroll-margin-top:calc(var(--head) + var(--chapter-art-height) + 90px)}
 .is-scroll-steps .chapter-panels h3{font-size:1.08rem;margin-bottom:12px}
 .is-scroll-steps .chapter-panels p{font-size:1rem;line-height:1.6;max-width:620px}
 .is-scroll-steps .chapter-copy>.text-link{margin-top:12px}
 .chapter-reading .mobile-supply{visibility:hidden;pointer-events:none}
}
@media(min-width:801px) and (max-width:1024px){
 .food-intro{gap:28px;grid-template-columns:1.15fr .85fr}
 .food-intro h1{font-size:5.4vw}
 .story-feature,.business-block{gap:36px}
 .supply-guide{gap:36px}
 .family-heading{gap:24px}
 .ingredient-copy{max-width:480px}
}
@media(max-width:800px){
 #kitchens h2,.supply-guide h2{font-size:clamp(1.75rem,8.6vw,3.6rem)}
 .site-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}
 .story-feature .experience-proof{padding:0 0 10px}
 .experience-number{font-size:clamp(9rem,35vw,12rem)}
 .ingredient-story{display:block;isolation:isolate;min-height:680px;padding:54px 24px 150px;background:#fffcf6}
 .ingredient-story .ingredient-copy{position:relative;z-index:2;padding:0;background:none;max-width:600px}
 .ingredient-story .ingredient-copy h2{font-size:clamp(2.55rem,9vw,4.3rem)}
 .ingredient-story .ingredient-copy p{color:var(--cocoa)}
 .ingredient-story .ingredient-visual{position:absolute;inset:0;z-index:0;width:100%;height:100%;aspect-ratio:auto;margin:0;opacity:1;overflow:hidden}
 .ingredient-story .ingredient-visual .scene-poster{width:100%;height:100%;object-fit:cover;object-position:67% bottom;mask-image:none;-webkit-mask-image:none}
 .ingredient-story:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(165deg,#fffcf6 4%,rgba(255,252,246,.97) 24%,rgba(255,252,246,.9) 53%,rgba(255,252,246,.62) 72%,rgba(255,252,246,.04) 100%)}
 .ingredient-story .text-link{color:var(--deep-red)}
 .button{max-width:100%;gap:16px}
 .button>span{flex-shrink:0}
 .nutrition-table{table-layout:auto}
}
@media(max-width:480px){
 .brand-footer .footer-main{grid-template-columns:1fr}
 .footer-identity{grid-column:auto}
 .footer-contact .footer-email{font-size:1.05rem}
 .hero-actions .button{width:100%}
 .ingredient-story{padding-bottom:140px}
 .nutrition-intro h2{font-size:clamp(2.35rem,9.5vw,3rem)}
}
@media(max-width:359px){
 .brand-intro h2{font-size:2.3rem}
 .faq-section h2{font-size:2.45rem}
}
@media(max-height:500px) and (max-width:1024px){
 :root{--head:72px}
 .site-header .brand img{height:68px;width:105px}
 .mobile-nav{padding-top:10px}
 .mobile-nav a{font-size:1.4rem;padding:8px 0}
 .chapter-gallery-story.is-scroll-steps{--chapter-art-height:min(22svh,150px)}
 .is-scroll-steps .chapter-nav button span{display:inline;margin-right:6px}
 .chapter-gallery-story.is-scroll-steps .chapter-nav,.is-scroll-steps .chapter-nav button{min-height:44px}
}
@media print{
 .is-scroll-steps .chapter-gallery-wrap,.chapter-gallery-story.is-scroll-steps .chapter-nav{position:static}
 .is-scroll-steps .chapter-gallery-wrap,.is-scroll-steps .chapter-gallery{height:auto}
 .chapter-gallery-story.is-scroll-steps .chapter-panels>div{min-height:0}
 .ingredient-story:after{display:none}
}

/* Compact chapter stage: the photograph and copy change together, not past each other. */
.chapter-mobile-heading{display:none}
.chapter-gallery-story.is-enhanced:not(.is-scroll-steps) .chapter-panels{display:grid;align-items:start}
.chapter-gallery-story.is-enhanced:not(.is-scroll-steps) .chapter-panels>div{grid-area:1/1;opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .48s cubic-bezier(.2,.7,.2,1),visibility .28s;animation:none}
.chapter-gallery-story.is-enhanced:not(.is-scroll-steps) .chapter-panels>div[aria-hidden="true"]{opacity:0;visibility:hidden;transform:translateX(calc(var(--chapter-direction,1)*14px));pointer-events:none}
.chapter-gallery-story.is-enhanced:not(.is-scroll-steps) .chapter-panels>div[aria-hidden="false"]{transition-delay:.1s;pointer-events:auto}
@media(max-width:1024px){
 .chapter-mobile-heading{display:block;padding:48px var(--gutter) 26px}
 .chapter-mobile-heading .eyebrow{font-size:.75rem;color:var(--red);margin-bottom:18px}
 .chapter-mobile-heading h2{font-size:clamp(2.6rem,7.5vw,4.5rem);line-height:1.05}
 .chapter-gallery-story .chapter-stage{padding-top:16px;gap:16px}
 .chapter-gallery-story .chapter-panels{min-height:0}
 .chapter-gallery-story .chapter-panels h3{font-size:1.125rem;margin:0 0 10px;line-height:1.3}
 .chapter-gallery-story .chapter-panels p{font-size:1rem;line-height:1.6}
 .chapter-gallery-story .chapter-nav{margin:0;gap:12px}
 .chapter-gallery-story .chapter-nav button{font-size:.875rem;padding:8px 0 10px;min-height:54px;line-height:1.25}
 .chapter-gallery-story .chapter-nav button span{font-size:.75rem;margin-bottom:4px}
 .chapter-gallery-story .chapter-copy>.text-link{min-height:40px;padding-block:8px;font-size:.9375rem}
 .chapter-gallery-story .chapter-artnote{display:none}
 .chapter-gallery-story.is-mobile-pinned{height:var(--mobile-story-height);min-height:0}
 .chapter-gallery-story.is-mobile-pinned .chapter-stage{position:sticky;top:var(--head);height:auto;min-height:0;padding:12px var(--gutter) 24px;gap:14px}
 .chapter-gallery-story.is-mobile-pinned .chapter-gallery-wrap{height:var(--mobile-art-height);max-width:none;perspective:none}
 .chapter-gallery-story.is-mobile-pinned .chapter-gallery{height:100%;width:auto;max-width:100%;margin:auto;transform:none}
 .chapter-gallery-story.is-mobile-pinned .chapter-frame{transform:translateX(calc(var(--chapter-direction,1)*14px));transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
 .chapter-gallery-story.is-mobile-pinned .chapter-frame.is-active{transform:none}
 .chapter-gallery-story.is-mobile-pinned .chapter-progress{display:block;bottom:7px}
 .chapter-reading .mobile-supply{visibility:hidden;pointer-events:none}
 /* Space for the food itself, rather than squeezing both scenes into a phone viewport. */
 .approach-story .approach-round img{width:100%;max-width:520px}
 .approach-story .approach-fold img{width:112%;max-width:min(112%,760px)}
}
@media(max-width:800px){
 .approach-art{margin-block:12px}
 .approach-round{max-width:460px;align-self:center}
 .approach-fold{max-width:620px;align-self:center}
 .approach-panel{gap:30px}
}
.reduce-motion .chapter-panels>div{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.chapter-panels>div{transition:none!important;transform:none!important}}
@media print{
 .chapter-gallery-story.is-mobile-pinned{height:auto}
 .chapter-gallery-story.is-mobile-pinned .chapter-stage{position:static}
 .chapter-gallery-story.is-enhanced .chapter-panels>div{opacity:1!important;visibility:visible!important;transform:none!important;grid-area:auto!important}
}