/* Scroll directs the film. Original Trepo artwork, colors and Roboto retained. */
html{scroll-behavior:auto}.scroll-story,.recipe-scroll{position:relative;margin:80px 0 110px;border:0;padding:0;--progress:0;--shrink:0}.scroll-stage{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:5vw;padding:24px 0;min-width:0}.story-heading{min-width:0}.story-heading h2{font-size:clamp(43px,5.8vw,88px);font-weight:600;line-height:1.02;letter-spacing:-.055em;margin:0 0 25px;transform-origin:left center}.story-heading>p{font-size:20px;line-height:1.5;max-width:330px;margin:0 0 28px;color:#486254}.story-window{min-width:0;overflow:hidden;border-radius:30px;position:relative}.story-track{display:flex;gap:24px;will-change:transform}.story-card{flex:0 0 100%;min-width:0;background:#f3f5f0;border-radius:30px;overflow:hidden}.story-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:#e9eee9}.story-media video{display:block;width:100%;height:100%;object-fit:cover}.story-caption{padding:26px 30px 30px}.story-caption h3{font-size:clamp(27px,2.7vw,39px);line-height:1.08;margin:0 0 12px;font-weight:600}.story-caption p{font-size:clamp(17px,1.5vw,21px);line-height:1.5;margin:0;max-width:610px;color:#486254}.story-controls{display:flex;gap:18px;align-items:center;margin:30px 0 18px}.story-controls button{width:46px;height:46px;border:1px solid #1a433c35;background:white;border-radius:50%;font-size:24px;color:#1a433c}.story-controls button:disabled{opacity:.3;cursor:default}.story-controls button:hover:not(:disabled){background:#fcf5cf}.scene-count{font-size:14px;font-variant-numeric:tabular-nums}.story-heading .scroll-cue,.scroll-cue{font-size:13px;margin:14px 0 0;color:#64776e}.story-progress{height:3px;background:#1a433c14;overflow:hidden}.story-progress i{display:block;width:100%;height:100%;background:#1a433c;transform:scaleX(var(--progress));transform-origin:left}.scroll-enabled>.scroll-stage,.scroll-enabled>.recipe-stage{position:sticky;top:var(--pin-top,110px)}.scroll-enabled .story-heading h2{font-size:clamp(42px,calc(5.8vw - var(--shrink)*2.2vw),88px)}.recipe-stage{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.2fr);align-items:center;gap:6vw;padding:24px 0}.recipe-value h2{font-size:clamp(40px,4vw,62px);line-height:1.04;margin-bottom:30px}.recipe-benefits{display:grid;gap:22px}.recipe-benefits article{padding:0 0 0 22px;border-left:2px solid #1a433c20;opacity:.48}.recipe-benefits article[data-active=true]{opacity:1;border-color:#f8d849}.recipe-benefits h3{font-size:clamp(22px,2vw,29px);margin:0 0 8px}.recipe-benefits p{font-size:18px;line-height:1.45;margin:0;max-width:440px;color:#486254}.recipe-media{min-width:0}.recipe-media .story-media{border-radius:30px}.recipe-media .story-progress{margin:14px 20px 0}.recipe-media .scroll-cue{text-align:center}.fridge-inset{position:absolute;right:18px;bottom:18px;width:27%;aspect-ratio:1.3;object-fit:cover;border:3px solid white;border-radius:18px;box-shadow:0 5px 25px #0002;opacity:var(--fridge,0);transform:translateY(calc((1 - var(--fridge,0))*15px))}.privacy-simple{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:65px 0;border-top:1px solid #1a433c25;border-bottom:1px solid #1a433c25;margin:40px 0}.privacy-simple h2{font-size:clamp(32px,3.5vw,50px);margin-bottom:24px}.privacy-simple a{font-size:17px;text-underline-offset:6px}.privacy-simple ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}.privacy-simple li strong{display:block;font-size:21px;font-weight:500}.privacy-simple li span{font-size:17px;color:#486254;display:block;margin-top:5px}.questions-section{display:grid;grid-template-columns:1fr 1.3fr;gap:6vw;border:0}.questions-section h2{font-size:clamp(32px,3.4vw,48px)}.questions-section .faq{width:100%}.questions-section details:first-child{padding-top:0}.questions-section summary{font-weight:500;font-size:21px;line-height:1.35}.questions-section details p{font-size:18px;line-height:1.55}.hero-first .hero-video video{object-fit:contain;background:#edf1eb}.opening-copy p{font-size:22px}.hero-video .media-window{border-radius:30px}.hero-first .hero-video .media-window{height:auto;aspect-ratio:3/2;max-height:72svh}.scroll-story:focus-within .story-window{outline-offset:5px}.story-window:focus-visible{outline:3px solid #57bedb}.manual-motion .scroll-stage,.manual-motion .recipe-stage{position:static}.manual-motion .scroll-stage{grid-template-columns:1fr}.manual-motion .story-track{display:grid;grid-template-columns:repeat(3,1fr);transform:none!important}.manual-motion .story-controls,.manual-motion .scroll-cue{display:none}.manual-motion .recipe-benefits article{opacity:1}.manual-motion .recipe-stage{align-items:start}.manual-motion .story-caption{padding:22px}.manual-motion .story-caption h3{font-size:28px}.manual-motion .story-caption p{font-size:17px}
@media(min-width:801px) and (max-height:800px){.scroll-stage{grid-template-columns:.8fr 1.2fr;gap:6vw}.story-caption{padding:19px 24px}.story-caption h3{font-size:29px}.story-caption p{font-size:17px}.story-media{max-height:calc(100svh - 340px)}.recipe-value h2{font-size:40px;margin-bottom:22px}.recipe-benefits{gap:16px}.recipe-benefits p{font-size:16px}.recipe-benefits h3{font-size:23px}}
@media(max-width:800px){.scroll-story,.recipe-scroll{margin:55px 0 65px}.scroll-stage{grid-template-columns:1fr;gap:18px;padding:12px 0}.story-heading{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center}.story-heading h2,.scroll-enabled .story-heading h2{font-size:clamp(30px,calc(9vw - var(--shrink)*1.4vw),46px);line-height:1.06;margin:0}.story-heading>p{font-size:16px;margin:0;grid-column:1/-1;max-width:none}.story-controls{grid-column:2;grid-row:1;margin:0;gap:7px}.story-controls button{width:32px;height:32px;font-size:18px}.scene-count{font-size:11px}.story-heading .scroll-cue{display:none}.story-media{max-height:35svh}.story-window,.story-card,.recipe-media .story-media{border-radius:23px}.story-caption{padding:20px}.story-caption h3{font-size:26px;margin-bottom:9px}.story-caption p{font-size:16px;line-height:1.45}.recipe-stage{grid-template-columns:1fr;gap:18px;padding:14px 0}.recipe-value h2{font-size:35px;margin:0 0 22px}.recipe-benefits{display:block;position:relative;min-height:146px}.recipe-benefits article{position:absolute;inset:0;opacity:0;visibility:hidden;padding-left:15px}.recipe-benefits article[data-active=true]{visibility:visible;opacity:1}.recipe-benefits h3{font-size:24px}.recipe-benefits p{font-size:17px;line-height:1.45;max-width:none}.recipe-media .story-media{max-height:32svh}.recipe-media .scroll-cue{margin-top:10px}.privacy-simple{grid-template-columns:1fr;gap:30px;padding:40px 0;margin:20px 0}.privacy-simple li strong{font-size:20px}.questions-section{grid-template-columns:1fr;gap:15px}.questions-section summary{font-size:19px}.questions-section details p{font-size:16px}.opening-copy p{font-size:19px}.hero-first .hero-video .media-window{min-height:0;height:auto;max-height:none;aspect-ratio:3/2}.hero-product-label{font-size:10px;top:12px;left:12px;padding:8px 12px}.manual-motion .story-track{grid-template-columns:1fr}.manual-motion .recipe-benefits{display:grid;gap:20px}.manual-motion .recipe-benefits article{position:static;visibility:visible;opacity:1}.fridge-inset{right:12px;bottom:12px;border-width:2px;border-radius:12px}.manual-motion .story-media{max-height:none}}
@media(max-height:620px){.scroll-stage,.recipe-stage{position:static!important}.story-media{max-height:none}}
@media(prefers-reduced-motion:reduce){.story-track{will-change:auto}.recipe-benefits article{transition:none}}
@media(min-width:801px) and (max-height:800px){.story-window{width:100%;max-width:calc((100svh - 340px)*1.5);justify-self:end}.story-window .story-media{width:100%;max-height:none}.recipe-media .story-media{width:100%;max-height:none}}
#recipes.recipe-scroll{padding:0;margin:80px 0 110px;border:0;background:none;border-radius:0;box-shadow:none}
@media(min-width:801px){.recipe-benefits h3{font-size:clamp(25px,2vw,29px)}.recipe-benefits p{font-size:18px}.recipe-benefits article{opacity:.65}}
@media(max-width:800px){#recipes.recipe-scroll{margin:55px 0 65px}.story-media{width:100%}}