*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Core palette — disciplined, harmonious */
  --parchment:#F7F3EC;
  --parchment-deep:#EDE8DF;
  --soil:#2C1F0E;        /* primary body copy */
  --soil-mid:#4A3520;
  --ink:#5C4A35;         /* secondary body */
  --aubergine:#4B2742;   /* accent — headings, active nav, pull quotes */
  --forest:#30452B;      /* deep section backgrounds */
  --forest-mid:#3D5A35;
  --moss:#4A7A35;        /* action green */
  --sage:#B8D4A0;        /* soft green */
  --sage-light:#D8E1CD;  /* pale sage sections */
  --sage-pale:#EBF2E5;   /* very pale green */
  --clay:#8B5E3C;
  --gold:#A67C3D;
  --gold-light:#C9A96E;
  --warm-white:#FDFAF5;
  --cream:#F2EDE4;
}
html{scroll-behavior:smooth}
body{background:var(--parchment);color:var(--soil);font-family:'Source Serif 4',Georgia,serif;font-size:18px;line-height:1.85;font-weight:300}

/* ── SITE NAV (internal pages) ── */
.sitenav{background:var(--parchment-deep);border-bottom:1px solid var(--sage-light);padding:0 60px;display:flex;align-items:center;justify-content:space-between;height:62px;position:sticky;top:0;z-index:200}
.sitenav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.sitenav-ring{width:28px;height:28px;background:url('images/ring-mark.jpg') center/cover;border-radius:50%;opacity:0.88}
.sitenav-name{font-family:'Cormorant Garant',serif;font-size:20px;font-weight:400;color:var(--aubergine);letter-spacing:0.05em}
.sitenav-links{display:flex;align-items:center;gap:24px}
.sitenav-links a{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:0.65;transition:opacity 0.2s,color 0.2s}
.sitenav-links a:hover,.sitenav-links a.active{opacity:1;color:var(--aubergine)}
.sitenav-back{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--clay);text-decoration:none;opacity:0.7;transition:opacity 0.2s}
.sitenav-back:hover{opacity:1}
.sitenav-call{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.08em;color:var(--moss);text-decoration:none;display:flex;align-items:center;gap:6px}

/* ── RIGHT SPINE NAV (homepage) ── */
.tnav{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:6px;opacity:0;transition:opacity 0.5s;pointer-events:none}
.tnav.on{opacity:1;pointer-events:all}
.nt{position:absolute;right:9px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--moss) 15%,var(--moss) 85%,transparent)}
.ni{display:flex;align-items:center;gap:12px;padding:7px 0;text-decoration:none;color:var(--ink);justify-content:flex-end;transition:color 0.25s}
.ni:hover,.ni.a{color:var(--aubergine)}
.nd{width:10px;height:10px;border-radius:50%;background:var(--sage-light);flex-shrink:0;border:2px solid var(--moss);transition:all 0.25s;z-index:1}
.ni.a .nd{background:var(--moss);transform:scale(1.3);border-color:var(--aubergine)}
.nl{
  font-family:'Space Mono',monospace;font-size:10px;letter-spacing:0.1em;
  text-transform:uppercase;text-align:right;white-space:nowrap;
  background:rgba(247,243,236,0.92);
  padding:3px 8px;
  color:var(--soil);
  opacity:0.6;
  transition:opacity 0.2s;
}
.ni:hover .nl,.ni.a .nl{opacity:1;color:var(--aubergine)}

/* ── LAYOUT ── */
.sec{border-top:1px solid var(--sage-light)}
.w{max-width:840px;margin:0 auto;padding:72px 60px}
.w-wide{max-width:1040px;margin:0 auto;padding:72px 60px}
.page-hero{background:var(--parchment-deep);border-bottom:2px solid var(--sage);padding:52px 60px 44px}
.page-hero-inner{max-width:840px;margin:0 auto}

/* ── SECTION BACKGROUNDS — three-part rhythm ── */
.bg-parchment{background:var(--parchment)}
.bg-sage{background:var(--sage-light)}
.bg-forest{background:var(--forest);color:var(--cream)}
.bg-forest .ey{color:var(--sage)}
.bg-forest .ey::after{background:var(--forest-mid)}
.bg-forest .hed,.bg-forest .hed-sm,.bg-forest h2,.bg-forest h3{color:var(--cream)}
.bg-forest .b,.bg-forest p{color:rgba(242,237,228,0.85)}
.bg-forest .pull{background:rgba(255,255,255,0.06);border-left-color:var(--sage)}
.bg-forest .pull p{color:var(--cream)}

/* ── TYPOGRAPHY ── */
.ey{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--moss);margin-bottom:8px;display:flex;align-items:center;gap:12px}
.ey::after{content:'';width:28px;height:1px;background:var(--sage)}
.sec-num{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.18em;color:var(--aubergine);display:block;margin-bottom:6px}
.hed{font-family:'Cormorant Garant',serif;font-size:clamp(36px,4.5vw,58px);font-weight:300;line-height:1.08;color:var(--aubergine);margin-bottom:10px}
.hed-sm{font-family:'Cormorant Garant',serif;font-size:clamp(28px,3.2vw,42px);font-weight:300;line-height:1.12;color:var(--aubergine);margin-bottom:10px}
.dek{font-family:'Cormorant Garant',serif;font-size:clamp(18px,2vw,23px);font-weight:400;font-style:italic;color:var(--forest-mid);margin-bottom:32px;line-height:1.5}
.b{font-size:17px;line-height:1.92;color:var(--ink);margin-bottom:22px;max-width:640px}
.b strong{color:var(--soil);font-weight:400}
.qualified{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:0.06em;color:var(--clay);line-height:1.7;font-style:italic;max-width:580px;margin-top:-10px;margin-bottom:18px}

/* ── PULL QUOTE ── */
.pull{border-left:3px solid var(--aubergine);padding:18px 24px;margin:32px 0;max-width:560px;background:rgba(75,39,66,0.05);border-radius:0 4px 4px 0}
.pull p{font-family:'Cormorant Garant',serif;font-size:clamp(19px,2.1vw,25px);font-weight:300;font-style:italic;line-height:1.55;color:var(--aubergine)}

/* ── FOUR BENEFIT CARDS ── */
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--sage);margin:32px 0}
.benefit{background:var(--parchment);padding:28px 20px;transition:background 0.2s}
.benefit:hover{background:var(--sage-pale)}
.benefit-icon{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--moss);margin-bottom:10px}
.benefit h4{font-family:'Cormorant Garant',serif;font-size:22px;font-weight:400;color:var(--aubergine);margin-bottom:8px}
.benefit p{font-size:13px;line-height:1.75;color:var(--ink)}

/* ── CONTACT STRIP ── */
.scon{margin-top:36px;padding-top:22px;border-top:1px solid var(--sage-light);display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.scon-lbl{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--clay)}
.scon a{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.08em;color:var(--moss);text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:6px}
.scon a:hover{color:var(--aubergine)}
.bg-forest .scon-lbl{color:var(--sage)}
.bg-forest .scon a{color:var(--sage)}

/* ── THREE OFFER CARDS ── */
.offer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--sage);margin:24px 0}
.offer-card{background:var(--parchment);padding:30px 24px;transition:background 0.2s}
.offer-card:hover{background:var(--sage-pale)}
.offer-card-num{font-family:'Space Mono',monospace;font-size:9px;color:var(--moss);letter-spacing:0.14em;margin-bottom:10px}
.offer-card h4{font-family:'Cormorant Garant',serif;font-size:24px;font-weight:400;color:var(--aubergine);margin-bottom:8px}
.offer-card p{font-size:14px;line-height:1.75;color:var(--ink)}

/* ── AVAILABILITY PANEL ── */
.avail{background:var(--sage-pale);border:1px solid var(--sage);padding:28px 32px;margin:20px 0}
.avail h4{font-family:'Cormorant Garant',serif;font-size:20px;font-weight:400;color:var(--aubergine);margin-bottom:16px}
.avail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}
.avail-key{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:2px}
.avail-val{font-size:15px;color:var(--soil-mid);line-height:1.5}

/* ── SEGMENTS — surgical ── */
.segs{display:flex;flex-direction:column;gap:2px;margin:24px 0}
.seg{display:grid;grid-template-columns:1fr;padding:0;background:var(--parchment);border-left:3px solid transparent;transition:border-color 0.2s}
.seg:nth-child(even){background:var(--sage-light)}
.seg:hover{border-left-color:var(--moss)}
.seg-inner{padding:22px 24px}
.seg-n{font-family:'Cormorant Garant',serif;font-size:22px;font-weight:400;color:var(--aubergine);margin-bottom:4px}
.seg-result{font-family:'Cormorant Garant',serif;font-size:16px;font-weight:300;font-style:italic;color:var(--forest-mid);margin-bottom:8px}
.seg-p{font-size:15px;line-height:1.7;color:var(--ink);margin-bottom:6px;max-width:640px}
.seg-tags{font-family:'Space Mono',monospace;font-size:9px;color:var(--moss);letter-spacing:0.05em;line-height:1.9}
.scenario{background:rgba(74,122,53,0.06);border-left:2px solid var(--moss);padding:14px 18px;margin:12px 0 0}
.scenario-label{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--clay);margin-bottom:6px}
.scenario p{font-size:14px;line-height:1.8;color:var(--soil-mid);font-style:italic}

/* ── PRICING ── */
.pricing{background:var(--parchment-deep);border:1px solid var(--sage-light);padding:32px 36px;margin:20px 0}
.pricing h3{font-family:'Cormorant Garant',serif;font-size:24px;font-weight:400;color:var(--aubergine);margin-bottom:4px}
.pricing-sub{font-size:14px;font-style:italic;color:var(--ink);margin-bottom:18px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--sage);margin-bottom:12px}
.pg{background:var(--parchment);padding:20px 18px}
.pg-cat{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--moss);margin-bottom:5px}
.pg-range{font-family:'Cormorant Garant',serif;font-size:30px;font-weight:300;color:var(--aubergine);margin-bottom:4px}
.pg-note{font-size:12px;line-height:1.6;color:var(--ink)}
.pricing-note{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.07em;color:var(--clay);line-height:1.9}

/* ── STANDARDS SECTION ── */
.standards-wrap{display:grid;grid-template-columns:38fr 62fr}
.std-photo{background:url('images/bark.jpg') center/cover no-repeat;min-height:400px}
.std-words{padding:48px 44px;display:flex;flex-direction:column;justify-content:flex-start;background:var(--parchment-deep)}
.std-cards{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--sage);margin:18px 0}
.std-card{background:var(--parchment);padding:20px;transition:background 0.2s}
.std-card:hover{background:var(--sage-pale)}
.std-card h4{font-family:'Cormorant Garant',serif;font-size:18px;font-weight:400;color:var(--aubergine);margin-bottom:5px}
.std-card p{font-size:13px;line-height:1.7;color:var(--ink)}
.std-key{font-family:'Space Mono',monospace;font-size:9px;color:var(--moss);letter-spacing:0.1em;margin-bottom:7px}

/* ── SPECIES CARD ── */
.spg{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--sage);margin:24px 0}
.spc{background:var(--parchment);padding:22px 24px;transition:background 0.2s}
.spc:hover{background:var(--sage-pale)}
.sguj{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin-bottom:1px}
.snam{font-family:'Cormorant Garant',serif;font-size:24px;font-weight:400;color:var(--aubergine);margin-bottom:1px}
.sbot{font-family:'Space Mono',monospace;font-size:9px;color:var(--ink);opacity:0.5;margin-bottom:8px}
.sdesc{font-size:13px;line-height:1.65;color:var(--ink);margin-bottom:6px}
.suse{font-family:'Space Mono',monospace;font-size:9px;color:var(--moss);letter-spacing:0.04em;display:block;margin-bottom:4px}
.stime{font-family:'Space Mono',monospace;font-size:9px;color:var(--clay);border-top:1px solid var(--sage-light);padding-top:4px;margin-top:4px;display:block}

/* ── TREE CARE — GIVE / AVOID ── */
.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--sage);margin:24px 0}
.care-col{background:var(--parchment);padding:28px 24px}
.care-col.give{background:var(--sage-pale)}
.care-col-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.care-col.give .care-col-label{color:var(--moss)}
.care-col.avoid .care-col-label{color:var(--clay)}
.care-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--sage-light)}
.care-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.care-item h5{font-family:'Cormorant Garant',serif;font-size:17px;font-weight:400;color:var(--aubergine);margin-bottom:4px}
.care-item p{font-size:13px;line-height:1.7;color:var(--ink)}
.care-item em{font-style:italic;color:var(--soil)}

/* ── SOIL ── */
.soil-split{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--sage);margin:24px 0}
.soil-photo{background:url('images/soil-crosssection.jpg') center 30%/cover no-repeat;min-height:280px}
.recipe-split{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--sage);margin:20px 0}
.recipe-photo{background:url('images/soil-recipe.jpg') center/cover no-repeat;min-height:260px}
.recipe-text{background:var(--parchment-deep);padding:28px 24px}
.recipe-text h3{font-family:'Cormorant Garant',serif;font-size:22px;font-weight:400;color:var(--aubergine);margin-bottom:10px}
.rul{list-style:none;display:flex;flex-direction:column;gap:8px}
.rul li{font-size:14px;color:var(--ink);display:flex;gap:9px;line-height:1.6;align-items:flex-start}
.rul li::before{content:'—';color:var(--moss);flex-shrink:0;margin-top:2px}

/* ── FOUNDERS ── */
.fg{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--sage);margin:28px 0}
.fo{background:var(--parchment);padding:32px 28px}
.fro{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--moss);margin-bottom:7px}
.fnm{font-family:'Cormorant Garant',serif;font-size:30px;font-weight:300;color:var(--aubergine);margin-bottom:3px}
.ftt{font-family:'Cormorant Garant',serif;font-size:16px;font-style:italic;color:var(--forest-mid);margin-bottom:16px}
.fbi{font-size:15px;line-height:1.85;color:var(--ink);margin-bottom:12px}
.flk{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--moss);text-decoration:none;transition:color 0.2s}
.flk:hover{color:var(--aubergine)}

/* ── NEXT PANEL ── */
.next{border-left:3px solid var(--sage);padding:22px 28px;margin:24px 0;background:var(--sage-pale)}
.next-label{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--moss);margin-bottom:8px}
.next p{font-size:16px;line-height:1.85;color:var(--ink)}

/* ── FOOTER ── */
.foot{background:var(--forest)}
.fcan{background:url('images/canopy-up.jpg') center 40%/cover no-repeat;height:200px;position:relative}
.fcan::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(48,69,43,0) 0%,rgba(48,69,43,0.97) 100%)}
.fin{max-width:840px;margin:0 auto;padding:52px 60px 44px}
.frng{width:44px;height:44px;background:url('images/ring-mark.jpg') center/cover;border-radius:50%;opacity:0.75;margin-bottom:18px}
/* Big closing statement */
.fclose{font-family:'Cormorant Garant',serif;font-size:clamp(42px,6vw,72px);font-weight:300;color:var(--cream);line-height:1;margin-bottom:8px}
.fclose-sub{font-family:'Cormorant Garant',serif;font-size:clamp(17px,2vw,22px);font-weight:300;font-style:italic;color:var(--sage);margin-bottom:32px;line-height:1.4}
.fcontact{background:rgba(255,255,255,0.06);border:1px solid rgba(184,212,160,0.2);padding:32px 36px;margin-bottom:32px}
.fcontact h3{font-family:'Cormorant Garant',serif;font-size:clamp(18px,2vw,24px);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:10px;max-width:440px;line-height:1.4}
.fcontact p{font-size:15px;line-height:1.8;color:rgba(242,237,228,0.75);max-width:400px;margin-bottom:18px}
.flinks{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.fcall{font-family:'Space Mono',monospace;font-size:15px;letter-spacing:0.06em;color:var(--cream);text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:8px}
.fcall:hover{color:var(--sage)}
.femail{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.08em;color:var(--sage);text-decoration:none;transition:color 0.2s}
.femail:hover{color:var(--cream)}
.fbot{border-top:1px solid rgba(184,212,160,0.2);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px}
.fmrk{font-family:'Cormorant Garant',serif;font-size:22px;font-weight:300;color:var(--cream)}
.fmrk span{display:block;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--sage);margin-bottom:3px;opacity:0.7}
.fmeta{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.07em;color:rgba(184,212,160,0.6);text-align:right;line-height:2.2}
.fmeta a{color:var(--sage);text-decoration:none;transition:color 0.2s}
.fmeta a:hover{color:var(--cream)}
.fbl{width:100%;text-align:center;font-family:'Cormorant Garant',serif;font-size:clamp(16px,1.8vw,21px);font-style:italic;font-weight:300;color:var(--sage);margin-top:22px;padding-top:20px;border-top:1px solid rgba(184,212,160,0.15);letter-spacing:0.03em}

/* ── INLINE LINKS ── */
.link-green{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--moss);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color 0.2s}
.link-green:hover{color:var(--aubergine)}

/* ── MOBILE ── */
@media(max-width:860px){
  .tnav{display:none}
  .sitenav{padding:0 18px;height:54px}
  .sitenav-links{display:none}
  .w,.w-wide,.page-hero,.fin,.std-words,.recipe-text{padding-left:20px;padding-right:20px}
  .avail,.pricing,.fcontact{padding:20px}
  .standards-wrap,.soil-split,.recipe-split,.fg,.care-grid{grid-template-columns:1fr}
  .std-photo{min-height:200px;width:100%}
  .pgrid,.avail-grid,.offer-cards,.benefits,.std-cards{grid-template-columns:1fr}
  .segs .seg-inner{padding:18px}
  .fbot{flex-direction:column;align-items:flex-start}
  .fmeta{text-align:left}
  .flinks{flex-direction:column;align-items:flex-start}
  .scon{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}