@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--green:#078167;--ink:#142e2a;--muted:#63716d;--mint:#eef8ef;--blue:#e3f3fb;--pad:clamp(24px,6vw,104px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font-family:'Noto Sans KR',sans-serif;color:var(--ink);background:#fff;word-break:keep-all}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #18a788;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.2}h1{font-size:clamp(44px,5.6vw,86px);font-weight:800}h2{font-size:clamp(32px,3.7vw,58px);font-weight:800}h3{font-size:24px}p{line-height:1.8}em{font-style:normal}img{display:block;object-fit:cover;width:100%}.header{height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;z-index:50;width:100%;background:#fffffff5;border-bottom:1px solid #15392f0b}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:900;letter-spacing:-.065em;white-space:nowrap}.brand-mark{display:flex;align-items:center;width:27px;height:33px;position:relative}.brand-mark i{background:#13a77e;width:16px;height:27px;border-radius:0 100% 0 100%;transform:rotate(-12deg)}.brand-mark i+ i{background:#48a7e8;transform:rotate(30deg);margin-left:-5px;margin-top:-10px}.header nav{display:flex;gap:34px;font-size:13px;font-weight:600}.header-shop{font-size:12px;background:var(--green);color:#fff;padding:12px 19px;border-radius:30px}.header-shop span{margin-left:18px}.motion-track{position:relative}.intro-track{height:350svh}.stage{position:sticky;top:0;height:100svh;min-height:0;overflow:clip;isolation:isolate}.intro-stage{background:#ecf5ec}.hero-film{position:absolute;inset:0;background:#45664d;clip-path:circle(75% at 50% 50%)}.hero-film video{height:100%;width:100%;object-fit:cover}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09271fde 0%,#0b2a1c80 47%,#081e2420 100%)}.scene{position:absolute;inset:0}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px var(--pad) 70px;color:#fff}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.035em;color:var(--green);margin-bottom:22px}.hero-copy .eyebrow{color:#d0f1cb}.hero-copy em{color:#c7ecc7}.lead{font-size:clamp(15px,1.3vw,19px);line-height:1.8;margin-top:26px}.button{border:0;display:inline-flex;align-items:center;gap:35px;min-height:52px;padding:15px 24px;font-size:13px;font-weight:700;border-radius:40px;margin-top:32px}.button span{font-size:20px}.white{background:#fff;color:#174e3d}.dark{background:#087e61;color:#fff}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:68px;display:flex;justify-content:space-between;color:#ffffffb0;font-size:10px;letter-spacing:.12em;line-height:1.6}.benefit-scene{display:grid;grid-template-columns:.9fr 1.35fr;gap:6vw;align-items:center;padding:80px var(--pad);opacity:0;pointer-events:none;background:radial-gradient(ellipse at 85% 75%,#d0ead1 0%,transparent 55%),#f0f7ed}.benefit-title h2{font-size:clamp(38px,4.5vw,70px)}.benefit-title>p:last-child{font-size:14px;color:#60706a;margin-top:30px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit-grid article{border:1px solid #fff9;background:#ffffffb5;min-height:220px;padding:28px;border-radius:18px;box-shadow:0 5px 25px #1e513004}.benefit-num{font-size:10px;letter-spacing:.12em;color:#27876c;display:block;margin-bottom:30px}.benefit-grid h3{font-size:27px}.benefit-grid p{font-size:12px;color:#65756c;margin-top:16px}.motion-hud{position:absolute;bottom:22px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:22px;color:#fff;z-index:10;font-size:10px;letter-spacing:.03em;pointer-events:none}.motion-hud .scene-label{min-width:190px}.progress{height:2px;flex:1;background:currentColor;opacity:.55;max-width:130px}.progress i{display:block;height:100%;background:currentColor;transform-origin:left;transform:scaleX(0);opacity:1}.video-toggle{margin-left:auto;color:inherit;background:transparent;border:1px solid currentColor;border-radius:20px;font-size:10px;padding:7px 12px;pointer-events:auto}.section{padding:100px var(--pad);max-width:1800px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading h2{font-size:clamp(28px,3vw,45px)}.section-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:18px}.small-label,.demo-note{color:#77827e;font-size:10px;line-height:1.7}.market-tools{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:28px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid #e3eae7;background:#fff;border-radius:24px;font-size:12px;padding:10px 15px}.filters .active{background:var(--green);color:#fff;border-color:var(--green)}.search{position:relative}.search>span{position:absolute;width:1px;height:1px;overflow:hidden}.search input{border:0;background:#f4f7f5;padding:12px 35px 12px 17px;border-radius:30px;font-size:11px;width:230px}.search b{position:absolute;right:15px;top:5px;font-size:25px;font-weight:400}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.product-card{background:#fff;text-align:left;border:1px solid #e8efeb;border-radius:13px;padding:0;overflow:hidden;transition:box-shadow .2s}.product-card:hover{box-shadow:0 8px 24px #23573a15}.product-card .photo{aspect-ratio:1.15;overflow:hidden;background:#e6eee8}.product-card img{height:100%;transition:transform .4s}.product-card:hover img{transform:scale(1.045)}.product-card .card-copy{padding:20px 16px}.product-card h3{font-size:17px;letter-spacing:-.035em}.product-card p{font-size:11px;color:var(--muted);margin-top:6px}.product-card strong{font-size:14px;display:block;margin-top:17px}.product-card strong small{font-size:10px;font-weight:400;color:var(--muted)}.products>.demo-note{margin-top:20px}.season{max-width:none;background:linear-gradient(120deg,#eef8ed,#f8fbf6)}.season-stamp{width:94px;height:94px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #75a38b;color:#4d7d63;font-size:12px;line-height:1.6;text-align:center;transform:rotate(12deg)}.season-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.season-card{border:0;position:relative;min-height:300px;border-radius:16px;overflow:hidden;padding:0;text-align:left;color:white}.season-card img{position:absolute;inset:0;height:100%;transition:transform .5s}.season-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#16362acc,transparent 95%)}.season-card:hover img{transform:scale(1.04)}.season-card>span{position:absolute;inset:auto 26px 25px;z-index:1;display:flex;align-items:flex-start;flex-direction:column}.season-card small{font-size:11px}.season-card strong{font-size:30px;letter-spacing:-.04em;margin:7px 0 16px}.season-card b{font-size:10px;border-bottom:1px solid #ffffff70;padding-bottom:5px}.journey-track{height:390svh}.journey-stage{background:#e2f3fc}.app-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,#fff 0%,#e0f3fc 44%,#d3eefb 100%)}.app-copy,.order-copy{padding:70px var(--pad);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.app-copy h2,.order-copy h2{font-size:clamp(40px,5.3vw,78px)}.app-copy .demo-note{margin-top:15px}.order-copy{opacity:0;pointer-events:none}.phone{position:absolute;width:290px;height:580px;right:17%;top:50%;margin-top:-290px;border:7px solid #14252b;border-radius:43px;background:#fff;box-shadow:18px 30px 70px #22608630;transform:rotate(8deg);overflow:hidden}.phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:#14252b;width:90px;height:19px;border-radius:0 0 13px 13px;z-index:5}.phone-screen{height:100%;overflow:hidden;position:relative;padding:0 20px}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:40px 0 20px;color:var(--green);font-size:15px}.phone-top span{font-size:24px}.phone-market>small,.phone-order>small{font-size:9px;color:var(--green)}.phone-market h3,.phone-order h3{font-size:24px;line-height:1.35;margin:10px 0 18px}.phone-market>img{height:150px;border-radius:12px}.phone-chips{display:flex;justify-content:space-between;font-size:10px;margin:15px 0}.phone-chips span{padding:5px 12px;background:#edf6ee;border-radius:20px}.phone-market>strong{font-size:12px}.phone-market>p{font-size:9px;color:var(--muted);margin:5px 0 12px}.phone-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-pair img{height:90px;border-radius:10px}.phone-order{position:absolute;top:85px;left:20px;right:20px;opacity:0;background:#fff}.phone-order>img{height:115px;border-radius:10px}.phone-order ol{padding:0 0 0 18px;margin-top:22px;list-style:none}.phone-order li{font-size:12px;position:relative;margin-bottom:18px;font-weight:700}.phone-order li:before{content:'';position:absolute;left:-17px;top:4px;width:7px;height:7px;background:#a5cebd;border-radius:50%}.phone-order li:after{content:'';position:absolute;left:-14px;top:13px;width:1px;height:27px;background:#c7ddd4}.phone-order li:last-child:after{display:none}.phone-order li span{display:block;font-size:8px;font-weight:400;color:#7f8e87;margin-top:5px}.phone-order .current{color:var(--green)}.phone-order .current:before{background:var(--green);box-shadow:0 0 0 4px #d7eee3}.phone-demo{font-size:8px;color:#7b8881}.producer-scene{opacity:0;pointer-events:none;background:#335b3e}.producer-photo{height:100%;position:absolute;inset:0;object-position:60% 50%}.producer-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2c22e8,#0c2f2360 65%,#092b1c25)}.producer-copy{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);color:#fff}.producer-copy .eyebrow{color:#bce4bd}.producer-copy h2{font-size:clamp(38px,4.3vw,64px)}.producer-copy>p:not(.eyebrow){font-size:14px;margin-top:22px;color:#f4fff0c9;line-height:1.9}.producer-note{position:absolute;right:var(--pad);bottom:90px;color:#fff;border-top:1px solid #ffffff80;padding-top:24px;max-width:290px}.producer-note small{font-size:10px;letter-spacing:.15em}.producer-note strong{display:block;font-size:24px;line-height:1.5;margin:17px 0}.producer-note span{font-size:11px}.journey-stage .motion-hud{color:var(--green)}.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.delivery-grid img{height:190px;border-radius:13px}.delivery-grid h3{font-size:17px;margin:20px 0 7px;letter-spacing:-.04em}.delivery-grid h3 span{font-size:11px;background:var(--green);padding:6px;color:#fff;border-radius:50%;vertical-align:2px;margin-right:5px}.delivery-grid p{font-size:11px;color:var(--muted)}.reviews{padding-top:30px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-grid article{display:flex;gap:18px;padding:18px;border:1px solid #e5ede8;border-radius:14px}.review-grid img{width:85px;border-radius:9px}.review-grid p{font-size:12px;line-height:1.8;margin:12px 0}.review-grid small{font-size:9px;color:var(--muted)}.stars{font-size:13px;letter-spacing:1px;color:#d39a30}.closing{position:relative;min-height:440px;display:flex;align-items:center;padding:75px var(--pad);isolation:isolate;background:#e0f5ea}.closing>img{position:absolute;inset:0;height:100%;z-index:-2}.closing:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#eef9f0f5 0%,#eef9f0c0 40%,#eef9f020);z-index:-1}.closing h2{font-size:clamp(32px,4vw,56px)}footer{padding:38px var(--pad);display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer .brand{font-size:20px}footer p,footer small,footer button{font-size:10px;color:var(--muted)}footer small{margin-left:auto}footer button{border:0;background:none;text-decoration:underline}dialog{border:0;border-radius:20px;padding:0;max-width:760px;width:calc(100% - 40px);color:var(--ink);max-height:85svh;overflow:auto;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#071e19aa;backdrop-filter:blur(5px)}.close{position:absolute;z-index:2;right:14px;top:14px;width:36px;height:36px;border:0;background:#fff;border-radius:50%;font-size:25px}.dialog-photo{height:280px}.dialog-text{padding:35px}.dialog-text h2{font-size:30px}.dialog-text p{margin-top:20px;font-size:14px;color:var(--muted)}.dialog-text .eyebrow{margin:0 0 15px}.dialog-text a{text-decoration:underline}.mobile-only{display:none}#empty{padding:50px 0;color:var(--muted)}
@media(min-width:1500px){.phone{width:330px;height:650px;margin-top:-325px}.phone-market>img{height:190px}.phone-order>img{height:150px}.phone-order li{margin-bottom:25px}}
@media(max-height:650px) and (min-width:761px){.hero-copy h1{font-size:55px}.lead{margin-top:18px}.button{margin-top:22px}.benefit-grid article{min-height:175px;padding:20px}.benefit-num{margin-bottom:15px}.benefit-grid p{margin-top:10px}.phone{width:242px;height:470px;margin-top:-235px;right:18%}.phone-top{padding-top:32px;padding-bottom:12px}.phone-market h3,.phone-order h3{font-size:20px;margin:5px 0 10px}.phone-market>img{height:110px}.phone-order{top:70px}.phone-order>img{height:80px}.phone-order ol{margin-top:15px}.phone-order li{margin-bottom:14px}.app-copy h2,.order-copy h2{font-size:50px}.producer-copy h2{font-size:47px}.producer-note{bottom:75px}.hero-bottom{bottom:55px}}
@media(max-width:1000px){.header nav{gap:20px}.product-grid{grid-template-columns:repeat(3,1fr)}.benefit-scene{gap:4vw}.benefit-grid article{padding:22px}.benefit-grid h3{font-size:23px}.phone{right:9%}.review-grid{gap:12px}.review-grid article{display:block}.review-grid img{height:150px;width:100%;margin-bottom:15px}.market-tools{align-items:flex-start;flex-direction:column}.producer-note{max-width:220px}.producer-note strong{font-size:20px}}
@media(max-width:760px){:root{--pad:24px}.header{height:66px}.brand{font-size:21px}.header nav{display:none}.header-shop{padding:9px 14px;font-size:10px}.header-shop span{margin-left:8px}.hero-copy{padding:85px var(--pad) 100px;justify-content:center}.hero-copy h1{font-size:clamp(39px,8.8vw,60px);line-height:1.22}.hero-copy .eyebrow{font-size:10px;max-width:220px}.hero-copy .lead{font-size:14px}.hero-film video{object-position:58% 50%}.film-shade{background:linear-gradient(90deg,#062c21cd,#082a2250)}.hero-bottom{bottom:72px;font-size:8px}.hero-bottom span:last-child{display:none}.motion-hud{bottom:22px;gap:12px;font-size:8px}.motion-hud .scene-label{min-width:0}.progress{max-width:55px}.video-toggle{font-size:8px;padding:6px 9px}.benefit-scene{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:40px 24px 65px}.benefit-title{width:100%}.benefit-title h2{font-size:35px}.benefit-title h2 br{display:none}.benefit-title .eyebrow{margin-bottom:12px}.benefit-title>p:last-child{font-size:11px;margin-top:14px}.benefit-grid{width:100%;gap:10px}.benefit-grid article{min-height:0;padding:18px}.benefit-num{font-size:8px;margin-bottom:14px}.benefit-grid h3{font-size:23px}.benefit-grid p{font-size:10px;margin-top:12px}.section{padding:65px 24px}.section-heading{gap:20px;margin-bottom:27px}.section-heading .eyebrow{font-size:9px;margin-bottom:13px}.section-heading h2{font-size:28px}.section-heading p:not(.eyebrow){font-size:11px;margin-top:14px}.section-heading>.small-label{display:none}.mobile-only{display:block}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-card .card-copy{padding:15px 12px}.product-card h3{font-size:16px}.product-card p{font-size:10px}.product-card strong{font-size:12px;margin-top:13px}.filters{gap:6px}.filters button{font-size:10px;padding:8px 11px}.search,.search input{width:100%}.season-stamp{display:none}.season-grid{grid-template-columns:1fr;gap:14px}.season-card{min-height:230px}.season-card>span{inset:auto 24px 22px}.season-card strong{font-size:28px}.app-copy,.order-copy{padding:60px 24px 0;justify-content:flex-start;text-align:center;align-items:center}.app-copy h2,.order-copy h2{font-size:37px}.app-copy .eyebrow,.order-copy .eyebrow{font-size:10px;margin-bottom:13px}.app-copy .lead,.order-copy .lead{font-size:12px;margin-top:15px}.app-copy .button{margin-top:18px;min-height:40px;padding:9px 17px;font-size:10px}.app-copy .demo-note{font-size:8px;margin-top:10px}.phone{width:210px;height:415px;right:calc(50% - 105px);top:auto;bottom:-65px;margin:0;border-width:6px;border-radius:31px}.phone-screen{padding:0 14px}.phone-island{width:65px;height:13px;top:7px}.phone-top{font-size:12px;padding:27px 0 12px}.phone-market h3,.phone-order h3{font-size:19px;margin:5px 0 10px}.phone-market>img{height:95px}.phone-chips{margin:9px 0;font-size:8px}.phone-chips span{padding:4px 9px}.phone-market>strong{font-size:9px}.phone-pair img{height:65px}.phone-order{top:62px;left:14px;right:14px}.phone-order>img{height:80px}.phone-order ol{margin-top:15px}.phone-order li{font-size:10px;margin-bottom:14px}.phone-order li span{font-size:7px}.phone-demo{font-size:7px}.producer-copy{left:24px;right:24px;top:auto;bottom:105px;transform:none}.producer-copy h2{font-size:37px}.producer-copy .eyebrow{font-size:10px;margin-bottom:17px}.producer-copy>p:not(.eyebrow){font-size:12px;margin-top:18px}.producer-photo{object-position:63% 50%}.producer-shade{background:linear-gradient(0deg,#092d25f5,#092d2590 55%,#092d2525)}.producer-note{display:none}.producer-copy .button{margin-top:22px;font-size:11px}.delivery .section-heading{display:block}.delivery .section-heading>p{margin-top:18px}.delivery .section-heading>p br{display:none}.delivery-grid{grid-template-columns:1fr 1fr;gap:26px 14px}.delivery-grid img{height:140px}.delivery-grid h3{font-size:13px;margin-top:13px}.delivery-grid h3 span{font-size:8px;padding:5px;margin-right:2px}.delivery-grid p{font-size:9px}.reviews{padding-top:10px}.reviews .section-heading{display:block}.review-grid{grid-template-columns:1fr}.review-grid article{display:flex;padding:16px;gap:16px}.review-grid img{width:90px;height:auto;margin:0}.review-grid p{font-size:11px;margin:8px 0}.reviews .section-heading>p{font-size:10px;margin-top:15px}.closing{min-height:390px;padding:55px 24px}.closing h2{font-size:30px}.closing .eyebrow{font-size:10px;max-width:200px}.closing:after{background:#ecf8ecc9}footer{padding:30px 24px;gap:14px}footer p{width:calc(100% - 150px);font-size:8px}footer small{margin:0;width:100%;font-size:8px}footer button{font-size:9px}.dialog-photo{height:210px}.dialog-text{padding:25px}.dialog-text h2{font-size:25px}}
@media(max-width:760px) and (max-height:700px){.app-copy,.order-copy{padding-top:35px}.app-copy h2,.order-copy h2{font-size:31px}.app-copy .lead,.order-copy .lead{font-size:11px;margin-top:10px}.app-copy .button{margin-top:12px}.phone{height:355px;width:180px;right:calc(50% - 90px);bottom:-75px}.phone-market>img{height:70px}.phone-market h3,.phone-order h3{font-size:16px}.phone-order>img{height:60px}.phone-order li{font-size:9px;margin-bottom:11px}.phone-order li span{font-size:6px}.phone-order ol{margin-top:10px}.phone-demo{font-size:6px}.benefit-scene{gap:20px;padding-top:25px}.benefit-title h2{font-size:30px}.benefit-grid article{padding:14px}.benefit-grid h3{font-size:20px}.benefit-num{margin-bottom:9px}.benefit-grid p{margin-top:8px;font-size:9px}.hero-copy h1{font-size:38px}.producer-copy{bottom:85px}.producer-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-track{height:auto}.stage{height:auto;position:relative;overflow:clip}.intro-stage{background:#edf5ec}.hero-film{height:100svh;clip-path:none}.hero-copy{position:relative;min-height:100svh;opacity:1!important;transform:none!important}.hero-bottom{display:none}.benefit-scene{position:relative;min-height:100svh;opacity:1!important;transform:none!important;pointer-events:auto!important}.motion-hud{display:none}.journey-stage{padding-bottom:0}.app-backdrop{height:100svh}.app-copy{position:relative;min-height:100svh;opacity:1!important;transform:none!important}.order-copy{display:none}.phone{top:50svh;margin-top:-230px;bottom:auto;opacity:1!important;transform:rotate(4deg)!important;clip-path:none!important}.phone-order{display:none}.producer-scene{position:relative;min-height:100svh;opacity:1!important;transform:none!important;pointer-events:auto!important;clip-path:none!important}.phone-market{opacity:1!important}.producer-photo{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.phone{top:calc(100svh - 350px);margin-top:0}.app-copy{padding-bottom:380px}}
@media(max-width:760px){.phone{bottom:48px;transform-origin:50% 100%;width:210px;height:415px;right:calc(50% - 105px)}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.phone{top:auto;bottom:auto;top:calc(100svh - 440px);transform:scale(.75) rotate(4deg)!important;transform-origin:50% 100%}}
@media(prefers-reduced-motion:reduce){.benefit-grid article{opacity:1!important;transform:none!important}}
@media(max-height:650px) and (min-width:761px){.phone-order>img{height:65px}.phone-order h3{font-size:18px}.phone-order li{margin-bottom:10px}.phone-order li span{margin-top:3px}.phone-order ol{margin-top:12px}.phone-demo{font-size:7px}}
@media(min-width:761px){.producer-note{background:#fffffff2;color:#174433;padding:25px;border:0;border-radius:16px;max-width:none;width:280px;box-shadow:0 15px 50px #092d2530}.producer-note small{font-size:10px;letter-spacing:0}.producer-note strong{font-size:25px;line-height:1.4}.dashboard-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dce8df;padding:13px 0}.dashboard-row span,.dashboard-row b{font-size:10px}.dashboard-row b{font-weight:500;color:#078167}.producer-note p{font-size:8px;color:#718078;margin-top:10px}.producer-copy{max-width:58%}}
@media(min-width:761px){.producer-photo{object-position:60% 30%}}
@media(prefers-reduced-motion:reduce){.producer-copy,.producer-note{opacity:1!important}}
.product-card{display:flex;flex-direction:column}.product-card .photo{width:100%}.product-card .card-copy{width:100%}
@media(min-width:1001px){.product-grid{grid-template-columns:repeat(3,1fr)}.product-card .photo{aspect-ratio:1.6}}
@media(min-width:761px){.producer-photo{object-position:70% center}}
@media(max-width:760px){.producer-photo{object-position:75% center}}
@media(min-width:761px){.producer-note{top:38px;bottom:auto;left:var(--pad);right:auto;width:440px;padding:17px 20px;background:#ffffffed}.producer-note strong{display:none}.producer-note small{display:block;margin-bottom:10px}.dashboard-row{display:inline-flex;vertical-align:top;flex-direction:column;width:31%;gap:5px;padding:9px 0 0;margin-right:1%}.dashboard-row span,.dashboard-row b{font-size:8px}.producer-note p{font-size:7px;margin-top:10px}.producer-copy{top:55%}}
@media(max-height:650px) and (min-width:761px){.producer-note{display:none}.producer-copy{top:50%}}
@media(max-width:760px){.producer-photo{object-position:85% center}}
/* Revision 2: image-led full-screen story, no benefit cards. */
.intro-track{height:500svh}.benefit-scene{display:block;padding:0;background:#faf8f1}.produce-story{position:absolute;inset:0;overflow:clip;background:#faf8f1}.story-citrus{background:#fff2d8}.story-greens{background:#eaf3e4}.story-art{position:absolute;width:53vw;height:83svh;right:-4vw;top:8svh;clip-path:ellipse(49% 49% at 50% 50%)}.story-art img{width:100%;height:100%;object-fit:cover}.story-copy{position:absolute;left:var(--pad);width:49%;top:50%;transform:translateY(-50%);z-index:2}.story-copy h2{font-size:clamp(35px,4.1vw,63px);line-height:1.3}.story-copy h2 em{color:#168268}.story-citrus h2 em{color:#b97821}.story-copy>p:not(.eyebrow){font-size:15px;color:#637269;margin-top:25px;line-height:1.9}.story-detail{display:block;font-size:10px;color:#7f8d83;margin-top:36px;letter-spacing:.05em}.story-word{position:absolute;left:var(--pad);bottom:9svh;font-size:clamp(50px,8vw,140px);font-weight:900;color:#1b644606;letter-spacing:-.07em;line-height:1}.story-citrus .story-art{clip-path:circle(45% at 50% 50%)}.story-greens .story-art{clip-path:ellipse(43% 48% at 50% 50%)}.journey-track{height:360svh}.fruit-flight{position:absolute;left:50%;top:50%;width:250px;height:250px;border-radius:50%;z-index:4;pointer-events:none;transform:translate(-50%,-50%);overflow:visible}.fruit-flight img{height:100%;border-radius:50%;object-fit:cover;filter:drop-shadow(0 14px 20px #8d572620)}.fruit-flight>span{position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#885d20;background:#fff8dd;padding:9px 16px;border-radius:30px}.phone-confirm{position:absolute;inset:84px 15px 15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;z-index:3}.confirm-check{height:62px;width:62px;border-radius:50%;display:grid;place-items:center;background:#e4f6ea;color:#0c8b5d;font-size:35px;margin-bottom:25px}.phone-confirm small{font-size:10px;color:#80948b;display:block}.phone-confirm h3{font-size:25px;line-height:1.4;margin:12px 0 18px}.phone-confirm p{font-size:11px;color:#738478}.phone-confirm b{font-size:22px;color:#14816a;letter-spacing:-.04em;margin:12px 0 25px}.phone-order li{transition:color .12s,opacity .12s}.phone-order li.pending{opacity:.28}.phone-order li.done:before{background:#078167}.phone-order li.done:after{background:#078167}.phone-order li.current:before{box-shadow:0 0 0 4px #d7eee3}.phone-order li.current{color:#078167}
@media(max-width:760px){.story-copy{left:24px;right:24px;width:auto;top:12svh;transform:none;text-align:center}.story-copy .eyebrow{font-size:9px;margin-bottom:16px}.story-copy h2{font-size:clamp(28px,7.4vw,39px)}.story-copy>p:not(.eyebrow){font-size:11px;margin-top:16px}.story-detail{font-size:8px;margin-top:19px}.story-art{width:94vw;height:50svh;right:3vw;top:auto;bottom:5svh}.story-word{font-size:62px;bottom:4svh;left:20px}.fruit-flight{width:140px;height:140px}.fruit-flight>span{font-size:8px;bottom:-20px;padding:6px 10px}.phone-confirm{inset:60px 10px 10px}.confirm-check{width:43px;height:43px;font-size:27px;margin-bottom:15px}.phone-confirm h3{font-size:19px;margin:9px 0 12px}.phone-confirm small{font-size:8px}.phone-confirm p{font-size:9px}.phone-confirm b{font-size:18px;margin:8px 0 14px}.app-copy h2{font-size:35px}.app-copy .lead{max-width:270px}}
@media(max-width:760px) and (max-height:700px){.story-copy{top:8svh}.story-copy h2{font-size:28px}.story-copy>p:not(.eyebrow){margin-top:12px}.story-detail{margin-top:12px}.story-art{height:48svh}.app-copy h2{font-size:29px}.phone-confirm h3{font-size:17px}.confirm-check{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.intro-track,.journey-track{height:auto}.benefit-scene{min-height:0}.produce-story{position:relative;min-height:100svh;opacity:1!important;transform:none!important;clip-path:none!important}.story-art,.story-copy{opacity:1!important;transform:none!important}.story-copy{transform:translateY(-50%)!important}.fruit-flight,.phone-confirm{display:none}.phone-order li{opacity:1!important}.produce-story[aria-hidden]{visibility:visible}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.story-copy{transform:none!important}}
.fresh-drops{position:absolute;right:7%;top:20%;display:flex;gap:20px;pointer-events:none}.fresh-drops i{display:block;width:18px;height:24px;border-radius:60% 40% 65% 35%;background:linear-gradient(135deg,#ffffffda,#cee9e51a);box-shadow:inset 2px 2px 3px #fff,2px 4px 8px #40675c2b;transform:rotate(25deg)}.fresh-drops i:nth-child(2){margin-top:80px;width:29px;height:38px}.fresh-drops i:nth-child(3){margin-top:25px;width:12px;height:17px}.direct-route{position:absolute;left:var(--pad);bottom:14svh;width:37%;display:flex;align-items:center;gap:15px;font-size:12px;color:#a86b26}.direct-route i{height:2px;background:#d6a854;flex:1;transform-origin:left;position:relative}.direct-route i:after{content:'→';position:absolute;right:-2px;top:-11px;font-size:18px}.direct-route b{font-weight:500}.origin-seal{position:absolute;right:9%;bottom:13%;padding:20px 28px;border-radius:100%;background:#f5fff2df;color:#225b3c;text-align:center;transform:rotate(-8deg)}.origin-seal span{font-size:9px;display:block}.origin-seal b{display:block;font-size:13px;margin:6px 0}.origin-seal small{font-size:9px}.story-copy,.story-art,.fruit-flight,.phone{will-change:transform}
@media(max-width:760px){.fresh-drops{top:52%;right:13%}.direct-route{left:18%;bottom:7svh;width:64%;font-size:9px;z-index:3}.origin-seal{right:9%;bottom:12%;padding:15px 20px}.origin-seal b{font-size:10px}.origin-seal small,.origin-seal span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.story-copy{translate:none!important}.direct-route i{transform:none!important}.origin-seal{opacity:1!important;transform:none!important}.phone-confirm{display:none!important}}
/* Broad curved section seams, visible only as the completed stage releases. */
.products,.season,.delivery,.reviews,.closing,.journey-track{position:relative}.products:before,.season:before,.delivery:before,.journey-track:before{content:'';position:absolute;left:0;top:-39px;width:100%;height:78px;border-radius:50% 50% 0 0 / 100% 100% 0 0;background:#fff;z-index:2;pointer-events:none}.season:before{background:#f0f8ed}.journey-track:before{background:#def2fb}.products:before,.delivery:before{background:#fff}.products,.season,.delivery{padding-top:110px}.closing{border-radius:50% 50% 0 0 / 40px 40px 0 0;overflow:clip}.section-heading,.market-tools,.product-grid,.season-grid,.delivery-grid{position:relative;z-index:3}
@media(max-width:760px){.products:before,.season:before,.delivery:before,.journey-track:before{top:-22px;height:44px}.products,.season,.delivery{padding-top:73px}.closing{border-radius:50% 50% 0 0 / 24px 24px 0 0}}
/* Transparent hero navigation lets the harvest film run edge to edge. */
.header{background:transparent;color:#fff;border-bottom:1px solid #ffffff24}.header-shop{background:#ffffff19;border:1px solid #ffffff70;backdrop-filter:blur(6px)}.header .brand{text-shadow:0 2px 10px #09281c40}.header nav a{text-shadow:none}
.header{border-bottom:0}
/* V3: intrinsic image dimensions never define editorial row heights. */
img{height:auto}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.review-grid article{display:block;min-width:0;max-height:none;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;align-self:start}.review-grid img{display:block;width:100%;height:clamp(185px,15vw,260px);max-height:260px;aspect-ratio:1.6;object-fit:cover;border-radius:12px;margin:0 0 22px;flex:none}.review-grid article>div{padding:0 3px}.review-grid p{font-size:14px;line-height:1.9;max-width:38em;margin:13px 0 15px}.review-grid small{font-size:11px}.reviews{padding-bottom:100px}.reviews .section-heading{margin-bottom:38px}
/* Only two full-bleed photographs follow the hero. Rest before exit. */
.intro-track{height:390svh}.benefit-scene{background:#fff}.produce-story{background:#fff;clip-path:none;overflow:clip}.produce-story .full-produce{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;transform:none!important}.produce-shade{position:absolute;inset:0;background:linear-gradient(90deg,#14231bc9 0%,#14231b69 42%,#14231b00 76%)}.produce-story .story-copy{position:absolute;left:var(--pad);right:auto;width:52%;top:50%;transform:translateY(-50%);translate:none!important;opacity:1;color:white;text-align:left}.produce-story .story-copy .eyebrow{color:#fffbd8;font-size:11px;letter-spacing:.12em;margin-bottom:24px}.produce-story .story-copy h2{font-size:clamp(40px,4.6vw,78px);line-height:1.25;letter-spacing:-.055em}.produce-story .story-copy>p:not(.eyebrow){font-size:16px;color:#ffffffe0;line-height:1.8;margin-top:28px}.produce-caption{position:absolute;right:var(--pad);bottom:55px;color:#ffffffa8;font-size:10px;letter-spacing:.04em}.produce-story .story-art,.story-word,.fresh-drops,.direct-route,.origin-seal{display:none}.benefit-scene{opacity:0}.intro-stage{background:#fff}.hero-film{z-index:4}.hero-copy{z-index:5}.hero-bottom{z-index:5}.benefit-scene{z-index:3}.intro-stage .motion-hud{z-index:6}
@media(max-width:760px){.review-grid{grid-template-columns:1fr;gap:35px}.review-grid article{display:grid;grid-template-columns:105px minmax(0,1fr);gap:19px;align-items:start}.review-grid img{width:105px;height:140px;max-height:140px;border-radius:9px;margin:0}.review-grid p{font-size:11px;margin:8px 0 12px}.review-grid small{font-size:9px}.reviews{padding-bottom:65px}.produce-story .story-copy{left:24px;right:24px;width:auto;top:auto;bottom:15svh;transform:none;text-align:left}.produce-story .story-copy h2{font-size:36px}.produce-story .story-copy .eyebrow{font-size:9px;margin-bottom:17px}.produce-story .story-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.produce-shade{background:linear-gradient(0deg,#15271fe0,#15271f66 55%,#15271f05)}.produce-caption{font-size:8px;left:24px;right:auto;bottom:58px}.produce-story .full-produce{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.intro-track{height:auto}.produce-story{position:relative;min-height:100svh;clip-path:none!important}.produce-story .story-copy,.produce-caption{opacity:1!important}.hero-film{z-index:0}.hero-copy{z-index:1}.benefit-scene{z-index:0}.produce-story .story-copy{transform:translateY(-50%)!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.produce-story .story-copy{transform:none!important}}
/* User-supplied background swatches: ivory and pale leaf. */
:root{--mint:#EFF4EA;--blue:#EFF4EA}body,.products,.reviews,.delivery{background:#FAF8F0}.season{background:#EFF4EA}.app-backdrop{background:radial-gradient(ellipse at 75% 45%,#FAF8F0,#EFF4EA 70%)}.journey-stage,.intro-stage,.benefit-scene,.produce-story{background:#FAF8F0}.products:before,.delivery:before{background:#FAF8F0}.season:before,.journey-track:before{background:#EFF4EA}.closing:after{background:linear-gradient(90deg,#faf8f0f5 0%,#faf8f0c0 40%,#faf8f020)}footer{background:#FAF8F0}.review-grid article{background:transparent}.product-card{background:#fffdf9}.fruit-flight>span{background:#FAF8F0;color:#255e49}.phone-chips span{background:#EFF4EA}.phone-confirm .confirm-check{background:#EFF4EA}
@media(max-width:760px){.closing:after{background:#faf8f0c9}}
@media(max-width:760px){.produce-story .full-produce{object-position:65% center}}
.produce-shade{background:linear-gradient(90deg,#faf8f0e8 0%,#faf8f090 33%,#faf8f000 66%)}.produce-story .story-copy{color:#143a2b}.produce-story .story-copy .eyebrow{color:#287252}.produce-story .story-copy>p:not(.eyebrow){color:#3b5848}.produce-caption{color:#254c3c}.intro-stage .motion-hud{color:#fff}
@media(max-width:760px){.produce-shade{background:linear-gradient(0deg,#faf8f0f5,#faf8f0ba 35%,#faf8f000 72%)}.produce-story .story-copy{bottom:16svh}.produce-story .story-copy h2{font-size:34px}}

@media(prefers-reduced-motion:reduce){.intro-stage .header{opacity:1!important;transform:none!important}}

/* Distinct full-coverage transitions; no iris in the intro sequence. */
.hero-film{clip-path:none}.hero-film,.produce-story{will-change:opacity,mask-image}@media(prefers-reduced-motion:reduce){.hero-film,.produce-story{mask-image:none!important;-webkit-mask-image:none!important;opacity:1!important}}

.produce-story .full-produce{transform:scale(var(--scene-scale,1))!important}@media(prefers-reduced-motion:reduce){.produce-story .full-produce{transform:none!important}}

/* Real-DOM handoff: the market occupies the final pinned viewport underneath.
   No cloned market, blank spacer, or synthetic scroll offset. */
.intro-track{z-index:4;pointer-events:none}.intro-stage,.intro-stage .benefit-scene{background:transparent}.intro-stage{pointer-events:none}.intro-stage .header,.intro-stage .hero-copy{pointer-events:auto}.products{margin-top:-100svh;z-index:1;position:relative;background:#FAF8F0}.products:before{z-index:0}
@media(prefers-reduced-motion:reduce){.intro-track{z-index:auto;pointer-events:auto}.intro-stage,.intro-stage .benefit-scene{background:#FAF8F0;pointer-events:auto}.products{margin-top:0}}

/* V4: continuous subjects and real-page handoff. */
.products{z-index:8;border-radius:50% 50% 0 0 / 45px 45px;will-change:transform}.products:before{display:none}.produce-story{will-change:transform}.producer-scene{background:transparent}.producer-photo{object-position:75% center}.producer-thumb{position:absolute;left:20px;right:20px;bottom:72px;height:115px;opacity:0;border-radius:12px;overflow:hidden}.producer-thumb img{height:100%;object-position:75% center}.producer-thumb span{position:absolute;inset:auto 0 0;background:#173e2ad9;color:white;font-size:10px;padding:9px}.phone-selection-bar{position:absolute;left:0;right:0;bottom:0;background:#EFF4EA;padding:15px 20px;display:flex;flex-direction:column;gap:4px;z-index:4}.phone-selection-bar span{font-size:10px}.phone-selection-bar b{font-size:14px;color:#078167}.phone-selection-bar small{font-size:8px;color:#63716d}.phone-market>img{transform-origin:center}.phone-market{will-change:transform}.phone-confirm,.phone-order,.fruit-flight{display:none!important}.producer-scene .producer-photo{max-width:none}.produce-caption{border-top:1px solid currentColor;padding-top:14px}.producer-thumb,.phone-selection-bar{pointer-events:none}@media(max-width:760px){.producer-thumb{height:105px;bottom:72px}.products{border-radius:50% 50% 0 0 / 25px 25px}}@media(prefers-reduced-motion:reduce){.products{transform:none!important}.phone-market{transform:none!important}.producer-thumb,.phone-selection-bar{display:none}.producer-photo{left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:0!important}.producer-shade{opacity:1!important}}
.quality-anchor{position:absolute;left:57%;top:68%;z-index:6;display:flex;gap:10px;align-items:center;color:#174533;pointer-events:none}.quality-anchor i{display:block;width:60px;height:1px;background:currentColor}.quality-anchor span{font-size:9px;line-height:1.6;letter-spacing:.08em}.quality-anchor b{font-size:11px;letter-spacing:0}.quality-anchor{background:#faf8f0d9;padding:8px 14px;border-radius:0}@media(max-width:760px){.quality-anchor{left:45%;top:35%;padding:6px}.quality-anchor i{width:25px}}@media(prefers-reduced-motion:reduce){.quality-anchor{display:none}}.phone-market h3{overflow:hidden}.phone-top{position:relative;z-index:2;background:white}@media(prefers-reduced-motion:reduce){.phone-market h3{max-height:none!important;opacity:1!important;margin:10px 0 18px!important}.phone-market>small{opacity:1!important}}
/* Second beat: actual isolated round produce rolls in, never image cards. */
.story-citrus{background:#fff!important}.story-citrus .story-copy{left:61%;width:34%;top:47%;color:#143a2b}.story-citrus .story-copy h2{font-size:clamp(34px,3.3vw,60px)}.story-citrus .story-copy>p:not(.eyebrow){font-size:14px}.rolling-produce{position:absolute;inset:0;overflow:clip}.rolling-fruit{position:absolute;will-change:left;z-index:1}.rolling-fruit img{height:100%;width:100%;object-fit:contain;position:relative;z-index:1;will-change:transform}.rolling-fruit:after{content:'';position:absolute;left:18%;right:18%;height:7%;bottom:2%;background:#22443328;border-radius:50%;filter:blur(9px);z-index:0}.rolling-fruit.apple{z-index:0}.rolling-fruit.citrus{z-index:2}.story-citrus .produce-caption{right:5%;bottom:11%;color:#557260}@media(max-width:760px){.story-citrus .story-copy{left:24px;right:24px;width:auto;top:auto;bottom:17svh;transform:none}.story-citrus .story-copy h2{font-size:34px}.story-citrus .story-copy>p:not(.eyebrow){font-size:12px}.story-citrus .produce-caption{bottom:9%;left:24px;right:auto}}@media(prefers-reduced-motion:reduce){.rolling-fruit{opacity:1!important;width:25vw!important;height:25vw!important;top:10svh!important}.rolling-fruit.tomato{left:5%!important}.rolling-fruit.apple{left:35%!important}.rolling-fruit.citrus{left:65%!important}.rolling-fruit img{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (min-width:761px){.rolling-fruit{width:18vw!important;height:18vw!important;top:35svh!important}.rolling-fruit.tomato{left:3%!important}.rolling-fruit.apple{left:21%!important}.rolling-fruit.citrus{left:39%!important}}@media(prefers-reduced-motion:reduce) and (max-width:760px){.story-citrus .story-copy{transform:none!important;top:auto!important;bottom:16svh!important}}
/* V5: editorial origin detail, crisp closing image, layered produce cascade. */
.app-copy,.order-copy{max-width:58%;padding-right:6vw}.app-copy h2,.order-copy h2{font-size:clamp(36px,4.2vw,70px);line-height:1.2}.app-copy .lead,.order-copy .lead{font-size:clamp(14px,1.3vw,20px);line-height:1.8}.app-benefits{margin-top:30px;display:grid;gap:12px;font-size:13px;color:#375848}.app-benefits span{display:flex;gap:15px;align-items:center}.app-benefits b{font-size:10px;color:#138269;border:1px solid #b8c9ba;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.origin-editorial{margin-top:32px;border-top:1px solid #b2c3ad;padding-top:20px;width:min(400px,100%)}.origin-editorial>span{font-size:9px;letter-spacing:.16em;color:#63806d}.origin-editorial strong{font-size:clamp(24px,2vw,34px);display:block;margin:12px 0;line-height:1.35}.origin-editorial p{font-size:12px;color:#637564}.origin-editorial>div{display:flex;gap:20px;margin-top:20px;font-size:11px;color:#168267}.phone-facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;padding:14px 0;border-top:1px solid #e4e9e0;border-bottom:1px solid #e4e9e0;margin:12px 0;font-size:8px;color:#536753}.phone-facts b{display:block;color:#183e2c;margin-bottom:5px;font-size:9px}.phone-pair{margin-top:15px}.phone{right:15%;box-shadow:18px 30px 65px #29463422}.phone-screen{background:#fffdf9}.phone-top{background:#fffdf9}.app-backdrop{background:#EFF4EA}.closing{padding:0;min-height:560px;display:grid;grid-template-columns:48% 52%;background:#EFF4EA;overflow:hidden}.closing:after{display:none!important}.closing>img{position:relative;inset:auto;grid-column:2;grid-row:1;height:100%;min-height:560px;width:100%;object-fit:cover;z-index:0}.closing>div{grid-column:1;grid-row:1;padding:70px 5vw;position:relative;z-index:1}.closing h2{font-size:clamp(30px,3.2vw,56px);line-height:1.25}.closing-description{font-size:16px;line-height:1.9;color:#526751;margin:25px 0 32px}.closing .eyebrow{font-size:11px;line-height:1.7}.rolling-fruit:after{filter:blur(6px);background:#183d2722}.story-citrus .story-copy{left:64%;width:32%}.story-citrus .story-copy h2{font-size:clamp(32px,3vw,56px)}
@media(max-height:700px) and (min-width:761px){.app-benefits{gap:7px;margin-top:20px}.origin-editorial{margin-top:18px;padding-top:14px}.origin-editorial strong{font-size:25px}.origin-editorial>div{margin-top:12px}.phone-facts{padding:8px 0;margin:7px 0}.phone-pair{display:none}}
@media(max-width:760px){.app-copy,.order-copy{max-width:none;padding:65px 24px 0;justify-content:flex-start}.app-copy h2,.order-copy h2{font-size:32px}.app-copy .lead,.order-copy .lead{font-size:12px;margin-top:15px}.app-benefits{display:none}.origin-editorial{margin-top:14px;padding-top:12px}.origin-editorial strong{font-size:18px;display:inline-block;margin:7px 0}.origin-editorial strong br{display:none}.origin-editorial>span,.origin-editorial p,.origin-editorial>div{display:none}.phone-facts{font-size:7px;padding:8px 0;margin:7px 0}.phone-facts b{font-size:8px}.phone-pair{display:none}.closing{display:flex;flex-direction:column-reverse;min-height:0}.closing>img{height:340px;min-height:0;width:100%;object-fit:cover}.closing>div{padding:45px 24px 40px;width:100%;box-sizing:border-box}.closing h2{font-size:32px}.closing-description{font-size:13px;margin:20px 0 25px}.story-citrus .story-copy{left:24px;right:24px;width:auto;bottom:17svh;top:auto}.story-citrus .story-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.app-copy,.order-copy{visibility:visible!important}.rolling-fruit{left:var(--pile-x)!important;top:var(--pile-y)!important;width:15vw!important;height:15vw!important}.rolling-fruit img{transform:none!important}}@media(prefers-reduced-motion:reduce) and (max-width:760px){.rolling-fruit{width:23vw!important;height:23vw!important;left:calc(var(--pile-x)*1.38)!important;top:calc(var(--pile-y)*.5)!important}}
.closing{background:#143d2b;color:#fff}.closing .eyebrow{color:#b9d7b4}.closing-description{color:#c4d8c7}.closing .button{background:#fff;color:#17442e}.closing>img{object-position:70% center}
@media(min-width:1100px) and (min-height:701px){.phone{width:clamp(330px,22vw,400px);height:min(76svh,760px);margin-top:calc(min(76svh,760px)/-2);right:15%}.phone-market>img{height:clamp(190px,24svh,245px)}.producer-thumb{height:130px;bottom:82px}.phone-selection-bar{min-height:72px}.app-copy,.order-copy{padding-left:10vw;max-width:58%}.phone-facts{font-size:10px}.phone-facts b{font-size:10px}.phone-market>strong{font-size:15px}.phone-market>p{font-size:11px}}
@media(min-width:1100px) and (min-height:701px){.phone-market>img{height:clamp(165px,19svh,200px)}.phone-chips{margin:10px 0}.phone-facts{padding:10px 0;margin:8px 0}}
@media(max-width:760px){.origin-editorial{display:none}.phone-chips{display:none}.phone-market>strong{display:block;margin-top:10px}.phone-facts{padding:5px 0;margin:5px 0}.phone-market>p{margin-bottom:4px}}
@media(max-width:760px){.phone-facts{display:none}}
/* V6: four grounded fruits. Fixed floor, horizontal-only path; alpha support
   compensation keeps each rotating organic silhouette touching that floor. */
.rolling-fruit:after{bottom:-2%;height:5%;filter:blur(5px);background:#173c2526}.rolling-fruit img{transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.rolling-fruit{width:min(250px,14vw)!important;height:min(250px,14vw)!important;left:calc(4.5vw + var(--roll-index)*14.5vw)!important;top:calc(66svh - min(250px,14vw))!important}.rolling-fruit img{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.rolling-fruit{width:22vw!important;height:22vw!important;left:calc(4vw + var(--roll-index)*23vw)!important;top:calc(43svh - 22vw)!important}}
/* The phone is physically in front of a fresh vegetable basket. */
.phone-basket{position:absolute;right:2vw;bottom:10svh;width:45vw;max-width:1000px;z-index:1;pointer-events:none;filter:drop-shadow(0 18px 17px #2443261b)}.phone-basket img{width:100%;height:auto;display:block}.journey-stage .phone{z-index:2}.journey-stage .app-copy,.journey-stage .order-copy{z-index:3}.journey-stage .producer-scene{z-index:4}.journey-stage .motion-hud{z-index:5}@media(max-width:760px){.phone-basket{width:96vw;max-width:none;right:2vw;bottom:8svh}}@media(prefers-reduced-motion:reduce){.phone-basket{opacity:1!important}}
/* V7: distinct sizes, right-to-left grounded motion; same static rest layout. */
@media(prefers-reduced-motion:reduce){.rolling-fruit{width:calc(min(250px,14vw)*var(--fruit-scale))!important;height:calc(min(250px,14vw)*var(--fruit-scale))!important;top:calc(66svh - min(250px,14vw)*var(--fruit-scale))!important}.rolling-fruit img{transform:translateY(var(--rest-lift))!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.rolling-fruit{width:calc(22vw*var(--fruit-scale))!important;height:calc(22vw*var(--fruit-scale))!important;top:calc(43svh - 22vw*var(--fruit-scale))!important}}
/* V7 composition: larger basket shifted left; phone geometry unchanged. */
.phone-basket{width:54vw;max-width:1200px;right:3vw}@media(max-width:760px){.phone-basket{width:110vw;right:3vw;bottom:8svh}}
/* V7 iPhone-like hardware: lower stance, pill island, metallic edge depth. */
.journey-stage .phone{translate:0 2.5svh;border-color:#16232b;border-width:6px;border-radius:46px;outline:1px solid #7b898e;box-shadow:inset 0 0 0 2px #b2bec1,3px 1px 0 #7b898e,7px 3px 0 #263c43,13px 25px 30px #17372724,0 24px 14px -17px #17362760}.phone:before{content:'';position:absolute;inset:1px;border:1px solid #eef4f099;border-radius:39px;z-index:8;pointer-events:none}.phone-island{top:11px;width:88px;height:23px;border-radius:22px;background:#071014;box-shadow:inset 0 1px 2px #ffffff22}.phone-island:after{content:'';position:absolute;right:10px;top:8px;width:7px;height:7px;border-radius:50%;background:#142c3e;box-shadow:inset 1px 1px 2px #54768a}.phone-basket{filter:drop-shadow(8px 15px 12px #1c3a282b)}.phone-basket:after{content:'';position:absolute;left:10%;right:8%;bottom:-1%;height:5%;border-radius:50%;background:#173e2c40;filter:blur(12px);z-index:-1}@media(max-width:760px){.journey-stage .phone{border-radius:31px;border-width:5px;outline-width:1px;box-shadow:inset 0 0 0 1px #b2bec1,2px 1px 0 #7b898e,4px 2px 0 #263c43,8px 15px 22px #17372724,0 16px 10px -12px #17362766}.phone:before{border-radius:25px}.phone-island{width:65px;height:17px;top:8px}.phone-island:after{height:5px;width:5px;top:6px;right:8px}}
/* Black footer is separate from the vivid closing CTA. */
footer{background:#080b09!important;color:#c7d0ca;border-top:1px solid #26362c}footer .brand{color:#fff}footer p,footer small{color:#a9b8ae}footer button{color:#d5e4d9;border-color:#526658}
.closing>img{clip-path:inset(0 calc((1 - var(--closing-reveal,0))*100%) 0 0);transform:scale(calc(1.035 - var(--closing-reveal,0)*.035));transform-origin:center;will-change:clip-path,transform}.closing>div>*{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.closing>img{clip-path:none!important;transform:none!important}.closing>div>*{opacity:1!important;transform:none!important}}

/* V8: cohesive full-frame dissolve, three grounded fruit, licensed handwriting. */
.hero-film{transform-origin:center;will-change:opacity,transform}.story-citrus .story-copy>.handwritten{font-family:Caveat,'Segoe Print','Bradley Hand',cursive!important;font-size:clamp(35px,3.2vw,61px)!important;font-weight:500;color:#52834c!important;line-height:1.1;margin:0 0 20px!important;letter-spacing:-.025em;transform:rotate(-4deg);transform-origin:left center}.story-citrus .story-copy{top:45%}
@media(max-width:760px){.story-citrus .story-copy{top:auto;bottom:16svh}.story-citrus .story-copy>.handwritten{font-size:36px!important;margin-bottom:14px!important}.story-citrus .story-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-film{transform:none!important}.rolling-fruit.watermelon{left:2.5vw!important}.rolling-fruit.apple{left:30vw!important}.rolling-fruit.citrus{left:46vw!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.rolling-fruit.watermelon{left:1.5vw!important}.rolling-fruit.apple{left:40vw!important}.rolling-fruit.citrus{left:71vw!important}}
@media(prefers-reduced-motion:reduce){.hero-film{opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;transform:none!important}}

/* V9: light editorial lettering belongs to the fruit composition itself. */
@font-face{font-family:'Cormorant Season';src:url('assets/fonts/Cormorant-season.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}.fruit-editorial{position:absolute;left:6vw;top:9svh;z-index:0;color:#71866b;font-family:'Cormorant Season',Georgia,serif;font-weight:300;font-size:clamp(62px,6.6vw,135px);line-height:.83;letter-spacing:-.055em;pointer-events:none;opacity:0}.fruit-editorial span{display:block}.fruit-editorial span+span{margin-left:8vw}.fruit-editorial i{display:block;height:1px;width:6vw;background:#a6b59d;margin:26px 0 0 8vw}.story-citrus .story-copy>.handwritten{font-size:clamp(30px,2.6vw,48px)!important}
@media(max-width:760px){.fruit-editorial{left:24px;top:6svh;font-size:54px;line-height:.9}.fruit-editorial span{display:inline}.fruit-editorial span+span{margin-left:8px}.fruit-editorial i{width:40px;margin:12px 0 0 3px}.story-citrus .story-copy>.handwritten{font-size:31px!important}}
@media(prefers-reduced-motion:reduce){.fruit-editorial{opacity:1!important;transform:none!important}}

/* V9: one organic foreground edge reveals the full scene beneath, not opacity. */
.hero-film{will-change:clip-path}.hero-film video{will-change:transform;transform-origin:50% 45%}@media(prefers-reduced-motion:reduce){.hero-film{clip-path:none!important}.hero-film video{transform:none!important}}
@media(min-width:761px){.fruit-editorial{top:5svh;font-size:clamp(62px,6vw,123px)}}

/* V10: one opaque video plane settles into a shallow inset, then exits upward. */
.hero-film{overflow:hidden;will-change:transform,border-radius;transform-origin:50% 50%}@media(prefers-reduced-motion:reduce){.hero-film{border-radius:0!important}}

.fruit-contours{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.story-citrus .story-copy{top:47%}@media(max-width:760px){.story-citrus .story-copy{top:auto;bottom:19svh}}@media(prefers-reduced-motion:reduce){.fruit-contours{display:none}}
.film-shade{background:linear-gradient(90deg,#06261ec9 0%,#082a2266 34%,#082a220c 64%,transparent 85%)}@media(prefers-reduced-motion:reduce){.film-shade{opacity:1!important}}

/* V11: the same video pixels remain; only their surrounding background withdraws. */
.hero-film{overflow:hidden;will-change:mask-image;mask-size:cover,100% 100%;-webkit-mask-size:cover,100% 100%;mask-position:58% 50%,center;-webkit-mask-position:58% 50%,center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.story-apple{background:#FAF8F0!important}.story-apple .story-copy{z-index:6}.hero-copy{z-index:6}.story-apple .produce-caption{display:none}.quality-anchor{display:none}@media(max-width:760px){.story-apple .story-copy{top:8svh;bottom:auto}.story-apple .story-copy h2{font-size:30px}.story-apple .story-copy>p:not(.eyebrow){font-size:11px;max-width:230px;margin-top:14px}.story-apple .story-copy .eyebrow{margin-bottom:14px}}
.hero-film video{object-position:58% 50%}.hero-film{mask-mode:alpha,alpha}.story-citrus .story-copy h2{font-size:clamp(40px,4vw,76px);line-height:1.16;letter-spacing:-.055em}.story-citrus .story-copy h2 span:first-child{font-weight:400}.story-citrus .story-copy h2 span:last-child{font-size:.72em;font-weight:600;letter-spacing:-.06em}.story-citrus .story-copy h2 em{font-style:normal;color:#168261;font-weight:750;position:relative;display:inline-block}.story-citrus .story-copy h2 em:after{content:'';position:absolute;left:0;right:7%;bottom:-.035em;height:1px;background:#7aa68b;transform:rotate(-2deg)}@media(max-width:760px){.story-citrus .story-copy h2{font-size:39px;line-height:1.09}.story-citrus .story-copy{bottom:16svh}.story-citrus .story-copy>p:not(.eyebrow){margin-top:18px}}

/* V12: a single white composition, one dry apple and two arriving fruit. */
.intro-stage,.benefit-scene,.story-citrus{background:#fff!important}.hero-film{mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center;-webkit-mask-position:center}.anchor-apple{position:absolute;z-index:5;pointer-events:none;opacity:0;will-change:left,top,width,height}.anchor-apple img{position:relative;width:100%;height:100%;object-fit:contain;z-index:1}.anchor-apple:after{content:'';position:absolute;left:18%;right:18%;bottom:1.2%;height:5%;border-radius:50%;background:#173c2526;filter:blur(5px);opacity:var(--contact,0)}
@media(prefers-reduced-motion:reduce){.anchor-apple{opacity:1!important;left:30vw!important;top:calc(166svh - min(250px,14vw)*.9633)!important;width:min(250px,14vw)!important;height:min(250px,14vw)!important}.anchor-apple:after{opacity:1}.hero-film{mask-image:none!important;-webkit-mask-image:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.anchor-apple{left:40vw!important;top:calc(143svh - 22vw*.9633)!important;width:22vw!important;height:22vw!important}}

/* V13: reference-edited dry apple shares the video's exact cover rectangle. */
.hero-film{mask-size:cover,100% 100%;-webkit-mask-size:cover,100% 100%;mask-position:58% 50%,center;-webkit-mask-position:58% 50%,center}.anchor-apple{inset:0;left:0;top:0;width:100%;height:100%;z-index:5;will-change:opacity}.anchor-apple img{width:100%;height:100%;object-fit:cover;object-position:58% 50%}.anchor-apple:after{display:none}.rolling-produce{z-index:6}.benefit-scene{z-index:3}.story-citrus .story-copy{left:77%;width:21%;top:15%;transform:none}.story-citrus .story-copy h2{font-size:clamp(34px,3.2vw,62px)}.story-citrus .story-copy>p:not(.eyebrow){font-size:12px}.fruit-editorial{left:6vw;top:15svh;font-size:clamp(62px,5.3vw,110px)}.fruit-editorial span+span{margin-left:3vw}.fruit-editorial i{margin-left:3vw}.story-citrus .produce-caption{bottom:10%;right:5%}
@media(max-width:760px){.anchor-apple{z-index:2}.hero-film{z-index:4}.benefit-scene{z-index:3;background:transparent!important}.story-citrus{background:transparent!important}.story-citrus .story-copy{left:24px;right:24px;width:auto;top:10svh;bottom:auto;transform:none}.story-citrus .story-copy h2{font-size:31px;line-height:1.04}.story-citrus .story-copy h2 br:first-of-type{display:none}.story-citrus .story-copy h2 span:first-child{margin-right:.2em}.story-citrus .story-copy>p:not(.eyebrow){font-size:10px;line-height:1.6;margin-top:12px;max-width:280px}.fruit-editorial{left:24px;top:3svh;font-size:32px;line-height:1}.fruit-editorial span+span{margin-left:6px}.fruit-editorial i{display:none}.story-citrus .produce-caption{bottom:13%;left:24px}}
@media(prefers-reduced-motion:reduce){.anchor-apple{left:0!important;top:100svh!important;width:100%!important;height:100svh!important;opacity:1!important}.story-citrus .story-copy{transform:none!important}.hero-film{opacity:1!important}}

/* V14: one short closing pin grows the actual photograph into the viewport. */
.closing-track{height:200svh;position:relative;background:#143d2b}.closing-track .closing{position:sticky;top:0;height:100svh;min-height:0;display:block;padding:0;overflow:hidden;border-radius:calc((1 - var(--closing-expand,0))*40px) calc((1 - var(--closing-expand,0))*40px) 0 0;isolation:isolate}.closing-track .closing>img{position:absolute;left:calc(48%*(1 - var(--closing-expand,0)));top:0;width:calc(52% + 48%*var(--closing-expand,0));height:100%;min-height:0;object-fit:cover;object-position:70% center;clip-path:none;transform:none;z-index:0;will-change:left,width}.closing-track .closing>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6vw;z-index:2;background:linear-gradient(90deg,#123a2be8 0%,#123a2bb8 30%,#123a2b00 64%);width:auto}.closing-track .closing h2{font-size:clamp(36px,3.7vw,72px);line-height:1.22}.closing-track .closing .eyebrow{max-width:450px}.closing-track .closing .closing-description{color:#e0ece1}.closing-track .closing .button{margin-top:12px}.closing-track .closing>div>*{max-width:48%}
@media(max-width:760px){.closing-track{height:185svh}.closing-track .closing{border-radius:calc((1 - var(--closing-expand,0))*24px) calc((1 - var(--closing-expand,0))*24px) 0 0}.closing-track .closing>img{left:0;top:calc(43%*(1 - var(--closing-expand,0)));width:100%;height:calc(57% + 43%*var(--closing-expand,0));object-position:68% center;will-change:top,height}.closing-track .closing>div{justify-content:flex-start;padding:8svh 24px;background:linear-gradient(180deg,#123a2bef 0%,#123a2bc9 32%,#123a2b00 66%)}.closing-track .closing>div>*{max-width:100%}.closing-track .closing h2{font-size:34px}.closing-track .closing .eyebrow{font-size:9px;margin-bottom:16px}.closing-track .closing-description{font-size:12px;margin:18px 0}.closing-track .closing .button{font-size:11px;min-height:42px;padding:12px 18px;margin-top:0}}
@media(prefers-reduced-motion:reduce){.closing-track{height:auto}.closing-track .closing{position:relative;height:100svh;--closing-expand:1!important}.closing-track .closing>img{left:0;top:0;width:100%;height:100%}}

/* V15: clear daylight, a restrained leaf tint, and grounded fresh produce. */
.intro-stage{background:radial-gradient(ellipse at 18% 18%,#f0f8ed 0%,transparent 45%),radial-gradient(ellipse at 85% 92%,#eaf5ef 0%,transparent 46%),#fff!important}.benefit-scene,.story-citrus{background:transparent!important}.apple-contact{position:absolute;z-index:4;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#244b343d 0%,#466b4520 40%,transparent 72%);filter:blur(4px);opacity:0}.rolling-fruit:after{background:#244b342b;filter:blur(6px)}.fruit-editorial{top:6svh;font-size:clamp(50px,4.5vw,92px);line-height:.88;color:#66856b}.fruit-editorial span+span{margin-left:2vw}.fruit-editorial i{margin:18px 0 0 2vw;width:4vw}.story-citrus .story-copy>p:not(.eyebrow){color:#49715a}
@media(max-width:760px){.apple-contact{z-index:1}.fruit-editorial{top:3svh;font-size:32px;line-height:1}.fruit-editorial span+span{margin-left:6px}.fruit-editorial i{display:none}}
@media(prefers-reduced-motion:reduce){.apple-contact{display:none}}

/* V15: matched poster expands first, the same scene then begins moving. */
.producer-photo{overflow:hidden;object-fit:cover}.producer-photo>img,.producer-photo>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.producer-photo>video{opacity:0}.producer-thumb img{object-position:65% center}.producer-video-toggle{position:absolute;right:28px;bottom:78px;z-index:9;border:1px solid #ffffff70;background:#153c2b80;color:#fff;border-radius:30px;padding:10px 15px;font-size:11px;opacity:0}.producer-copy{max-width:42%}.producer-copy h2{font-size:clamp(34px,3.7vw,65px)}
@media(max-width:760px){.producer-copy{max-width:none}.producer-copy h2{font-size:34px}.producer-photo>img,.producer-photo>video,.producer-thumb img{object-position:65% center}.producer-video-toggle{right:20px;bottom:70px}}
@media(prefers-reduced-motion:reduce){.producer-video-toggle{display:none!important}.producer-photo>video{opacity:0!important}.producer-photo>img{opacity:1!important}}
.producer-shade{background:linear-gradient(90deg,#092d23e6 0%,#092d2380 30%,#092d2312 60%,transparent 80%)}@media(max-width:760px){.producer-shade{background:linear-gradient(0deg,#092d23ed 0%,#092d2380 47%,transparent 79%)}}
@media(max-width:760px){.producer-photo>img,.producer-photo>video,.producer-thumb img{object-position:45% center}}
/* V16: a real harvest-table setting replaces the white studio backdrop. */
.harvest-setting{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}.intro-stage{background:#edf0df!important}.benefit-scene,.story-citrus{background:transparent!important}.fruit-editorial{color:#42664b;text-shadow:0 1px 12px #ffffff70}.story-citrus .story-copy{color:#123d29}.story-citrus .story-copy>p:not(.eyebrow){color:#34553d}.apple-contact{filter:blur(4px);background:radial-gradient(ellipse,#25402d60 0%,#35503b2c 44%,transparent 72%)}.rolling-fruit:after{background:#25402d40;filter:blur(5px)}
@media(max-width:760px){.harvest-setting{object-position:55% center}.story-citrus .story-copy{text-shadow:0 1px 9px #ffffffb0}}
@media(prefers-reduced-motion:reduce){.harvest-setting{top:100svh;height:100svh}}
/* Keep lettering on the quiet upper wall/window, not across the produce. */
.fruit-editorial{top:4svh;left:5vw;font-size:clamp(46px,4.1vw,84px);line-height:1;color:#183e29;text-shadow:0 1px 3px #ffffff,0 0 16px #ffffffb0}.fruit-editorial span{display:inline}.fruit-editorial span+span{margin-left:.2em}.fruit-editorial i{display:none}.story-citrus .story-copy{top:5svh}.story-citrus .story-copy h2{font-size:clamp(32px,3vw,58px);text-shadow:0 1px 9px #ffffff70}.story-citrus .story-copy>p:not(.eyebrow){margin-top:16px;color:#173d2a;text-shadow:0 1px 4px #ffffffc0}
@media(max-width:760px){.harvest-setting{object-position:90% center}.fruit-editorial{top:3svh;left:24px;font-size:32px}.story-citrus .story-copy{top:10svh}.story-citrus .story-copy h2{font-size:31px}.story-citrus .story-copy>p:not(.eyebrow){margin-top:12px}}
.story-citrus .story-copy>p:not(.eyebrow){color:#143d28;font-weight:600;line-height:1.8;background:linear-gradient(90deg,#fffdf5c9,#fffdf580);padding:6px 8px;margin-left:-8px;text-shadow:none}.apple-contact{background:radial-gradient(ellipse,#20362785 0%,#35503b42 42%,transparent 72%);filter:blur(3px)}.rolling-fruit:after{background:#20362755;filter:blur(4px)}
/* V17: green apple always composites above the retained original, also mobile. */
@media(max-width:760px){.anchor-apple{z-index:5}.benefit-scene{z-index:6}}
/* V18: one scroll-driven film, persistent navigation, searchable market. */
.header{position:fixed!important;top:0;left:0;z-index:100;height:76px;background:rgba(255,255,255,.06)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#173d2c!important;text-shadow:none!important;border-bottom:1px solid #ffffff60;opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;transition:top .25s,left .25s,width .25s,border-radius .25s}.header.scrolled{background:rgba(255,255,255,.06)!important;box-shadow:none}.header nav a{color:#173d2c!important}.header-shop{background:#087e61!important;color:#fff!important}.intro-track{height:340svh!important}.intro-stage{background:#e7e7d4!important}.hero-film{inset:0!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important;opacity:1!important;transform:none!important;border-radius:0!important}.hero-film video{object-fit:cover!important;object-position:50% 50%!important;transform:none!important}.hero-copy{padding:112px var(--pad) 0!important;justify-content:flex-start!important;pointer-events:none!important;color:#fff!important;text-shadow:0 2px 18px #18261360}.hero-copy h1{font-size:clamp(30px,3.1vw,52px)!important;line-height:1.2}.hero-copy .eyebrow{color:#fff!important;font-size:11px;margin-bottom:14px}.intro-stage .motion-hud{color:#fff!important;text-shadow:0 1px 8px #183025;bottom:28px}.skip-video{pointer-events:auto;margin-left:auto;border:1px solid #ffffff90;padding:10px 14px;border-radius:24px;background:#17452e40;font-size:11px}.products{scroll-margin-top:0;padding-top:110px!important}.market-search{width:100%;max-width:720px;margin:0 auto 62px}.market-search>label{display:block;font-size:20px;font-weight:700;letter-spacing:-.03em;margin-bottom:15px}.search-field{display:flex;align-items:center;gap:13px;padding:0 20px;background:#fff;border:1px solid #b9cbbd;border-radius:14px;box-shadow:0 7px 25px #143b2005}.search-field>span{font-size:30px}.search-field input{flex:1;width:0;min-width:0;background:none;border:0;height:60px;font-size:15px;color:#173d2c;outline-offset:1px}.search-field button{border:0;background:#edf3ed;border-radius:50%;width:30px;height:30px;font-size:24px;line-height:1}.search-field button[hidden]{display:none}#result-count{font-size:12px;color:#526858;margin-top:10px;min-height:22px}.market-tools{justify-content:flex-start}#empty{padding:50px 20px;border:1px dashed #c8d6c9;border-radius:14px;text-align:center;color:#4f6555}.video-failed .hero-film{background:#e3eadc}.header nav a:focus-visible{outline-offset:5px}
@media(max-width:760px){.header{height:64px;padding:0 18px}.header .brand{font-size:20px;gap:7px}.header .brand-mark{transform:scale(.8);width:22px}.header nav{display:flex!important;gap:14px!important;font-size:11px}.header nav a:last-child{display:none}.header-shop{display:none!important}.hero-copy{padding:88px 24px 0!important}.hero-copy h1{font-size:31px!important}.hero-copy .eyebrow{font-size:10px}.intro-stage .motion-hud{bottom:22px;left:22px;right:22px;gap:10px}.intro-stage .scene-label{font-size:9px;min-width:0;max-width:118px}.intro-stage .progress{max-width:50px}.skip-video{font-size:10px;padding:8px 10px}.products{padding-top:95px!important}.market-search{margin-bottom:40px}.market-search>label{font-size:19px}.search-field{padding:0 14px}.search-field input{font-size:12px;height:54px}.intro-track{height:340svh!important}}
@media(prefers-reduced-motion:reduce){.intro-track{height:100svh!important}.intro-stage{position:relative!important;height:100svh!important}.hero-film{position:absolute!important;inset:0!important;height:100%!important}.hero-copy{position:absolute!important;opacity:1!important;transform:none!important}.products{margin-top:0!important;transform:none!important}.intro-stage .motion-hud{display:flex!important}.intro-stage .progress{display:none}.header{opacity:1!important}.header,.skip-video{transition:none}html{scroll-behavior:auto}}
.hero-copy{color:#173f2d!important;text-shadow:0 1px 12px #ffffffc0!important}.hero-copy .eyebrow{color:#173f2d!important}
@media(max-width:760px){.hero-copy{background:linear-gradient(180deg,#fffdf0d9 64px,#fffdf08c 190px,transparent 290px)!important}.header nav{gap:10px!important}.header nav a:last-child{display:inline!important;font-size:10px}.header .brand{font-size:18px}.header{padding:0 12px}.header .brand-mark{width:18px;gap:0}}
.products{min-height:100svh}
.products,.product-grid,.product-card{overflow-anchor:none}
body{overflow-anchor:none}

/* V19: one faint glass surface, never increasing opacity; pinned frame opens. */
.header,.header.scrolled{background:rgba(255,255,255,.06)!important;border:1px solid #ffffff28;box-shadow:none!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.header:before,.header:after{display:none!important}.header-shop{backdrop-filter:none!important}.header .brand{text-shadow:none!important}
.header.scrolled{top:5px;left:16px;width:calc(100% - 32px);border-radius:999px;height:64px;padding-left:28px;padding-right:28px}
.intro-stage{background:#FAF8F0!important;--hero-open:0}
.hero-film{inset:calc(90px*(1 - var(--hero-open))) calc(24px*(1 - var(--hero-open))) calc(24px*(1 - var(--hero-open)))!important;width:auto!important;height:auto!important;border-radius:calc(30px*(1 - var(--hero-open)))!important;overflow:hidden;will-change:inset,border-radius}
.hero-copy{padding-top:125px!important}
@media(max-width:760px){.header.scrolled{left:6px;width:calc(100% - 12px);height:56px;padding-left:10px;padding-right:10px}.hero-film{inset:calc(76px*(1 - var(--hero-open))) calc(12px*(1 - var(--hero-open))) calc(12px*(1 - var(--hero-open)))!important;border-radius:calc(22px*(1 - var(--hero-open)))!important}.hero-copy{padding-top:100px!important;background:none!important}.hero-copy h1{font-size:29px!important}}
@media(prefers-reduced-motion:reduce){.intro-stage{--hero-open:1!important}.header{transition:none!important}}

/* Editorial hero copy remains anchored while its three messages change. */
.hero-copy{padding-top:clamp(125px,18svh,180px)!important;padding-left:var(--pad)!important;max-width:none;background:linear-gradient(90deg,#faf8f0c7 0%,#faf8f064 29%,transparent 49%)!important;justify-content:flex-start!important;text-shadow:0 1px 10px #ffffff80!important}
.hero-copy h1{font-size:clamp(48px,4.5vw,72px)!important;line-height:1.18;letter-spacing:-.055em;min-height:2.36em;max-width:660px;margin:0}.hero-copy .eyebrow{font-size:12px;letter-spacing:.1em}.hero-subtitle{font-size:clamp(15px,1.2vw,19px);line-height:1.85;margin:24px 0 0;color:#284a36;font-weight:500}.hero-app{margin-top:32px;color:#284a36}.hero-app>p{font-size:13px;line-height:1.7;margin:0 0 14px}.hero-app>div{display:flex;gap:10px}.hero-app button{pointer-events:auto!important;background:#153f2d;color:#fff;border:1px solid #153f2d;border-radius:12px;padding:14px 20px;font:600 13px inherit;min-width:140px;text-align:left}.hero-app button span{float:right;margin-left:18px}.hero-app small{display:block;font-size:10px;margin-top:10px;color:#375943}
@media(max-width:760px){.hero-copy{padding:100px 24px 0!important;background:linear-gradient(180deg,#faf8f0c9 0%,#faf8f08c 32%,transparent 64%)!important}.hero-copy h1{font-size:29px!important;max-width:320px}.hero-copy .eyebrow{font-size:9px;margin-bottom:12px}.hero-subtitle{font-size:11px;line-height:1.6;margin-top:12px}.hero-app{margin-top:13px}.hero-app>p{font-size:10px;line-height:1.4;margin-bottom:9px}.hero-app>p br{display:none}.hero-app button{font-size:10px;padding:10px 12px;min-width:119px;border-radius:9px}.hero-app small{font-size:8px;margin-top:6px}}
@media(max-height:700px) and (min-width:761px){.hero-copy{padding-top:110px!important}.hero-copy h1{font-size:48px!important}.hero-subtitle{margin-top:14px}.hero-app{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.hero-copy h1,.hero-subtitle{opacity:1!important}}

/* V20: edge-to-edge initial film, only the upper breathing space expands away. */
.hero-film{inset:calc(90px*(1 - var(--hero-open))) 0 0!important;border-radius:0!important;border:0!important;box-shadow:none!important}
@media(max-width:760px){.hero-film{inset:calc(76px*(1 - var(--hero-open))) 0 0!important;border-radius:0!important}}

/* Commerce entry points: preserve the landing animation and CTA geometry. */
.hero-app a{display:block;pointer-events:auto!important;background:#153f2d;color:#fff;border:1px solid #153f2d;border-radius:12px;padding:14px 20px;font-size:13px;font-weight:600;min-width:140px;text-align:left}.hero-app a span{float:right;margin-left:18px}@media(max-width:760px){.hero-app a{font-size:10px;padding:10px 12px;min-width:119px;border-radius:9px}}
/* Loading is explicit and escapable; it never advances the pinned scene. */
html.hero-loading{overflow:hidden}
html.hero-loading body{overscroll-behavior:none}
#hero-loader{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:#faf8f0f7;padding:28px;text-align:center;color:#184d36}
#hero-loader[hidden]{display:none}
#hero-loader>div{max-width:440px}
#hero-loader h2{font-size:24px;line-height:1.5;letter-spacing:-.04em}
#hero-loader p{font-size:13px;line-height:1.8;color:#64796c}
.hero-spinner{display:block;width:38px;height:38px;margin:0 auto 24px;border:3px solid #dce7db;border-top-color:#268559;border-radius:50%;animation:hero-load-spin .9s linear infinite}
.hero-load-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}
.hero-load-actions button{border:1px solid #c9dacc;border-radius:8px;background:#fff;padding:11px 16px;color:#345e45;font:inherit;font-size:12px}
.hero-load-actions button[hidden]{display:none}
#hero-load-retry{background:#1b6d49;color:#fff;border-color:#1b6d49}
.hero-film.poster-fallback{background:url('assets/optimized/hero-v18-poster.jpg') center/cover}
@keyframes hero-load-spin{to{transform:rotate(360deg)}}
/* One consistent first-scene dark green across all hero copy states. */
.hero-copy{--hero-tone:#164e36;color:var(--hero-tone)!important}
.hero-copy h1,.hero-copy .hero-subtitle,.hero-copy>.eyebrow,.hero-app>p,.hero-app>small,.hero-app .season-browse{color:var(--hero-tone)!important}
.hero-copy h1,.hero-copy .hero-subtitle{transition:color .24s ease}
.hero-app>div .store-guide{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 15px;border:1px solid #ffffff77;border-radius:10px;background:#183e2de8;color:#fff;text-decoration:none;font:inherit;text-align:left;font-size:12px}
.hero-app .store-guide svg{width:23px;height:23px;flex:none}
.hero-app .store-guide>span{display:block}
.hero-app .store-guide small{display:block;font-size:8px;margin-top:3px;color:#d5e1d8}
.hero-app .season-browse{display:inline-block;background:none;border:0;padding:0;color:var(--hero-tone);font-size:12px;margin-top:14px;text-decoration:underline;text-underline-offset:4px}
.delivery-grid .editorial-media{height:190px;border-radius:13px;overflow:hidden}
.delivery-grid .editorial-media img{width:100%;height:100%;object-fit:cover;border-radius:0}
.review-grid .editorial-media{height:clamp(185px,15vw,260px);border-radius:12px;overflow:hidden;margin-bottom:22px}
.review-grid .editorial-media img{width:100%;height:100%;max-height:none;aspect-ratio:auto;margin:0;border-radius:0;object-fit:cover}
.editorial-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform:scale(1)}
@media(hover:hover) and (pointer:fine){.delivery-grid article:hover .editorial-media img,.review-grid article:hover .editorial-media img{transform:translateX(-2%) scale(1.09)}}
@media(max-width:760px){.review-grid .editorial-media{width:105px;height:140px;margin:0;border-radius:9px}.hero-app>div .store-guide{padding:8px 11px;font-size:11px;min-height:43px}.hero-app .store-guide svg{width:20px;height:20px}.hero-app .season-browse{font-size:10px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){.hero-spinner{animation:none;border-right-color:#268559}.editorial-media img,.hero-copy h1,.hero-copy .hero-subtitle{transition:none}.delivery-grid article:hover .editorial-media img,.review-grid article:hover .editorial-media img{transform:none}}

#hero-loader.load-error .hero-spinner{animation:none;border:1px solid #b8793d;color:#8b5525;background:#fff7e8;display:inline-grid;place-items:center;font-size:25px;font-weight:700}

/* Direct access to buyer, seller and administrator sign-in. */
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.header-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;font-weight:700;color:#173d2c;white-space:nowrap;text-decoration:none}
.header-login:hover{text-decoration:underline;text-underline-offset:5px}
.header-login:focus-visible{outline:2px solid #087e61;outline-offset:4px;border-radius:2px}
@media(max-width:760px){.header-actions{gap:10px}.header-login{font-size:12px}}