#crumble{--ground:var(--leaf)}#crumble .story-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);align-items:end;gap:32px;padding:var(--chapter-space) var(--page-gutter) 40px;scroll-margin-top:0}#crumble .story-heading h2{font:600 clamp(40px,5.2vw,76px)/1.02 var(--f-display);letter-spacing:-.03em;text-wrap:balance}#crumble .story-heading .intro-note{padding-bottom:4px}#crumble .story-heading-note{min-width:0}#crumble .story-reading-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin-top:8px;font:400 17px/1.4 var(--f-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}#crumble .story-reading-link:hover{text-decoration-thickness:2px}#crumble .snap-caption,#crumble .scroll-cue{left:var(--page-gutter)}#crumble .hands .snap-caption{left:32.552083%;top:87.890625%;width:max-content;white-space:nowrap;transform:translate(-50%)}.further-reading{position:relative;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:56px;padding:var(--chapter-space) var(--page-gutter);color:#0a4614;background:#fcfade;border-top:1px solid #0A461430;scroll-margin-top:24px}.further-reading h2{margin:0;font:600 var(--section-title-size)/var(--section-title-leading) var(--f-display);letter-spacing:var(--section-title-tracking);text-wrap:balance}.further-reading__article{min-width:0;max-width:65ch}.further-reading h3{margin:0 0 24px;font:600 clamp(26px,2.5vw,34px)/1.12 var(--f-display);letter-spacing:-.02em;text-wrap:balance}.further-reading p{margin:0;font:400 17px/1.55 var(--f-text)}.further-reading__link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin-top:16px;color:inherit;font:400 17px/1.4 var(--f-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.further-reading__link:hover{text-decoration-thickness:2px}.further-reading__link:focus-visible{outline:2px solid currentColor;outline-offset:5px}.further-reading:focus-visible{outline:2px solid currentColor;outline-offset:-8px}.further-reading .further-reading__source{margin-top:8px;font-size:14px}@media(max-width:680px){.further-reading{grid-template-columns:minmax(0,1fr);gap:32px}.further-reading h3{margin-bottom:20px}}#crumble .story-chapters{max-width:none;padding-inline:var(--page-gutter)}#crumble:not(.motion-ready) .scene-finish,#crumble:not(.motion-ready) .bowl,#crumble:not(.motion-ready) .ingredient img,#crumble:not(.motion-ready) .ingredient figcaption,#crumble:not(.motion-ready) .ingredient .arrow{opacity:1!important}#crumble:not(.motion-ready) .ingredient img{transform:none!important}@media(max-width:680px){#crumble .story-heading{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:32px}}#crumble .story-track>.side-scenes{position:absolute;inset:100svh 0 auto;height:120svh;z-index:4}#crumble .side-scene-row{position:sticky;top:12svh;height:60svh}#crumble .side-scenes .vignette{position:relative;top:auto;bottom:auto;opacity:1;transform:none;transition:none;animation:none;will-change:auto}#crumble .side-scenes .vignette-waiting{left:7%;right:auto}#crumble .side-scenes .vignette-scale{left:auto;right:7%;margin-left:auto}@media(max-width:680px){#crumble .side-scenes .vignette-waiting{left:14px}#crumble .side-scenes .vignette-scale{right:14px}}@media(max-width:680px){#crumble.motion-ready .story-stage>.side-scenes{display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:auto;opacity:0}#crumble .story-stage>.side-scenes .side-scene-row{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}#crumble .story-stage>.side-scenes .vignette{position:absolute;width:calc(50% - 58px);margin:0}#crumble .story-stage>.side-scenes .vignette-waiting{left:14px;right:auto;top:21%}#crumble .story-stage>.side-scenes .vignette-scale{left:auto;right:14px;top:43%}#crumble .story-stage>.side-scenes .vignette img{height:clamp(125px,22svh,185px)}#crumble .story-stage>.side-scenes .vignette-scale img{height:clamp(115px,19svh,160px)}#crumble .story-stage>.side-scenes .vignette figcaption{font-size:14px;line-height:1.3;margin-top:10px}#crumble .story-static-scenes{row-gap:32px;padding-top:24px}#crumble .bowl{bottom:76px}#crumble .ingredient-garden{bottom:220px}#crumble .skip-story{font-size:13px}#crumble .ingredient{--ingredient-size:min(var(--mobile-size), calc((100vw - 206px)/2) ,clamp(54px, calc((100svh - 390px)/5) ,92px))}#crumble .ingredient img{width:var(--ingredient-size);height:var(--ingredient-size);top:50%;right:0;margin-top:calc(var(--ingredient-size)/-2);scale:1}#crumble .ingredient figcaption{top:calc(50% - 30px);left:max(0px,calc(100% - var(--ingredient-size) - 112px));font-size:clamp(11px,3.1vw,14px)}#crumble .ingredient .arrow{top:calc(50% - 13px);left:calc(100% - var(--ingredient-size) - 38px);width:42px;height:26px}#crumble .other img{left:0;right:auto}#crumble .other figcaption{left:auto;right:max(0px,calc(100% - var(--ingredient-size) - 112px))}#crumble .other .arrow{left:auto;right:calc(100% - var(--ingredient-size) - 38px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/gb-storefront-story-layout.css.map */