/* Product stories follow ordinary page scrolling; content is readable before JS. */
.scroll-story{padding-bottom:64px;--story-progress:0;--story-local:.5;background:var(--cream)}
.story-intro{display:grid;grid-template-columns:1fr 220px;gap:64px;align-items:end;padding-block:64px 48px}
.story-intro h1{font-size:clamp(48px,6vw,88px);line-height:1.02}.story-intro>div>p{font-size:17px;margin-top:26px;max-width:54ch}.story-instructions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:5px}.story-instructions>span{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:650}.story-instructions .arrow{height:18px;width:18px}.motion-toggle{background:transparent;border:0;border-bottom:1px solid currentColor;padding:8px 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:left;min-height:40px}.motion-toggle:hover{color:var(--green)}
.scroll-layout{display:block}.story-stage{display:none}.story-chapter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:56px;border-top:1px solid var(--line);scroll-margin-top:32px}.chapter-photo>img{width:100%;height:auto;object-fit:contain}.chapter-name{font-size:15px;font-weight:700;color:var(--muted);display:block;margin-bottom:22px}.chapter-copy h2{font-size:clamp(36px,3.7vw,56px);line-height:1.04;margin-bottom:26px}.chapter-copy>p{font-size:16px;line-height:1.9;max-width:45ch;color:var(--muted)}.chapter-detail{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);max-width:44ch}.chapter-detail>strong{font-size:13px;font-weight:700}.chapter-detail>p{font-size:15px;line-height:1.8;margin-top:10px}.fruit-names{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px;font-weight:600;font-size:16px}.chapter-photo{max-width:540px}
.story-ready .scroll-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:96px;align-items:start}.story-ready .story-stage{display:block;position:sticky;top:24px;margin-bottom:32px;min-width:0}.story-ready .chapter-photo{display:none}.story-ready .story-chapter{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:74svh;border:0;padding-block:64px}.story-art{height:clamp(390px,calc(100svh - 210px),650px);position:relative;overflow:hidden;background:#eee6ca;transition:background .4s ease-out}.story-word{position:absolute;top:20px;left:10px;right:10px;text-align:center;font-size:clamp(48px,6.3vw,94px);font-weight:900;text-transform:uppercase;line-height:1.1;letter-spacing:-.035em;color:#66734c;z-index:0}.story-images{position:absolute;inset:58px 0 0;display:grid;isolation:isolate}.story-image{grid-area:1/1;width:100%;height:100%;opacity:0;pointer-events:none;transform:translateY(20px) rotate(-5deg);transition:opacity .28s ease-out;min-height:0;min-width:0}.story-image>img{width:100%;height:100%;object-fit:contain}.story-image.is-active{opacity:1;transform:translateY(calc((var(--story-local,.5) - .5)*-30px)) rotate(calc((var(--story-local,.5) - .5)*9deg))}.story-nav{display:flex;gap:8px;justify-content:center;padding:15px 0 12px;flex-wrap:wrap}.story-nav>a{border:1px solid var(--green);border-radius:999px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px 20px;font-size:13px;font-weight:600;line-height:1.4}.story-nav>a[aria-current=step]{background:var(--green);color:var(--cream)}.story-nav>a:hover{background:var(--paper);color:var(--green)}.story-meter{height:2px;background:#aeb899;overflow:hidden}.story-meter>span{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(var(--story-progress,0));transform-origin:left center}.story-photo-note{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;margin-top:10px}.story-photo-status{position:absolute;inset:50% 24px auto;background:var(--cream);padding:16px;font-size:13px;text-align:center;z-index:4;border:1px solid var(--line);border-radius:8px}
.hummus-scroll[data-active=beetroot] .story-art{background:#efd8d4}.hummus-scroll[data-active=beetroot] .story-word{color:#944359}.hummus-scroll[data-active=spinach] .story-art{background:#e0e6cd}.hummus-scroll[data-active=spinach] .story-word{color:#597044}
.snacks-scroll .story-word{font-size:clamp(24px,2.8vw,40px);text-transform:none;top:25px;letter-spacing:-.025em}.snacks-scroll .story-images{inset:83px 0 0}.snacks-scroll .story-image>img{object-fit:cover}.snacks-scroll [data-story-image=fruit]>img{object-position:24% 50%}.snacks-scroll [data-story-image=sprouts]>img{object-position:100% 50%}.snacks-scroll .story-image.is-active{transform:scale(1.045) translateY(calc((var(--story-local,.5) - .5)*-12px))}.snacks-scroll .story-art{background:#e6e7cd}.snacks-scroll[data-active=sprouts] .story-art{background:#dae0bc}.snacks-scroll .chapter-photo{height:360px;overflow:hidden}.snacks-scroll .chapter-photo>img{width:100%;height:100%;object-fit:cover;object-position:25% 50%}.snacks-scroll [data-chapter=sprouts] .chapter-photo>img{object-position:100% 50%}
.preserve-scroll .story-intro h1{font-size:clamp(45px,5.4vw,80px)}.preserve-scroll .story-art{background:#eadfbf}.preserve-scroll .story-word{font-size:clamp(30px,3.4vw,52px);top:30px;text-transform:none}.preserve-scroll[data-active=dry] .story-art{background:#e7c96d}.preserve-scroll[data-active=ready] .story-art{background:#dbe1bf}.preserve-scroll .chapter-name{color:#53634b}
.focused-enquiry{background:var(--sage);padding-block:72px}.focused-enquiry>.wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px}.focused-enquiry h2{font-size:clamp(36px,4.1vw,60px)}.focused-enquiry h2+p{font-size:16px;line-height:1.9;margin-top:26px;max-width:43ch}.focused-enquiry label{display:block;font-size:14px;font-weight:650;margin-bottom:14px}.focused-enquiry select{display:block;width:100%;max-width:400px;border:1px solid #8a9974;border-radius:7px;background:var(--cream);padding:13px 14px;font-size:16px;min-height:52px;margin-bottom:24px}.focused-enquiry .small-copy{font-size:12px;margin-top:24px}.focused-enquiry .small-copy a{text-decoration:underline;text-underline-offset:4px}
.snack-order{padding-block:72px 88px}.snack-order .section-intro{margin-bottom:40px}.snack-order .snack-panel{display:block;background:var(--sage);padding:40px}.snack-order .snack-copy{max-width:780px}.snack-order .snack-copy h3{font-size:27px;margin-bottom:16px}.snack-order .snack-copy>p{max-width:70ch}.snack-order .fruit-options{margin-top:24px}.snack-order .button{margin-top:28px}.snack-order .snack-copy>.small-copy{margin-top:20px}.snack-order .snack-tabs{margin-bottom:24px}
.page-hummus .prep-section{padding-block:64px}.page-hummus .pouch-story{padding-block:80px}.page-hospitality .catalogue-spread{padding-bottom:80px}.page-faq .faq-browser{padding-bottom:80px}
@media(max-width:1100px){.story-intro{gap:40px;grid-template-columns:1fr 190px}.story-intro h1{font-size:6.1vw}.story-ready .scroll-layout{gap:56px}.chapter-copy h2{font-size:42px}.story-nav>a{padding:10px 15px;font-size:12px}.focused-enquiry>.wrap{gap:64px}}
@media(max-width:850px){.story-intro{grid-template-columns:1fr;gap:24px;padding-top:48px}.story-intro h1{font-size:58px}.story-instructions{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.story-instructions>span{font-size:13px}.story-ready .scroll-layout{gap:40px}.chapter-copy h2{font-size:36px}.chapter-copy>p{font-size:15px}.chapter-detail>p{font-size:14px}.story-ready .story-chapter{min-height:76svh}.story-nav{gap:7px}.story-nav>a{font-size:11px;padding:10px 13px}.story-word{font-size:6vw}.story-art{height:clamp(340px,calc(100svh - 240px),550px)}.focused-enquiry>.wrap{gap:48px}.focused-enquiry h2{font-size:40px}}
@media(max-width:650px){.scroll-story{padding-bottom:32px}.story-intro{padding-block:40px 32px;gap:22px}.story-intro h1{font-size:45px;line-height:1.03}.story-intro>div>p{font-size:15px;margin-top:24px;line-height:1.8}.story-instructions{gap:20px;align-items:flex-start}.story-instructions>span{font-size:12px;gap:10px;line-height:1.6}.motion-toggle{font-size:11px;min-height:40px;padding-top:0;max-width:150px}.story-ready .scroll-layout{display:block}.story-ready .story-stage{top:0;z-index:4;background:var(--cream);padding-bottom:10px;margin:0 -24px}.story-art{height:clamp(220px,32svh,300px)}.story-word{font-size:43px;top:10px}.story-images{inset:38px 0 0}.story-nav{padding:10px 18px 8px;gap:9px}.story-nav>a{font-size:12px;padding:10px 18px;min-height:44px}.story-photo-note{font-size:10px;margin:6px 20px 0;line-height:1.5}.story-meter{margin-inline:24px}.story-ready .story-chapter{min-height:58svh;padding-block:36px;scroll-margin-top:360px}.chapter-copy h2{font-size:35px;margin-bottom:22px}.chapter-name{font-size:13px;margin-bottom:16px}.chapter-copy>p{font-size:15px;line-height:1.8}.chapter-detail{padding-top:18px;margin-top:22px}.chapter-detail>strong{font-size:12px}.chapter-detail>p{font-size:14px;line-height:1.75}.story-chapter{display:block;padding-block:32px}.chapter-photo{margin-bottom:28px;max-width:340px;margin-inline:auto}.chapter-photo>img{width:100%;height:auto}.snacks-scroll .story-word{top:14px;font-size:26px}.snacks-scroll .story-images{inset:52px 0 0}.snacks-scroll .story-art{height:clamp(220px,31svh,285px)}.snacks-scroll .story-nav>a{font-size:12px;padding-inline:20px}.snacks-scroll .chapter-photo{height:260px}.fruit-names{font-size:14px;gap:12px 20px}.preserve-scroll .story-intro h1{font-size:43px}.preserve-scroll .story-word{font-size:30px;top:14px}.preserve-scroll .story-images{inset:44px 0 0}.preserve-scroll .story-nav{gap:8px;padding-inline:14px}.preserve-scroll .story-nav>a{font-size:11px;padding-inline:13px}.preserve-scroll .story-photo-note{max-width:340px;margin-inline:auto;padding-inline:12px}.focused-enquiry{padding-block:48px}.focused-enquiry>.wrap{display:block}.focused-enquiry h2{font-size:38px}.focused-enquiry h2+p{font-size:15px;margin-top:22px}.focused-enquiry>.wrap>div+div{margin-top:32px}.focused-enquiry label{font-size:13px}.focused-enquiry select{width:100%;max-width:none;font-size:16px}.focused-enquiry .small-copy{font-size:12px}.snack-order{padding-block:48px 56px}.snack-order .section-intro{margin-bottom:28px}.snack-order .section-intro h2{font-size:36px}.snack-order .snack-panel{padding:26px 22px}.snack-order .snack-copy{padding:0;background:none}.snack-order .snack-copy h3{font-size:27px}.snack-order .snack-copy>p{font-size:14px}.snack-order .fruit-options{gap:10px}.snack-order .button{font-size:12px;padding-inline:19px;gap:15px}.page-hummus .pouch-story{padding-block:56px}.page-hummus .prep-section{padding-block:48px}.page-faq .faq-browser{padding-bottom:56px}}
@media(max-width:370px){.story-intro h1{font-size:39px}.preserve-scroll .story-intro h1{font-size:37px}.story-ready .story-stage{margin-inline:-20px}.story-nav>a{font-size:11px;padding:10px 15px}.story-word{font-size:39px}.story-meter{margin-inline:20px}.preserve-scroll .story-nav>a{font-size:10px;padding-inline:12px}.chapter-copy h2{font-size:32px}.story-instructions{gap:12px}.story-instructions>span{font-size:11px}.motion-toggle{font-size:10px;max-width:132px}.focused-enquiry h2{font-size:34px}.snack-order .section-intro h2{font-size:32px}}
/* Crop the shared snack table into two distinct product views at phone ratios. */
.snacks-scroll .story-image>img{width:155%;max-width:none;object-position:left center}
.snacks-scroll [data-story-image=sprouts]>img{transform:translateX(-35.48%);object-position:right center}
@media(prefers-reduced-motion:reduce){.story-image.is-active{transform:none!important}.story-meter>span{transition:none}.story-art{transition:none}}