:root{--ink:#284b35;--muted:#73806c;--sage:#eef0e6;--line:rgba(50,76,49,.18);--accent:#788d4d;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#7e8d70 #eef0e6}body{margin:0;color:var(--ink);background:var(--sage);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:#c1cf9d;color:#173a25}em{font-family:var(--serif);font-weight:400;color:#698153}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.99}h1{font-size:clamp(60px,6.6vw,104px)}h2{font-size:clamp(56px,5.8vw,88px)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:16px}.skip-link:focus{top:15px}.site-header{height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:31px;height:39px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round}.wordmark{font:500 45px/.9 var(--serif);letter-spacing:-3px;margin-top:-6px}.brand-dot{color:#859466}.brand-divider{height:28px;width:1px;background:var(--line);margin:0 8px 0 14px}.brand-caption{font-size:8px;letter-spacing:2px;line-height:1.7;font-weight:600}.site-header nav{display:flex;gap:38px;align-items:center;margin-left:-40px;font-size:12px}.site-header nav button{padding:0}.site-header nav a,.site-header nav button{position:relative}.site-header nav a:after,.site-header nav button:after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:100%;bottom:-7px;transition:right .3s}.site-header nav a:hover:after,.site-header nav button:hover:after{right:0}.header-cta{display:flex;align-items:center;gap:27px;padding:13px 20px;border:1px solid #9ba88f;border-radius:30px;font-size:11px;transition:background .25s}.header-cta:hover{background:#dce2ce}.header-cta span{font-size:19px}.journey{height:680vh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;background:var(--sage);transition:background .7s}.stage:after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.22' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ambient-glow{position:absolute;right:-10%;top:-30%;width:85%;height:140%;background:radial-gradient(ellipse,#d9e2bf55 0%,#e4e8d822 45%,transparent 70%);z-index:-1}.scene-canvas{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity 1.2s}.scene-canvas.ready{opacity:1}.scene-canvas canvas{width:100%;height:100%;display:block}.orbit{position:absolute;width:43vw;height:43vw;max-width:680px;max-height:680px;min-width:380px;min-height:380px;border:1px solid #80976d1a;border-radius:50%;right:6%;top:48%;transform:translateY(-50%);pointer-events:none}.orbit-two{width:48vw;height:48vw;max-width:760px;max-height:760px;right:3.5%;border-color:#80976d0c}.scene-copy{position:absolute;left:8%;top:49%;transform:translateY(-50%) translateY(20px);width:42%;max-width:610px;z-index:5;opacity:0;visibility:hidden;transition:opacity .45s,transform .65s,visibility .45s;pointer-events:none}.scene-copy.is-active{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:27px;line-height:1.5}.green-dot{width:6px;height:6px;background:#8ca469;border-radius:50%;box-shadow:0 0 0 4px #82995414}.scene-description{font-size:12px;line-height:1.95;color:#73806f;max-width:335px;margin-top:27px}.round-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;font-weight:600;margin-top:29px}.circle-arrow{border:1px solid #9aa98b;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .25s,transform .25s}.round-link:hover .circle-arrow{background:var(--ink);color:white;transform:translateY(3px)}.origin-line{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.7px;color:#7b856f;margin-top:39px}.origin-line svg{width:10px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2}.model-caption{position:absolute;right:8%;top:143px;letter-spacing:2px;font-size:8px;color:#8f9982;z-index:4;writing-mode:vertical-rl}.chapter-badge{position:absolute;right:5%;top:49%;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;color:#9ba58d;z-index:4}.chapter-badge #chapter-digit{color:var(--ink)}.badge-divider{height:32px;width:1px;background:var(--line)}.floating-note{position:absolute;right:10%;bottom:23%;z-index:4;display:flex;align-items:center;gap:12px;font-size:10px;font-style:italic;color:#7a886c}.note-line{width:47px;height:1px;background:#98a788}.note-dot{width:4px;height:4px;border-radius:50%;background:#8b9d78}.scene-controls{position:absolute;right:8%;bottom:125px;z-index:8;display:flex;align-items:center;gap:22px}.scene-controls button{display:flex;align-items:center;gap:6px;color:#77836d;font-size:9px;padding:5px 0}.scene-controls button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}.scene-controls button:hover{color:var(--ink)}.model-note{font-size:7px;letter-spacing:1.3px;color:#8d9781}.journey-bottom{position:absolute;bottom:0;left:5%;right:5%;height:100px;display:flex;justify-content:space-between;align-items:center;z-index:8;border-top:1px solid var(--line)}.scroll-hint{display:flex;align-items:center;gap:12px;color:#7e8974;font-size:7px;letter-spacing:1.6px;flex:1}.mouse-icon{display:block;width:14px;height:22px;border:1px solid #9aaa8b;border-radius:9px;position:relative}.mouse-icon i{position:absolute;top:4px;left:5px;width:2px;height:4px;border-radius:1px;background:#72875e;animation:scroll-cue 2.2s infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:1}65%{transform:translateY(7px);opacity:0}}.chapter-nav{display:flex;gap:29px;position:relative;height:100%;align-items:center}.chapter-nav a{display:flex;align-items:center;gap:7px;color:#9aa38e;font-size:10px;white-space:nowrap;transition:color .3s;padding:15px 0}.chapter-nav a span{font-size:8px}.chapter-nav a b{font-weight:500}.chapter-nav a.active,.chapter-nav a:hover{color:var(--ink)}.chapter-nav a.active b{font-weight:700}.chapter-progress{height:1px;position:absolute;left:0;right:0;top:-1px;background:transparent}.chapter-progress i{height:2px;position:absolute;left:0;top:0;background:#7b9160;width:0;transition:width .1s linear}.journey-signature{flex:1;text-align:right;letter-spacing:1.6px;font-size:7px;color:#89947e}.spec-note{display:flex;gap:15px;margin-top:34px;padding-top:19px;border-top:1px solid var(--line);max-width:310px}.spec-note>span{font:italic 25px var(--serif);color:#8e9b7d}.spec-note strong{font-size:11px;font-weight:600}.spec-note p{font-size:10px;color:#7b8772;line-height:1.7;margin-top:6px}.continue-note{font-size:7px;letter-spacing:1.5px;color:#89977d;margin-top:28px;display:flex;align-items:center;gap:15px}.continue-note span{font-size:17px}.nutrition-scene{max-width:470px;top:47%;width:37%}.nutrition-scene h2{font-size:clamp(52px,5vw,76px);line-height:.95}.nutrition-scene .eyebrow{margin-bottom:20px}.nutrition-heading{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-bottom:12px}.nutrition-heading>span{font-size:8px;letter-spacing:1.2px;color:#869079}.portion-switch{border:1px solid var(--line);border-radius:30px;padding:3px;display:flex}.portion-switch button{padding:6px 12px;font-size:9px;border-radius:18px;transition:background .2s,color .2s}.portion-switch button.selected{background:var(--ink);color:#f2f1e7}.nutrition-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.nutrition-grid>div{padding:11px 0 13px;border-top:1px solid var(--line)}.nutrition-grid dt{font-size:9px;color:#7c866f;line-height:1.6}.nutrition-grid dd{font:400 32px/1.2 var(--serif);margin:3px 0 0;letter-spacing:-.5px}.nutrition-grid small{font:9px var(--sans);color:#869079;margin-left:6px;letter-spacing:0}.nutrition-source{font-size:8px;color:#8b937f;line-height:1.8;margin-top:12px;max-width:390px}.nutrition-source a{text-decoration:underline;text-underline-offset:2px}.text-link{font-size:9px;padding:0 0 4px;border-bottom:1px solid var(--line);margin-top:12px}.text-link span{margin-left:10px}.closing-section{padding:95px 8% 0;background:#294535;color:#edf0e4;display:grid;grid-template-columns:1.2fr 1fr;gap:55px 12%}.closing-section .eyebrow{font-size:8px;color:#b5c1a1}.closing-section h2{font-size:clamp(48px,4.6vw,70px)}.closing-section em{color:#b2c497}.serving-ideas article{display:flex;gap:24px;padding:20px 0;border-top:1px solid #edf0e422}.serving-ideas article>span{font-size:9px;color:#a9b79c;padding-top:4px}.serving-ideas h3{font-size:12px;font-weight:500}.serving-ideas p{font-size:10px;line-height:1.9;color:#a9b79c;max-width:310px;margin-top:7px}.closing-section footer{grid-column:1/-1;border-top:1px solid #edf0e422;display:flex;justify-content:space-between;align-items:center;min-height:95px}.footer-brand{font:40px var(--serif);letter-spacing:-2px}.closing-section footer>span:nth-child(2){font-size:9px;color:#a9b79c}.closing-section footer button{font-size:10px}.closing-section footer button span{margin-left:20px;font-size:20px}.info-dialog{max-width:590px;width:calc(100% - 32px);padding:52px;border:1px solid #c9d1ba;color:var(--ink);background:#f3f3e9;border-radius:3px;max-height:88svh;overflow:auto;box-shadow:0 25px 100px #18302130}.info-dialog::backdrop{background:#172b2060;backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:18px;top:13px;font:300 30px var(--sans);color:#748469}.info-dialog h2{font-size:53px;margin-bottom:24px}.info-dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#77846c}.info-dialog .region-row{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.region-row>span{font:italic 25px var(--serif);color:#91a181}.region-row h3{font-size:13px;margin-bottom:9px}.region-row p{font-size:11px;line-height:1.8;color:#77846c}.info-dialog .dialog-source{font-size:9px!important;margin-top:24px}.dialog-source a{text-decoration:underline;text-underline-offset:3px}.info-dialog table{width:100%;border-collapse:collapse;margin-top:15px}.info-dialog th,.info-dialog td{padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;text-align:left;font-weight:400}.info-dialog td{text-align:right;font-weight:600;white-space:nowrap}.reduced-motion *{scroll-behavior:auto!important;animation:none!important;transition-duration:0s!important}.scene-fallback{position:absolute;right:12%;top:40%;width:280px;height:280px;z-index:3}.fallback-tree{font-size:300px;line-height:1;color:#68864e;text-align:center}.fallback-fruit{display:none;width:100%;height:100%;position:relative}.fallback-fruit i,.fallback-fruit b,.fallback-fruit span{position:absolute;border-radius:50%;inset:0;background:radial-gradient(circle at 30% 25%,#9aa85e,#4b692c 65%,#203818);box-shadow:inset -12px -12px 30px #0003,25px 40px 35px #26422015}.fallback-fruit b{inset:20%;background:radial-gradient(circle at 30% 25%,#c69c6b,#6b4224 70%)}.fallback-fruit span{inset:30%;background:radial-gradient(circle at 35% 25%,#ffefd4,#c9ad7a);display:none}.scene-fallback[data-step='1'] .fallback-tree,.scene-fallback[data-step='2'] .fallback-tree,.scene-fallback[data-step='3'] .fallback-tree,.scene-fallback[data-step='4'] .fallback-tree{display:none}.scene-fallback:not([data-step='0']) .fallback-fruit{display:block}.scene-fallback[data-step='1'] b{display:none}.scene-fallback[data-step='2'] i{transform:translateX(60px)}.scene-fallback[data-step='3'] i,.scene-fallback[data-step='4'] i{display:none}.scene-fallback[data-step='3'] b{transform:translateX(-60px)}.scene-fallback[data-step='3'] span,.scene-fallback[data-step='4'] span{display:block}.scene-fallback[data-step='4'] b{display:none}
@media(min-width:1600px){.scene-copy{left:10%}.nutrition-scene{max-width:490px}.scene-description{font-size:14px;max-width:380px}.eyebrow{font-size:10px}.round-link{font-size:12px}.nutrition-grid dt{font-size:11px}.nutrition-grid dd{font-size:36px}.nutrition-source{font-size:9px}}
@media(max-height:760px) and (min-width:761px){.site-header{height:85px}.scene-copy{top:46%}h1{font-size:76px}h2{font-size:66px}.eyebrow{margin-bottom:20px}.scene-description{margin-top:20px;font-size:11px}.round-link{margin-top:22px}.origin-line{margin-top:25px}.nutrition-scene h2{font-size:60px}.nutrition-grid>div{padding:8px 0}.nutrition-heading{margin-top:16px}.nutrition-grid dd{font-size:27px}.journey-bottom{height:80px}.scene-controls{bottom:95px}.model-caption{top:110px}}
@media(max-width:1050px){.site-header{padding:0 5%}.site-header nav{margin:0;gap:25px}.scene-copy{left:6%;width:45%}.journey-signature{display:none}.scroll-hint{flex:0 1 160px}.chapter-nav{gap:24px}.nutrition-scene{width:40%}.model-note{display:none}.floating-note{right:9%;font-size:9px}.brand-caption{display:none}.brand-divider{display:none}.nutrition-grid{gap:0 17px}}
@media(max-width:760px){.site-header{height:84px;padding:0 6%;align-items:center}.brand svg{width:24px;height:31px}.wordmark{font-size:38px}.brand{gap:8px}.site-header nav{gap:20px;font-size:10px}.nav-story{display:none}.header-cta{display:none}.journey{height:620vh}.stage{min-height:680px}.scene-copy{top:125px;left:7%;width:86%;max-width:none;transform:translateY(15px)}.scene-copy.is-active{transform:translateY(0)}h1{font-size:clamp(48px,8.6vw,64px);line-height:.99;letter-spacing:-.055em}h2{font-size:clamp(47px,8.1vw,61px)}.scene-copy h1 br{display:none}.scene-copy[data-scene='0'] h1{max-width:360px}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:15px}.scene-description{font-size:10px;line-height:1.85;margin-top:16px;max-width:290px}.scene-description br{display:none}.round-link{margin-top:18px;font-size:10px;gap:10px}.circle-arrow{width:31px;height:31px;font-size:17px}.origin-line{position:absolute;top:calc(100svh - 270px);margin:0;font-size:6px;letter-spacing:1px;white-space:nowrap}.orbit{width:80vw;height:80vw;min-width:0;min-height:0;right:4%;top:66%}.orbit-two{width:90vw;height:90vw;right:-1%}.model-caption{right:6%;top:47%;font-size:6px;letter-spacing:1px}.chapter-badge{right:6%;top:67%;font-size:8px;gap:7px}.badge-divider{height:21px}.floating-note{bottom:18%;right:13%;font-size:8px;gap:8px}.note-line{width:25px}.scene-controls{bottom:86px;right:6%}.scene-controls button{font-size:7px}.scene-controls button svg{height:11px;width:11px}.journey-bottom{height:70px;left:6%;right:6%}.scroll-hint{display:none}.chapter-nav{width:100%;justify-content:space-between;gap:0}.chapter-nav a{font-size:9px;gap:5px}.chapter-nav a span{font-size:7px}.spec-note{position:absolute;top:calc(100svh - 315px);left:0;max-width:230px;width:auto;gap:10px;padding-top:10px;margin:0}.spec-note>span{font-size:21px}.spec-note strong{font-size:10px}.spec-note p{font-size:8px;margin-top:3px}.continue-note{display:none}.nutrition-scene{top:111px;width:86%}.nutrition-scene h2{font-size:49px;line-height:.95}.nutrition-scene h2 br{display:none}.nutrition-scene .eyebrow{margin-bottom:13px}.nutrition-heading{margin-top:18px;max-width:300px}.nutrition-heading>span{font-size:7px}.portion-switch button{padding:4px 10px;font-size:8px}.nutrition-grid{max-width:265px;gap:0 20px}.nutrition-grid>div{padding:8px 0}.nutrition-grid dt{font-size:8px;max-width:130px;min-height:13px}.nutrition-grid dd{font-size:28px;margin-top:3px}.nutrition-grid small{font-size:8px}.nutrition-source{max-width:245px;font-size:7px;margin-top:9px}.text-link{font-size:8px;margin-top:9px}.stage[data-step='4'] .floating-note{display:none}.stage[data-step='4'] .chapter-badge{top:70%}.stage[data-step='4'] .orbit{top:68%}.closing-section{grid-template-columns:1fr;padding:60px 8% 0;gap:35px}.closing-section h2{font-size:51px}.closing-section .eyebrow{font-size:7px}.serving-ideas article{padding:18px 0}.closing-section footer{min-height:85px;gap:15px;flex-wrap:wrap}.closing-section footer>span:nth-child(2){display:none}.info-dialog{padding:43px 28px 30px}.info-dialog h2{font-size:45px}.info-dialog .eyebrow{font-size:7px}.scene-fallback{width:190px;height:190px;right:14%;top:53%}.fallback-tree{font-size:215px}}
@media(max-width:380px){.scene-copy{top:108px}h1{font-size:44px}.nutrition-grid{max-width:235px}.nutrition-scene h2{font-size:42px}.nutrition-grid dd{font-size:24px}.nutrition-source{max-width:220px}.nutrition-scene{top:103px}.nutrition-heading{max-width:275px}.spec-note{top:380px}}
.stage{overflow:clip}
@media(max-width:760px){.spec-note{top:calc(100svh - 270px)}}
@media(max-width:760px){.scene-copy h1 br,.nutrition-scene h2 br{display:initial}.scene-copy[data-scene='0']{top:112px}.scene-description{font-size:12px;line-height:1.75;max-width:300px}.nutrition-grid dt{font-size:9px}.nutrition-source{font-size:9px;max-width:265px}.chapter-nav a{font-size:10px}.scene-controls button{font-size:8px}.scene-copy[data-scene='1'] .scene-description,.scene-copy[data-scene='2'] .scene-description,.scene-copy[data-scene='3'] .scene-description{max-width:310px}}
@media(max-width:760px) and (max-height:740px){.scene-copy{top:90px}.scene-copy[data-scene='0']{top:96px}.eyebrow{margin-bottom:10px}h1{font-size:47px}h2{font-size:44px}.scene-description{font-size:10px;line-height:1.7;margin-top:12px}.round-link{margin-top:12px}.nutrition-scene{top:45px}.nutrition-scene h2{font-size:42px}.nutrition-grid>div{padding:6px 0}.nutrition-source{font-size:8px;max-width:230px}.nutrition-heading{margin-top:12px}.nutrition-grid dd{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0s!important}}
