/* HarvCoop / editorial agriculture design */
:root{--green:#213e32;--deep:#10291f;--gold:#e9c55b;--cream:#f0f2e9;--ink:#172d23;--muted:#69756b;--line:#dce3d9}body{background:#f8f9f5;font-size:15px}main{max-width:1680px;margin:auto}h1,h2,h3{font-weight:450}h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-.055em}p{line-height:1.75}.section{padding:100px 6%}.section-tag,.eyebrow{font-size:9px;letter-spacing:.13em}.section-tag .dot{height:7px;width:7px;background:var(--green)}.button{border-radius:40px;padding:10px 10px 10px 24px;min-height:52px;background:var(--gold);gap:28px;font-size:12px;box-shadow:none}.button>span{border-radius:50%;width:32px;height:32px;background:#193d2d;color:#fff}.button:hover{transform:translateY(-2px);background:#f2d77e}.button,.text-link{transition:background .25s,transform .25s}.text-link{font-size:12px;padding-bottom:9px}.hero{margin:20px 20px 0;min-height:880px;height:auto;max-height:none;border-radius:24px;padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.hero-photo{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#0b211fc9 0%,#0b211f60 50%,#0b211f10 100%),linear-gradient(0deg,#112c22ef 0%,transparent 70%)}header{padding:25px 3.5%;position:relative;gap:20px;z-index:3}.brand img{width:135px;height:43px}nav{padding:7px;border-radius:40px;border:1px solid #ffffff26;background:#ffffff15;backdrop-filter:blur(15px);gap:0;font-size:11px}nav a{padding:9px 14px;border-radius:25px;transition:background .2s,color .2s}nav a:hover,nav a.is-current{background:#f3f5e9;color:var(--deep)}nav a:after{display:none}.header-cta{background:#f1f4e6;color:var(--deep)}.hero-content{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1.7fr 1fr;gap:8%;align-items:end;margin:85px 5% 45px;flex:1}.hero-copy{max-width:735px;padding-bottom:30px}h1{font-size:clamp(47px,5.3vw,80px);line-height:1.02;letter-spacing:-.06em;max-width:780px}h1 em{color:#f0d68c}.hero .eyebrow{font-size:9px;letter-spacing:.13em;line-height:1.7;margin-bottom:25px}.hero-intro{font-size:15px;max-width:405px;margin:27px 0 30px;color:#e3e9dd}.mission{width:auto;max-width:350px;padding:28px;border-radius:18px;background:#e6eed71a;backdrop-filter:blur(20px);border-color:#ffffff29;align-self:end;margin-bottom:30px}.mission .eyebrow{font-size:8px}.mission p:not(.eyebrow){font-size:12px;line-height:1.8}.mission a{font-size:11px}.hero-bottom{position:relative;bottom:auto;left:auto;right:auto;margin:0 5%;padding:24px 0 28px;font-size:10px}.about{grid-template-columns:1fr 2fr;gap:40px 8%}.about>.section-tag{border:1px solid var(--line);padding:8px 12px;justify-self:start;border-radius:30px;margin-top:8px}.about-intro h2{max-width:760px;margin-bottom:26px}.about-intro p{font-size:14px;max-width:780px}.muted{color:#96a38c}.reason-impact{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:20px;margin-top:18px;min-height:460px}.reason-photos{gap:0;grid-template-columns:1fr 1fr;min-height:100%}.reason-photos .stat-image{height:100%;min-height:100%;border-radius:0}.reason-photos figcaption{padding:50px 20px 24px;font-size:11px}.reason-facts{grid-template-columns:1fr 1fr;padding:40px;gap:36px 30px;align-content:center}.reason-fact strong{font-size:clamp(37px,4.2vw,62px);padding-bottom:18px}.reason-fact p{font-size:12px;line-height:1.75;margin-top:15px}.values{gap:28px;margin-top:12px}.values>div{padding-top:22px}.values span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--cream);color:#52634d;font-size:10px}.values h3{font-size:19px;margin-top:23px}.values p{font-size:12px}.membership{margin:0 20px;padding:75px 5%;background:#e9eee3;border-radius:24px}.section-heading{gap:40px;margin-bottom:42px}.section-heading h2{max-width:760px}.section-heading>p{font-size:13px;max-width:330px}.section-heading .section-tag{margin-bottom:22px}.editorial-image{border-radius:18px}.membership-visual{height:380px;margin-bottom:24px;border-radius:18px}.membership-visual figcaption{padding:38px;background:linear-gradient(90deg,#09271bc7,transparent 90%)}.editorial-image figcaption strong{font-size:clamp(30px,3vw,44px);max-width:550px}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.benefit{position:relative;display:block;padding:28px;border:1px solid #d3dccd;border-radius:16px;background:#f8faf4;transition:transform .25s,background .25s;overflow:hidden}.benefit:hover{transform:translateY(-4px);background:#fff}.benefit .number{display:block;font-size:10px;margin-bottom:26px}.benefit h3{font-size:23px;max-width:260px;margin-bottom:15px}.benefit p{font-size:12px;line-height:1.85}.benefit .line-icon{display:grid;place-items:center;position:absolute;top:22px;right:24px;width:35px;height:35px;border-radius:50%;background:#e9eee3;color:#4d6753}.benefit .line-icon .icon{width:18px;height:18px}.journey{position:relative}.journey-gallery{grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:35px}.journey-gallery figure{height:355px;border-radius:20px}.journey-gallery figcaption strong{font-size:30px}.steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:3px 0 16px;scrollbar-width:thin;scrollbar-color:#afbea4 transparent}.steps article{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;min-width:0;border:1px solid #dce3d9;border-radius:16px;background:#fff;padding:25px 28px 30px}.steps article:before{display:none}.steps b{font-size:38px;letter-spacing:-.06em;color:#a5b497;font-weight:400}.steps h3{font-size:23px;margin:24px 0 12px}.steps p{font-size:13px;max-width:290px}.journey-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.journey-controls button{width:44px;height:44px;display:grid;place-items:center;background:var(--deep);border:1px solid var(--deep);border-radius:50%;color:#fff}.journey-controls button:first-child{background:transparent;color:var(--deep);border-color:var(--line)}.journey-controls button:disabled{opacity:.3;cursor:default}.programmes{padding-top:15px}.programme{background:#eff2e9;border-radius:22px;overflow:hidden;gap:0;grid-template-columns:1fr 1fr;margin-top:24px;align-items:stretch}.programme-image{height:auto;min-height:550px;border-radius:0}.programme-image>span{left:28px;top:28px;border-radius:25px;padding:10px 14px;font-size:8px;background:#f7f9eced}.programme-copy{padding:45px 10%;align-self:center}.programme-copy h3{font-size:52px;margin:20px 0}.programme-copy>p{font-size:13px}.pill{background:#fff9;border-color:#cad3c4;border-radius:30px;font-size:10px}.chips{gap:6px}.chips span{background:#dde5d4;border-radius:30px;font-size:9px;padding:6px 10px}.programme-copy details{border-color:#cbd6c4}.programme-copy summary{padding:15px 0;min-height:48px}.programme-copy details[open] summary span{transform:rotate(45deg)}.programme-copy details p{line-height:1.8}.programme.reverse{background:#e9eee6}.governance{border-radius:24px;margin:0 20px;padding:75px 5%;background:#213e32}.governance-top{gap:12%;align-items:center}.governance .section-tag .dot{background:var(--gold)}.governance-top>p{font-size:14px;line-height:1.9}.governance-visual{height:400px;margin-top:38px;border-radius:18px}.governance-visual figcaption{padding:75px 34px 30px}.governance-flow{gap:0;margin-top:35px;border:1px solid #ffffff25;border-radius:16px;overflow:hidden}.governance-flow>div{padding:28px 24px;border-top:0;border-right:1px solid #ffffff20}.governance-flow>div:last-child{border-right:0}.governance-flow small{font-size:8px}.governance-flow h3{font-size:22px;line-height:1.15;margin:18px 0 12px}.governance-flow p{font-size:12px}.surplus-explorer{margin-top:65px;padding-top:55px}.surplus-heading h2{font-size:clamp(38px,4vw,58px)}.surplus-choice{border-radius:16px;padding:25px 22px;background:#ffffff05}.surplus-calculator{border-radius:18px;padding:30px}.future .section-heading{margin-bottom:44px}.timeline{gap:18px}.timeline article{padding:30px;background:#edf1e7;border:0;border-radius:18px}.timeline article:nth-child(2){background:#e8eddf}.timeline strong{font-size:48px;color:#35533c}.timeline h3{font-size:23px}.timeline p{font-size:12px;line-height:1.85}.board{grid-template-columns:1.1fr 1fr 1fr 1fr;gap:25px;padding-top:50px;margin-top:65px}.board>div{padding-right:15px}.board h2{font-size:44px}.board img,.initials{height:240px;border-radius:18px}.initials{background:radial-gradient(circle at 30% 20%,#e9efd9,#c9d6bd);font-size:64px;color:#708669}.board h3{font-size:18px;letter-spacing:-.025em}.board article>p{font-size:11px}.join-banner{margin:0 20px;border-radius:24px;min-height:500px;height:auto;padding:100px 25px}.join-banner:after{background:linear-gradient(90deg,#10291fcc,#10291f75)}.join-banner h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em}.join-banner .eyebrow{font-size:9px}.join{gap:9%;align-items:start}.join h2{font-size:clamp(40px,4vw,58px)}.join-copy>p:not(.section-tag){font-size:14px}.join-steps{margin-top:28px}.join-steps li{padding:18px 0 18px 44px}.join-steps li:before{top:22px}.join-visual{height:230px;border-radius:18px;margin-top:30px}.interest-form{padding:38px;background:#eaf0e3;border-radius:22px;border:1px solid #dae3d3}.interest-form h3{font-size:32px}.interest-form>p{font-size:12px;line-height:1.8}.interest-form label{font-size:11px;font-weight:500;margin:20px 0 8px}input,select,textarea{font-size:16px;border-color:#d6decd;border-radius:8px;padding:13px 15px;background:#fafcf7}.interest-form .dark{background:var(--deep);color:#fff;margin-top:23px}.interest-form .dark span{background:var(--gold);color:var(--deep)}.interest-form .dark:hover{background:#34563c}.contact{padding-top:0;gap:9%;align-items:start}.contact h2{font-size:43px}.contact-details{background:#eff2e9;border-radius:18px;padding:28px;gap:20px}.contact-details small{color:#79876d}.contact-details p{font-size:12px}.contact-details a{overflow-wrap:anywhere}footer{max-width:1640px;margin:0 auto 20px;padding:55px 5% 24px;border-radius:24px;background:#112c21}.footer-main{gap:45px;grid-template-columns:1.4fr .8fr .8fr 1.1fr}.footer-main small{font-size:8px;color:#a9bb9b}.footer-main p{font-size:12px}.footer-main>div>a:not(.brand){font-size:12px}.footer-bottom{margin-top:45px;padding-top:22px}.reveal.in-view{animation:editorial-reveal .65s ease both}@keyframes editorial-reveal{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1680px){footer{max-width:1640px}.section{padding-left:100px;padding-right:100px}.membership,.governance{padding-left:80px;padding-right:80px}}
@media(max-width:1100px){header{gap:14px}nav a{padding:8px 10px;font-size:10px}.header-cta{font-size:10px;gap:10px}.brand img{width:115px}.hero{min-height:810px}.hero-content{grid-template-columns:1.6fr 1fr;gap:6%;margin-top:75px}h1{font-size:59px}.mission{padding:23px}.section{padding:75px 5%}.membership,.governance{padding:60px 4%}.reason-facts{padding:28px;gap:26px 22px}.reason-fact strong{font-size:45px}.reason-impact{min-height:410px}.benefit{padding:24px 20px}.benefit h3{font-size:21px}.programme-copy{padding:35px 8%}.programme-image{min-height:540px}.governance-flow>div{padding:23px 18px}.governance-flow h3{font-size:19px}.board img,.initials{height:200px}.contact{padding-top:0}.programmes{padding-top:10px}footer{margin:0 20px 20px}.footer-main{gap:28px}}
@media(max-width:800px){.hero{margin:12px 12px 0;min-height:0;border-radius:20px}.hero-photo{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#0c241faa,#0c241f20),linear-gradient(0deg,#10291ffc 0%,#10291f11 100%)}header{padding:20px 24px}.brand img{width:130px}.header-cta{display:none}.menu-toggle{background:#ffffff14;border-color:#ffffff40;width:44px;height:44px}.hero nav{padding:18px;border-radius:18px;top:77px;left:24px;right:24px;background:#163b2af5}.hero nav.open{gap:4px;align-items:stretch}.hero nav a{font-size:15px;padding:10px 15px}.hero-content{display:block;margin:100px 6% 25px}.hero-copy{padding-bottom:0;max-width:610px}h1{font-size:clamp(46px,7.5vw,66px)}.hero-intro{font-size:14px}.mission{display:block;max-width:none;width:100%;margin:40px 0 0;padding:22px;border-radius:15px}.mission p:not(.eyebrow){font-size:12px}.mission .eyebrow{margin-bottom:10px}.mission a{margin-top:18px;padding-top:13px}.hero-bottom{margin:0 6%;padding:20px 0 23px;font-size:9px}.about{grid-template-columns:1fr;gap:25px}.about-intro h2{max-width:630px}.reason-impact{grid-template-columns:1fr;min-height:0}.reason-photos .stat-image{height:230px;min-height:0}.reason-facts{padding:30px;gap:28px 35px}.reason-fact strong{font-size:53px}.reason-fact p{max-width:none;font-size:12px}.values{grid-template-columns:1fr 1fr;gap:25px}.values h3{margin-top:16px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:22px}.membership{margin:0 12px}.membership-visual{height:335px}.benefits{grid-template-columns:1fr 1fr;gap:12px}.benefit p{font-size:12px}.journey-gallery{gap:14px}.journey-gallery figure{height:300px}.journey-gallery figcaption strong{font-size:25px}.steps article{flex-basis:calc((100% - 16px)/2);padding:23px}.programme{grid-template-columns:1fr}.programme-image{min-height:0;height:350px}.programme-copy{padding:35px}.programme.reverse .programme-image,.programme.reverse .programme-copy{grid-column:auto;grid-row:auto}.programme-copy h3{font-size:45px}.governance{margin:0 12px}.governance-top{grid-template-columns:1fr;gap:25px}.governance-top>p{font-size:13px}.governance-visual{height:320px}.governance-flow{grid-template-columns:1fr 1fr}.governance-flow>div{padding:24px}.governance-flow>div:nth-child(2){border-right:0}.governance-flow>div:nth-child(-n+2){border-bottom:1px solid #ffffff20}.surplus-heading-note{margin-top:22px}.surplus-workspace{grid-template-columns:1fr;gap:28px}.surplus-orbit{max-width:310px}.surplus-categories{grid-template-columns:1fr 1fr}.surplus-choice{padding:23px}.timeline{gap:12px}.timeline article{padding:24px 20px}.timeline strong{font-size:38px}.timeline h3{font-size:20px}.board{grid-template-columns:repeat(3,1fr);gap:18px}.board>div{grid-column:1/-1}.board h2{margin-top:18px}.board img,.initials{height:210px}.join-banner{margin:0 12px;min-height:400px;padding:75px 25px}.join{grid-template-columns:1fr;gap:35px}.join-copy{max-width:none}.join-steps{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.join-visual{height:270px}.interest-form{max-width:none}.contact{grid-template-columns:1fr;gap:28px}.contact h2{font-size:38px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-wrap:wrap}footer{margin:0 12px 12px;padding:45px 5% 22px}.footer-main>div:first-child,.footer-main>div:last-child{grid-column:auto}}
@media(max-width:500px){.section{padding:57px 6%}.hero{margin:8px 8px 0;border-radius:18px}header{padding:18px 20px}.hero-content{margin:105px 22px 24px}.hero-copy{max-width:none}h1{font-size:44px;line-height:1.06}.hero .eyebrow{font-size:8px;letter-spacing:.08em;gap:7px;margin-bottom:20px}.hero-intro{font-size:13px;line-height:1.8;margin:23px 0 26px}.hero-copy .button{font-size:11px;gap:16px;padding-left:19px}.mission{margin-top:34px;padding:20px}.mission .eyebrow{font-size:8px;margin-bottom:10px}.mission p:not(.eyebrow){font-size:11px;line-height:1.85}.hero-bottom{margin:0 22px;font-size:8px;gap:12px}.hero-bottom>span{max-width:205px}.hero-bottom>a{font-size:0}.hero-bottom a span{font-size:16px}.hero-photo{object-position:62% center}.about>.section-tag{font-size:8px;margin-top:0}.about-intro h2{font-size:37px;margin-bottom:24px}.about-intro p{font-size:13px}.reason-impact{border-radius:16px;margin-top:8px}.reason-photos .stat-image{height:175px}.reason-photos figcaption{font-size:9px;padding:40px 13px 15px}.reason-facts{padding:26px 20px 28px;gap:29px 20px}.reason-fact strong{font-size:clamp(31px,9.6vw,46px);padding-bottom:16px}.reason-fact p{font-size:11px;line-height:1.8;margin-top:13px}.values{gap:24px 20px;margin-top:5px}.values h3{font-size:18px}.values p{font-size:12px}.membership,.governance{margin:0 8px;padding:42px 20px;border-radius:18px}h2{font-size:36px}.section-heading{margin-bottom:30px}.section-heading .section-tag{font-size:8px;margin-bottom:18px}.section-heading>p{font-size:12px}.membership-visual{height:330px;border-radius:15px;margin-bottom:16px}.membership-visual figcaption{padding:25px;background:linear-gradient(0deg,#09271be8,transparent)}.membership-visual figcaption strong{font-size:34px}.membership-visual figcaption>span:last-child{font-size:11px}.benefits{grid-template-columns:1fr;gap:10px}.benefit{padding:24px;border-radius:14px}.benefit .number{margin-bottom:21px}.benefit h3{font-size:24px;max-width:270px}.benefit p{font-size:13px;line-height:1.8}.benefit .line-icon{display:grid}.journey-gallery{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.journey-gallery figure{height:280px}.journey-gallery figure:last-child{height:210px}.journey-gallery figcaption strong{font-size:25px}.editorial-image figcaption{padding:65px 24px 23px}.steps{gap:12px}.steps article{flex-basis:87%;padding:24px;min-height:220px}.steps b{font-size:43px}.steps h3{font-size:24px;margin-top:20px}.journey-controls{margin-top:7px}.programmes{padding-top:0}.programme{border-radius:18px;margin-top:20px}.programme-image{height:290px}.programme-image>span{left:20px;top:20px;font-size:8px}.programme-copy{padding:28px 24px 32px}.programme-copy h3{font-size:43px}.programme-copy>p{font-size:13px}.governance-top h2{font-size:39px}.governance-top .section-tag{font-size:8px;letter-spacing:.08em}.governance-visual{height:295px;margin-top:27px;border-radius:14px}.governance-visual figcaption strong{font-size:30px}.governance-flow{margin-top:22px;border-radius:14px}.governance-flow>div{padding:22px 17px}.governance-flow small{font-size:7px;letter-spacing:.1em}.governance-flow h3{font-size:20px;overflow-wrap:break-word}.governance-flow p{font-size:11px}.surplus-explorer{margin-top:40px;padding-top:35px}.surplus-heading h2{font-size:40px}.surplus-heading-note p{font-size:13px}.surplus-categories{gap:10px}.surplus-choice{padding:19px 14px;border-radius:13px}.surplus-choice-title{font-size:17px}.surplus-choice-description{font-size:11px}.surplus-percent{font-size:32px}.surplus-calculator{padding:22px 18px}.surplus-calculator label{font-size:18px}.surplus-calculator-heading p{font-size:11px}.surplus-calculator-footer p{font-size:9px}.surplus-total>span{font-size:7px}.timeline{grid-template-columns:1fr;gap:12px}.timeline article{padding:28px}.timeline strong{font-size:45px}.timeline h3{font-size:24px}.timeline p{font-size:13px}.board{grid-template-columns:1fr;gap:25px;margin-top:45px;padding-top:35px}.board>div{padding:0}.board h2{font-size:40px;margin:15px 0 0}.board article{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto;gap:0 20px;align-items:end}.board img,.initials{grid-column:1;grid-row:1/3;height:125px;border-radius:15px;font-size:40px}.board h3{font-size:20px;margin:0 0 5px}.board article>p{font-size:12px;align-self:start;margin:0}.join-banner{margin:0 8px;border-radius:18px;min-height:410px;padding:65px 23px}.join-banner h2{font-size:40px}.join-banner .eyebrow{font-size:8px;letter-spacing:.08em;line-height:1.8}.join-banner .button{font-size:11px;gap:16px}.join h2{font-size:40px}.join-copy>p:not(.section-tag){font-size:13px}.join-steps{grid-template-columns:1fr}.join-visual{height:220px}.interest-form{padding:28px 23px;border-radius:18px}.interest-form h3{font-size:29px}.form-row{grid-template-columns:1fr;gap:0}.interest-form input,.interest-form select,.interest-form textarea{font-size:16px}.contact{padding-top:0}.contact h2{font-size:36px}.contact-details{grid-template-columns:1fr;padding:27px;gap:26px}.contact-details p{font-size:13px;margin:12px 0}.contact-details>article>a{font-size:12px}.footer-main{gap:30px 24px}.footer-main>div:first-child,.footer-main>div:last-child{grid-column:1/-1}footer{margin:0 8px 8px;border-radius:18px;padding:38px 24px 22px}.footer-main p{font-size:12px}.footer-main small{font-size:8px}.footer-bottom{font-size:9px;gap:12px;margin-top:32px}.footer-bottom>span:nth-child(2){display:block}}
@media(prefers-reduced-motion:reduce){.reveal.in-view{animation:none}.benefit:hover,.button:hover{transform:none}.steps{scroll-behavior:auto}}

/* Sample 4 HarvCoop vector wordmark. */
.brand img{width:158px;height:auto;aspect-ratio:575/120;object-fit:contain}
footer .brand img{width:180px}
@media(max-width:1100px){header .brand img{width:135px}}
@media(max-width:800px){header .brand img{width:158px}}
@media(max-width:500px){header .brand img{width:145px}}