:root{--ink:#123c2c;--ink-2:#0d2f22;--cream:#f4f2e9;--lime:#d2df91;--lime-2:#cbdc8b;--sage:#e8edda;--muted:#5d6b5e;--line:#dcdccd;--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--wrap:1240px;--pad:clamp(20px,5vw,64px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;font-optical-sizing:auto}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}
.eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:500;color:#757344;margin-bottom:16px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:14px;font-weight:500;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-outline{background:transparent}
.textlink{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid #a7b09d;padding-bottom:4px}
.textlink:hover{border-color:var(--ink)}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:#fff;padding:8px 12px}
/* top bar + header */
.topbar{background:var(--lime-2);color:var(--ink);text-align:center;font-size:11px;font-weight:500;letter-spacing:.2em;padding:10px var(--pad)}
.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:10px}
.brand img{width:auto;height:84px}
.nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:500}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav ul a:hover{color:#4f7a3a}
.menu-toggle{display:none}
/* hero */
.hero{position:relative;background:var(--ink);color:#f8f5e9;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border:1px solid #51725a;border-radius:50%;pointer-events:none}
.hero::before{width:560px;height:560px;right:-220px;top:-260px}
.hero::after{width:380px;height:380px;left:-200px;bottom:-240px;opacity:.5}
.hero .wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;padding-block:96px 104px}
.hero .eyebrow{color:var(--lime-2)}
.hero h1{font-size:clamp(48px,6.4vw,92px);line-height:.98;letter-spacing:-.035em;margin-bottom:28px}
.hero h1 em{color:var(--lime);font-style:italic}
.hero p{color:#c7d5c8;font-size:17px;max-width:420px;margin-bottom:36px}
.hero .buttons{display:flex;flex-wrap:wrap;gap:12px}
.hero .btn{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.hero .btn-outline{background:transparent;color:#f8f5e9;border-color:#67806b}
.hero .btn-outline:hover{border-color:#f8f5e9}
.hero-visual{transform:rotate(-3deg);padding:14px;background:#e5e5d3;border-radius:20px;box-shadow:0 30px 60px rgba(6,30,35,.35)}
.hero-visual img{width:100%;aspect-ratio:1.18;object-fit:cover;border-radius:10px}
/* stats */
.stats{background:var(--sage)}
.stats ul{display:flex;justify-content:space-around;gap:16px;list-style:none;margin:0 auto;padding-block:24px;font-size:12px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;text-align:center}
.stats strong{font-weight:600}
/* sections */
.section{padding-block:clamp(64px,8vw,112px)}
h2{font-size:clamp(36px,4.2vw,58px);line-height:1.06;letter-spacing:-.03em;margin-bottom:20px}
.section p{color:var(--muted)}
.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}
.sectionhead h2{margin:0}
.sectionhead p{max-width:340px}
.ranges{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.range{background:#e5e9da;border-radius:16px;overflow:hidden;transition:transform .3s}
.range:hover{transform:translateY(-4px)}
.range:nth-child(2){margin-top:88px;background:#e9e0d2}
.range img{width:100%;height:340px;object-fit:cover}
.range:nth-child(2) img{height:380px;object-position:center 35%}
.range .copy{padding:32px 36px 36px}
.range .tag{display:block;font-size:12px;font-weight:500;letter-spacing:.12em;color:#73733e;margin-bottom:10px}
h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.02em;line-height:1.15}
.range p{margin:10px 0 22px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.story{background:#e9eddf}
.story .split{grid-template-columns:1.15fr 1fr}
.story img{width:100%;height:clamp(300px,36vw,500px);object-fit:cover;border-radius:180px 180px 12px 12px}
.story p+p{margin-top:16px}
.story .textlink{margin-top:28px}
.garden img{width:100%;height:clamp(360px,42vw,580px);object-fit:cover;border-radius:200px 200px 16px 16px}
.garden p{margin-bottom:32px;max-width:480px}
.cta-wrap{padding-bottom:clamp(56px,7vw,96px)}
.cta{background:var(--lime);color:var(--ink);border-radius:24px;padding:clamp(32px,4.5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta .eyebrow{color:#5e703e}
.cta h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:10px}
.cta p{color:#4b6148}
.cta .btn{white-space:nowrap}
/* footer */
.site-footer{background:var(--ink);color:#f6f3e5;font-size:14px}
.site-footer .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-block:64px}
.site-footer .flogo{display:inline-block;background:#fff;padding:8px;border-radius:10px;margin-bottom:16px}
.site-footer .flogo img{height:96px;width:auto}
.site-footer p{color:#b8c8b8}
.site-footer h4{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;color:var(--lime)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:10px 0}
.site-footer a:hover{color:var(--lime)}
.site-footer .end{border-top:1px solid #34543c;color:#9fb29e;font-size:13px}
.site-footer .end .wrap{padding-block:20px}
@media (max-width:960px){
 .nav ul{display:none}
 .hero .wrap{grid-template-columns:1fr;gap:48px;padding-block:56px 72px}
 .hero-visual{max-width:600px;transform:rotate(-2deg)}
 .split,.story .split{grid-template-columns:1fr}
 .garden .split>div{order:0}
 .site-footer .grid{grid-template-columns:1fr 1fr}
}
@media (max-width:650px){
 .topbar{font-size:10px;letter-spacing:.14em}
 .brand img{height:68px}
 .nav .btn{padding:11px 18px;font-size:13px}
 .hero h1{font-size:54px}
 .hero p{font-size:16px}
 .hero-visual{max-width:95%;margin:0 auto;padding:10px}
 .hero-visual img{aspect-ratio:1.4}
 .stats ul{flex-direction:column;gap:8px;font-size:11px}
 .sectionhead{display:block}.sectionhead p{margin-top:16px}
 .ranges{grid-template-columns:1fr}
 .range:nth-child(2){margin-top:0}
 .range img,.range:nth-child(2) img{height:260px}
 .range .copy{padding:24px}
 .story img{height:280px;border-radius:120px 120px 10px 10px}
 .garden img{height:420px;border-radius:140px 140px 12px 12px}
 .cta{display:block}.cta .btn{margin-top:24px}
 .site-footer .grid{grid-template-columns:1fr 1fr;gap:32px;padding-block:48px}
 .site-footer .grid>div:first-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* ===== shared nav: active + hamburger ===== */
.nav ul a[aria-current=page]{background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;margin:-8px -14px}
.nav ul a[aria-current=page]:hover{color:#fff}
.menu-toggle{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:transform .2s,background .2s}
.menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:0}
.menu-toggle span::before{top:-6px}.menu-toggle span::after{top:6px}
.menu-open .menu-toggle span{background:transparent}
.menu-open .menu-toggle span::before{transform:translateY(6px) rotate(45deg)}
.menu-open .menu-toggle span::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:960px){
 .site-header .wrap{flex-wrap:wrap}
 .nav{gap:12px}
 .menu-toggle{display:inline-flex}
 .nav ul{position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:0;padding:8px var(--pad) 20px;box-shadow:0 12px 24px rgba(18,60,44,.12);border-top:1px solid var(--line)}
 .menu-open .nav ul{display:flex}
 .nav ul li{border-bottom:1px solid #eeeee4}
 .nav ul a{display:block;padding:14px 0;font-size:16px}
 .nav ul a[aria-current=page]{margin:6px 0;padding:12px 16px;display:inline-block}
}
@media (max-width:420px){.nav>.btn{display:none}}
/* ===== inner pages (from famco-inner-pages mockup) ===== */
.phero{background:var(--ink);color:#f8f5e9;position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;width:520px;height:520px;right:-200px;top:-260px;border:1px solid #51725a;border-radius:50%;pointer-events:none}
.phero .wrap{position:relative;padding-block:clamp(56px,7vw,96px)}
.phero .eyebrow{color:var(--lime)}
.phero h1{font-size:clamp(44px,5.6vw,80px);line-height:1.02;letter-spacing:-.035em;margin-bottom:24px;max-width:900px}
.phero h1 em{color:var(--lime);font-style:italic}
.phero p{color:#cbd7c9;font-size:17px;max-width:560px}
.phero .btn{margin-top:32px;background:var(--lime);color:var(--ink);border-color:var(--lime)}
.phero.two .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.feature{width:100%;border-radius:200px 200px 14px 14px;object-fit:cover}
.light{background:#e7ecdb}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product{background:#fffdf6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.product img{width:100%;height:300px;object-fit:contain;background:#e9ebdf;padding:16px}
.product .copy{padding:26px 28px 30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.product .copy p{font-size:15px;margin:8px 0 22px;flex:1}
.label{display:block;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#73733e}
.product h3,.person h3{margin-top:8px}
.btn-sm{padding:11px 20px;font-size:13px}
.detailsview{background:#e8ecdd;padding:clamp(24px,3vw,40px);border-radius:16px;margin-top:32px;scroll-margin-top:130px}
.detailsview p{margin-top:12px;max-width:820px}
.dose{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:22px 0 26px;padding:0;list-style:none}
.dose li{background:#fffdf6;border-radius:10px;padding:14px 16px;font-size:14px;color:var(--muted)}
.dose strong{display:block;color:var(--ink);font-weight:600}
.band{background:var(--lime);border-radius:20px;padding:clamp(28px,3.5vw,48px);display:flex;justify-content:space-between;align-items:center;gap:28px}
.band h3{margin-bottom:6px}.band p{color:#4b6148}.band .btn{white-space:nowrap}
.tips h3{font-size:clamp(22px,2vw,28px);margin-bottom:8px}
.timeline{border-left:1px solid #a9b18d;padding-left:32px}
.timeline article{margin-bottom:32px}.timeline article:last-child{margin-bottom:0}
.timeline h3{margin:6px 0 6px}
.person{background:#e8ecdd;border-radius:16px;padding:28px}
.light .person{background:#f6f5ec}
.person .photo{width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:center 20%;border-radius:12px;margin-bottom:20px;background:#d9dfc9}
.person p{font-size:15px;margin-top:12px}
.person details{margin-top:12px;border:0;padding:0}
.person summary{font-size:14px;font-weight:600;cursor:pointer}
.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:center}
.founder img{width:100%;border-radius:200px 200px 14px 14px;aspect-ratio:4/4.6;object-fit:cover;object-position:center 25%}
.founder p+p{margin-top:14px}
.md{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start}
.md .photo{margin:0}
.creds details{border-top:1px solid #cbd0bd;padding:22px 0}
.creds details:last-child{border-bottom:1px solid #cbd0bd}
.creds summary{cursor:pointer;font-size:19px;font-family:var(--serif);list-style:none;display:flex;justify-content:space-between;gap:16px}
.creds summary::after{content:"+";font-family:var(--sans);font-size:22px;line-height:1}
.creds details[open] summary::after{content:"–"}
.creds .cred{display:grid;grid-template-columns:140px 1fr;gap:24px;margin-top:18px;align-items:start}
.creds .cred img{width:140px;border-radius:6px;background:#fff;padding:6px}
.note{font-size:13px;color:#68715d}
.award-photo{width:100%;border-radius:16px;object-fit:cover;aspect-ratio:1.5}
.contactbox{background:#fffdf7;padding:clamp(24px,3vw,40px);border-radius:16px}
.contactbox form{display:grid;gap:18px;margin-top:8px}
.contactbox label{display:grid;gap:8px;font-size:14px;font-weight:500}
.contactbox input,.contactbox select,.contactbox textarea{width:100%;padding:13px 14px;border:1px solid #cdd2c3;background:#fff;border-radius:8px;color:var(--ink);font:inherit;font-size:15px}
.contactbox textarea{min-height:130px;resize:vertical}
.contactbox .btn{justify-self:start;cursor:pointer}
.locations article{padding-bottom:26px;border-bottom:1px solid #cbd0bd;margin-bottom:26px}
.locations h3{margin-bottom:10px}
.locations a{font-weight:600;border-bottom:1px solid #a7b09d}
.locations iframe{width:100%;height:220px;border:0;border-radius:12px;margin-top:16px}
.startx{align-items:start}
.blog-empty{background:#fffdf6;border-radius:16px;padding:clamp(28px,4vw,56px);text-align:left}
.prose p+p{margin-top:16px}
.supply img{max-width:420px;width:100%;margin-inline:auto}
@media (max-width:960px){
 .phero.two .wrap,.founder{grid-template-columns:1fr}
 .grid3{grid-template-columns:1fr 1fr}
 .founder img{max-width:460px}
}
@media (max-width:650px){
 .grid3,.grid2{grid-template-columns:1fr}
 .product img{height:240px}
 .product .copy{padding:22px}
 .band{display:block}.band .btn{margin-top:20px}
 .md{grid-template-columns:1fr}.md .photo{max-width:260px}
 .creds .cred{grid-template-columns:1fr}.creds .cred img{width:160px}
 .phero h1{font-size:44px}
 .feature{border-radius:140px 140px 12px 12px}
}
.nav ul .m-only{display:none}
@media (max-width:420px){.menu-open .nav ul .m-only{display:block}}
/* featured team cards */
.feat{display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}
.feat-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:220px 220px 16px 16px;background:#d9dfc9}
.feat-hero{background:#fffdf6;border-radius:24px;padding:clamp(20px,3vw,40px)}
.feat-hero h2{font-size:clamp(40px,4.6vw,64px);margin-bottom:10px}
.feat-copy .label{margin-bottom:20px}
.feat-copy p+p{margin-top:14px}
.feat-second{grid-template-columns:minmax(320px,.7fr) 1.3fr}
.feat-second .feat-photo img{border-radius:16px}
@media (max-width:960px){.feat,.feat-second{grid-template-columns:1fr}.feat-photo{max-width:480px}}
.nav ul a,.nav .btn{white-space:nowrap}
@media (min-width:961px) and (max-width:1180px){.nav{gap:16px;font-size:13px}.nav ul{gap:16px}.nav .btn{padding:12px 18px;font-size:13px}.site-header .wrap{gap:16px}}
/* ===== no-crop image fixes ===== */
.hero-visual img,.hero-visual picture img{aspect-ratio:771/464!important;height:auto;object-fit:contain;background:#efe9da}
.range img{height:auto!important;aspect-ratio:850/334;object-fit:contain;background:#dfe5cf}
.range:nth-child(2) img{aspect-ratio:1/1;object-position:center}
.story picture{display:block;background:#dde3cc;border-radius:180px 180px 14px 14px;padding:clamp(56px,7vw,100px) clamp(14px,2vw,24px) clamp(14px,2vw,24px)}
.story img{height:auto!important;aspect-ratio:850/334;object-fit:contain;border-radius:10px!important}
.garden picture{display:block;background:#e9e0d2;border-radius:200px 200px 16px 16px;padding:clamp(60px,7vw,100px) clamp(18px,3vw,40px) clamp(18px,3vw,40px);max-width:520px;margin-inline:auto;width:100%}
.garden img{height:auto!important;aspect-ratio:399/600;object-fit:contain;border-radius:12px!important}
.feature.wide{border-radius:18px;aspect-ratio:auto;height:auto;object-fit:contain}
@media (max-width:650px){.story picture{border-radius:120px 120px 12px 12px}.garden picture{border-radius:140px 140px 12px 12px}}
.ticks{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:8px;font-size:14px;color:var(--muted)}
.ticks li{position:relative;padding-left:24px}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 3px #a9bb5c}
.product .copy p{flex:0}
.buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:auto}
.btn-amazon{background:#f3a847;border-color:#f3a847;color:#14110f;font-size:15px;padding:15px 28px;font-weight:600}
.btn-amazon:hover{background:#f0a032}