/* Scroll-linked light and colour, scoped to the bread scene. */
.fresh-story{height:275svh;background:#f6f2dd}
.fresh-sticky{--food-bg:246,242,221;--food-ink:0,25,20;--food-accent:50,111,58;--food-muted:75,106,75;background:rgb(var(--food-bg));color:rgb(var(--food-ink))}
.fresh-copy h2,.fresh-copy .eyebrow{color:rgb(var(--food-ink))}.fresh-copy h2 em{color:rgb(var(--food-accent))}.fresh-copy p,.fresh-label,.fresh-bottom{color:rgb(var(--food-muted))}
.fresh-glow{inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 48%,rgba(157,230,126,.12),transparent 42%);transform:translateX(calc((var(--food-progress,0) - .5)*100px));opacity:var(--food-night,0)}
.bread-aura{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 57%,rgba(200,244,135,.22),transparent 58%);opacity:var(--food-night,0);transform:translate3d(calc((var(--food-progress,0) - .5)*70px),calc((var(--food-progress,0) - .5)*-50px),-25px) scale(calc(.85 + var(--food-progress,0)*.35))}
.bread-cycle{position:absolute;width:600px;height:600px;left:50%;top:53%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(calc(52deg + var(--food-progress,0)*8deg)) rotateZ(calc(-25deg + var(--food-progress,0)*140deg));pointer-events:none;color:rgb(var(--food-accent));opacity:calc(.24 + var(--food-night,0)*.42)}
.bread-cycle svg{display:block;width:100%;height:100%;overflow:visible}.cycle-guide{stroke:currentColor;stroke-width:.8;opacity:.35}.inner-guide{opacity:.15}.cycle-line{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--food-progress,0));transform:rotate(-90deg);transform-origin:center}.cycle-arrow{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fresh-ring{opacity:.3;border-color:rgba(var(--food-accent),.3)}.fresh-sculpture{opacity:calc(.18 + var(--food-night,0)*.25)}.fresh-sculpture:before,.fresh-sculpture:after,.fresh-sculpture i{border-color:rgba(var(--food-accent),.3);box-shadow:none}
.bread-milestones{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;max-width:540px}.bread-milestones span{display:flex;align-items:center;gap:7px;font-size:9px;color:rgb(var(--food-ink));padding:9px 10px;border:1px solid rgba(var(--food-ink),.18);border-radius:30px;background:transparent;transition:background .3s,border-color .3s}.bread-milestones b{font-size:7px;letter-spacing:.5px;font-weight:400}.bread-milestones .active{background:rgba(var(--food-accent),.16);border-color:rgba(var(--food-accent),.8)}
@media(max-width:1000px){.bread-cycle{width:480px;height:480px}.bread-milestones{gap:7px}.bread-milestones span{font-size:8px;padding:8px}.bread-milestones b{font-size:6px}}
@media(max-width:600px){.fresh-story{height:265svh}.bread-cycle{width:370px;height:370px;top:52%}.bread-milestones{margin-top:19px;gap:6px}.bread-milestones span{font-size:7px;padding:7px 8px;gap:5px}.bread-milestones b{font-size:6px}.fresh-copy p{margin-top:16px}.fresh-visual{margin-top:10px}.bread-aura{inset:-10% -20%}}
@media(prefers-reduced-motion:reduce){.fresh-story{height:auto}.bread-cycle{transform:translate(-50%,-50%) rotateX(55deg)!important}.bread-aura,.fresh-glow{transform:none!important}.bread-milestones span{transition:none}}