.process-showcase{padding-top:125px;padding-bottom:110px;scroll-margin-top:110px}.process-header{margin-bottom:72px}.process-header h2{font:700 clamp(36px,4.6vw,68px)/1.1 var(--heading);letter-spacing:-.055em;margin:24px 0 0}.process-header em{font-style:normal;color:var(--green)}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,108px);align-items:start}.process-visual{position:sticky;top:130px;height:510px}.process-card{position:absolute;inset:0;border:1px solid #dfe4d8;border-radius:24px;padding:28px;background:#fff;box-shadow:0 18px 60px #193c3009;overflow:hidden;transition:opacity .45s,transform .45s;opacity:0;transform:translateY(14px);pointer-events:none}.process-card.is-active{opacity:1;transform:none;pointer-events:auto}.process-card-top,.process-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.09em}.process-card-top{color:var(--muted)}.process-status{color:var(--green);background:#edf3e9;border-radius:20px;padding:7px 9px;font-size:9px;letter-spacing:0}.process-card h3{font:700 26px/1.15 var(--heading);letter-spacing:-.035em;margin:24px 0 18px}.process-card-foot{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;color:var(--muted);letter-spacing:0;font-size:10px}.process-card-foot span{color:var(--green)}.origin-map{position:relative;background:#f3f5ed;border-radius:12px;overflow:hidden;height:188px}.origin-map svg{width:100%;height:100%}.origin-map>span{position:absolute;bottom:12px;left:15px;font-size:8px;letter-spacing:.15em}.process-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.process-metrics small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.process-metrics strong{font-size:13px;font-weight:600}.process-step{min-height:65svh;display:flex;flex-direction:column;justify-content:center;padding:42px 0;scroll-margin-top:155px;opacity:.36;transition:opacity .4s}.process-step:first-child{padding-top:40px}.process-step:last-child{min-height:70svh}.process-step.is-active{opacity:1}.process-step-button{background:none;border:0;padding:0;text-align:left;width:100%}.process-step-tag{display:flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.process-step-tag>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--muted);letter-spacing:0;transition:background .3s,color .3s}.process-step.is-active .process-step-tag>span{background:var(--orange);border-color:var(--orange);color:white}.process-step h3{font:700 clamp(27px,3.1vw,44px)/1.12 var(--heading);letter-spacing:-.04em;margin:25px 0 18px}.process-step p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.process-mobile-card{display:none}.purity-readout{display:flex;align-items:center;gap:22px;background:#f2f5ec;padding:20px;border-radius:12px}.purity-readout>strong{font:700 clamp(42px,5vw,68px)/1 var(--heading);letter-spacing:-.07em;color:var(--green)}.purity-readout strong span{font-size:26px}.purity-readout>div{font-size:10px;letter-spacing:.15em}.purity-readout small{display:block;font-size:9px;letter-spacing:0;margin-top:8px;color:var(--muted)}.sorter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.sorter-grid>div>span{font-size:8px;letter-spacing:.08em}.sorter-grid small{font-size:9px;color:var(--muted)}.grain-field{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:18px 12px;position:relative;background:#fcfaf7;border-radius:8px;margin:10px 0}.grain-field i{width:6px;height:12px;display:block;background:#b08145;border-radius:60% 30%;transform:rotate(var(--r,24deg));box-shadow:inset 2px 0 #deb971}.grain-field .grain-reject{background:#7d7a6a;opacity:.4}.scan-line{position:absolute;left:0;right:0;top:45%;height:2px;background:#065f4699;box-shadow:0 0 14px #065f4677}.delivery-art{height:235px;position:relative;background:#f2f5ec;border-radius:14px;overflow:hidden}.door-outline{position:absolute;width:100px;height:230px;border:2px solid #065f4618;left:15%;top:28px;border-radius:12px 12px 0 0}.parcel{position:absolute;width:170px;height:140px;left:30%;top:62px;background:#d4a56a;border:1px solid #ba8b51;transform:rotate(-7deg);box-shadow:15px 20px 20px #193c3015;padding:39px 20px 10px}.parcel-tape{position:absolute;top:0;bottom:0;left:68%;width:22px;background:#ead5a890}.parcel>span{font:700 21px var(--heading);position:relative}.parcel small{display:block;font-size:7px;letter-spacing:.1em;margin-top:12px}.parcel b{position:absolute;bottom:10px;right:10px}.delivery-seal{position:absolute;right:12%;top:30px;background:#065f46;color:#fff;border-radius:50%;width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center}.delivery-seal small{font-size:7px;text-align:center;line-height:1.4;letter-spacing:.1em}.delivery-track{list-style:none;display:flex;justify-content:space-between;padding:0;margin:22px 0;font-size:10px}.delivery-track li:before{content:'✓';color:var(--orange);margin-right:6px}
@media(min-width:801px) and (max-height:740px){.process-visual{top:105px;height:490px}.process-card{padding:22px}.process-card h3{margin:19px 0 14px}.origin-map{height:175px}}
@media(max-width:800px){.process-showcase{padding-top:75px;padding-bottom:55px}.process-header{margin-bottom:42px}.process-header h2{font-size:clamp(32px,6.5vw,50px)}.process-layout{display:block}.process-visual{display:none}.process-step,.process-step:last-child{min-height:0;opacity:1;padding:0 0 70px;scroll-margin-top:110px}.process-step:first-child{padding-top:0}.process-mobile-card{display:block;position:relative;height:510px;margin-bottom:30px}.process-mobile-card .process-card{opacity:1;transform:none}.process-step h3{font-size:32px}.process-step p{font-size:14px}.process-step-tag>span{background:var(--orange);color:white}.process-card{padding:22px}.process-card h3{font-size:23px}.purity-readout>strong{font-size:52px}.process-card-top{font-size:8px}.process-card-foot{font-size:9px}.grain-field{gap:9px}.process-card-top .process-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){.process-card,.process-step{transition:none}}

.crop-origin-map{height:300px;background:#f5f7f0}.process-card-0 h3{font-size:23px}.process-card-0 .process-card-foot{margin-top:18px}.parcel{background:#fff;border-color:#dedfd5;padding:20px 16px 10px}.parcel-tape{background:#eaece580}.parcel-logo{position:relative;width:122px;height:auto;mix-blend-mode:multiply}.parcel small{position:relative;font-size:7px;letter-spacing:.02em;margin-top:7px;color:var(--green);white-space:nowrap}.parcel b{font-size:12px}.process-card-1 h3{font-size:24px}@media(max-width:800px){.crop-origin-map{height:285px}.process-card-0 h3{font-size:22px}.process-card-0 .process-card-foot{font-size:8px;gap:6px}.process-card-1 h3{font-size:22px}}
.process-card-top,.process-card-foot{display:none}.process-card h3{margin-top:8px;margin-bottom:24px}.process-card-0{background:#f6f8f1}.origin-landscape{height:285px;border-radius:14px;overflow:hidden;background:#e7eedf}.origin-landscape svg{width:100%;height:100%;display:block}.origin-caption{font-size:14px;line-height:1.75;color:var(--muted);margin:22px 0 0}.process-card-1 .purity-readout{margin-top:32px}.process-card-1 .sorter-grid{margin-top:32px}.process-card-2 .delivery-art{height:285px}.process-card-2 .delivery-track{margin-top:28px}

/* Brand imagery fills the visual cards, with a quiet caption below. */
.process-card-0,.process-card-2{padding:0;background:#fff}
.process-photo{height:100%;margin:0;display:flex;flex-direction:column}
.process-photo>img{display:block;width:100%;min-height:0;flex:1;object-fit:cover}
.process-photo-origin>img{object-position:48% center}
.process-photo-delivery>img{object-position:50% 69%}
.process-photo figcaption{flex:none;padding:23px 26px 25px;background:#fff;border-top:1px solid var(--line)}
.process-photo figcaption h3{font-size:23px;line-height:1.25;margin:0 0 8px}
.process-photo figcaption p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}
@media(max-width:800px){.process-photo figcaption{padding:20px 22px}.process-photo figcaption h3{font-size:21px}.process-photo figcaption p{font-size:12px}}

.process-step-tag>span{color:var(--green);border-color:var(--green)}.process-step.is-active .process-step-tag>span{background:var(--green);border-color:var(--green);color:#fff}