/* Shared storefront brand-page system for editorial, commerce, and B2B pages. */
:root{
  --bp-green:#123D2A;
  --bp-gold:#E8A92E;
  --bp-cream:#F3EEE3;
  --bp-panel:#FFFDF9;
  --bp-line:#e7e3d8;
  --bp-ink:#1f2a22;
  --bp-muted:#5f6b60;
  --bp-radius-sm:12px;
  --bp-radius-md:14px;
  --bp-radius-lg:22px;
  --bp-shadow-soft:0 12px 26px rgba(8,28,18,.06);
  --bp-shadow-deep:0 -30px 60px rgba(16,24,40,.10);
}

body.zk-home,
body.zk-editorial-page,
body.zk-shop-page,
body.zk-product-page{
  color:var(--bp-ink);
}

body.zk-editorial-page{
  background:var(--bp-cream);
  overflow-x:hidden;
}

body.zk-editorial-page .container,
body.zk-home .container{
  width:min(100% - 32px,1180px);
}

body.zk-home .container{
  max-width:1240px;
}

body.zk-editorial-page section{
  padding-top:clamp(56px,7vw,84px);
  padding-bottom:clamp(56px,7vw,84px);
}

body.zk-editorial-page p{
  color:#445046;
}

body.zk-editorial-page .eyebrow,
body.zk-shop-page .ft-eyebrow,
body.zk-product-page .ft-eyebrow{
  color:var(--bp-gold) !important;
}

body.zk-editorial-page h2.sec-title{
  color:var(--bp-green);
  letter-spacing:-.02em;
  line-height:1.08;
}

body.zk-editorial-page h2.sec-title::after{
  content:"";
  display:block;
  width:62px;
  height:3px;
  margin-top:16px;
  border-radius:999px;
  background:var(--bp-gold);
}

body.zk-editorial-page .lead{
  color:#243127;
  line-height:1.6;
}

body.zk-editorial-page .btn-gold,
body.zk-editorial-page .btn-ghost,
body.zk-editorial-page .btn-green,
body.zk-home .btn-gold,
body.zk-home .btn-ghost,
body.zk-home .btn-green{
  min-height:52px;
  padding:14px 28px;
  border-radius:10px;
  font:700 15px/1 var(--font-body);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

body.zk-editorial-page .btn-gold,
body.zk-home .btn-gold{
  background:var(--bp-gold) !important;
  color:var(--bp-green) !important;
  border:1px solid rgba(232,169,46,.45) !important;
  box-shadow:0 10px 22px rgba(232,169,46,.2);
}

body.zk-editorial-page .btn-gold:hover,
body.zk-home .btn-gold:hover{
  background:#f0b946 !important;
  transform:translateY(-2px);
}

body.zk-editorial-page .btn-ghost,
body.zk-home .btn-ghost{
  background:#fff !important;
  color:var(--bp-green) !important;
  border:2px solid var(--bp-gold) !important;
  box-shadow:0 10px 22px rgba(8,28,18,.08);
}

body.zk-editorial-page .btn-ghost:hover,
body.zk-home .btn-ghost:hover{
  background:var(--bp-green) !important;
  color:#fff !important;
  border-color:var(--bp-green) !important;
}

body.zk-editorial-page .btn-green,
body.zk-home .btn-green{
  background:var(--bp-green) !important;
  color:#fff !important;
}

body.zk-editorial-page .about-hero,
body.zk-editorial-page .farm-hero,
body.zk-editorial-page .c-hero,
body.zk-editorial-page .wh-hero,
body.zk-editorial-page .ex-hero,
body.zk-b2b-page .ft-hero,
body.zk-shop-page .ft-hero,
body.zk-product-page .ft-hero{
  background:var(--bp-green) !important;
}

body.zk-editorial-page .about-hero,
body.zk-editorial-page .farm-hero{
  min-height:78vh;
  display:flex;
  align-items:flex-end;
}

body.zk-editorial-page .about-hero::after,
body.zk-editorial-page .farm-hero::after,
body.zk-editorial-page .c-hero::after,
body.zk-editorial-page .wh-hero::after,
body.zk-editorial-page .ex-hero::after{
  /* Deeper wash: the hero artwork carries embedded poster text that fought
     the headline and washed out white copy at the lighter .62 end. */
  background:linear-gradient(120deg,rgba(18,61,42,.94),rgba(18,61,42,.8)) !important;
}

body.zk-editorial-page .about-hero .container,
body.zk-editorial-page .farm-hero .container,
body.zk-editorial-page .c-hero .container,
body.zk-editorial-page .wh-hero .container,
body.zk-editorial-page .ex-hero .container{
  padding-top:clamp(58px,7vw,86px) !important;
  padding-bottom:clamp(58px,7vw,86px) !important;
}

body.zk-editorial-page .about-hero h1,
body.zk-editorial-page .farm-hero h1,
body.zk-editorial-page .c-hero h1,
body.zk-editorial-page .wh-hero h1,
body.zk-editorial-page .ex-hero h1{
  letter-spacing:-.035em;
  text-wrap:balance;
}

body.zk-editorial-page .about-hero h1,
body.zk-editorial-page .farm-hero h1{
  font-size:clamp(2.8rem,6vw,5.1rem);
  line-height:.95;
  max-width:11ch;
  margin-bottom:18px;
}

body.zk-editorial-page .about-hero p,
body.zk-editorial-page .farm-hero p{
  max-width:52ch;
  font-size:clamp(1.05rem,1.7vw,1.22rem);
  color:rgba(255,255,255,.84);
  margin-bottom:0;
}

body.zk-editorial-page .hero-cta,
body.zk-home .hero-cta{
  gap:14px;
}

body.zk-home .hero-content--single{
  grid-template-columns:minmax(0,1fr);
  align-items:end;
  max-width:920px;
}

body.zk-home .hero-copy{
  max-width:760px;
}

body.zk-home .hero .hero-content--single h1{
  max-width:11ch;
  margin-bottom:18px;
}

body.zk-home .hero .hero-content--single p{
  max-width:52ch !important;
  color:rgba(255,255,255,.86);
}

body.zk-home .hero-panel{
  display:none;
}

body.zk-home .hero-proof{
  display:none;
}

body.zk-home .hero-stats,
body.zk-editorial-page .ft-stats,
body.zk-shop-page .ft-stats,
body.zk-b2b-page .ft-stats{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  margin-top:28px;
}

body.zk-home .hero-stats .s b,
body.zk-editorial-page .ft-stats .s b,
body.zk-shop-page .ft-stats .s b,
body.zk-b2b-page .ft-stats .s b{
  display:block;
  color:#fff;
  font-family:var(--font-body);
  font-size:1.45rem;
  line-height:1;
}

body.zk-home .hero-stats .s span,
body.zk-editorial-page .ft-stats .s span,
body.zk-shop-page .ft-stats .s span,
body.zk-b2b-page .ft-stats .s span{
  display:block;
  margin-top:6px;
  font:600 10px/1.4 "Plus Jakarta Sans", sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.66);
}

body.zk-editorial-page .hero-trust{
  gap:12px;
  color:rgba(255,255,255,.94);
}

body.zk-editorial-page .hero-trust span{
  display:inline-flex;
  align-items:flex-start;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(232,169,46,.24);
  backdrop-filter:blur(6px);
}

body.zk-editorial-page .hero-trust i{
  color:var(--bp-gold) !important;
}

body.zk-home .ft-scrollcue,
body.zk-editorial-page .ft-scrollcue{
  position:absolute;
  left:max(4vw,calc((100% - 1300px)/2));
  bottom:22px;
  z-index:3;
  font:700 10px/1 "Plus Jakarta Sans", sans-serif;
  color:rgba(255,255,255,.65);
  letter-spacing:.22em;
  text-transform:uppercase;
}

body.zk-home .ft-scrollcue::after,
body.zk-editorial-page .ft-scrollcue::after{
  content:"";
  display:block;
  width:1px;
  height:32px;
  margin-top:8px;
  background:linear-gradient(rgba(255,255,255,.7),transparent);
  animation:bpdrop 1.9s infinite;
}

@keyframes bpdrop{
  0%{opacity:0;transform:translateY(-8px)}
  40%{opacity:1}
  100%{opacity:0;transform:translateY(10px)}
}

body.zk-editorial-page .page-stage .container,
body.zk-shop-page .shop-pdp-stage .container{
  position:relative;
  z-index:3;
  margin-top:-7vh;
}

body.zk-editorial-page .page-content-panel,
body.zk-shop-page .shop-content-panel{
  background:var(--bp-panel);
  border:1px solid var(--bp-line) !important;
  border-radius:var(--bp-radius-lg) var(--bp-radius-lg) 0 0;
  padding:34px clamp(16px,3vw,40px) 18px;
  box-shadow:var(--bp-shadow-deep);
}

body.zk-editorial-page .panel-highlights,
body.zk-shop-page .shop-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

body.zk-editorial-page .panel-highlight,
body.zk-shop-page .shop-highlight{
  background:#fff;
  border:1px solid var(--bp-line) !important;
  border-radius:var(--bp-radius-sm);
  padding:16px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  box-shadow:none;
}

body.zk-editorial-page .panel-highlight .cc-ico,
body.zk-shop-page .shop-highlight .cc-ico,
body.zk-shop-page .sv-pill i{
  width:36px;
  height:36px;
  flex:0 0 auto;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bp-gold) !important;
  background:rgba(232,169,46,.1) !important;
}

body.zk-editorial-page .panel-highlight b,
body.zk-shop-page .shop-highlight b,
body.zk-shop-page .sv-pill b{
  display:block;
  color:var(--bp-green) !important;
  font-size:13px;
  letter-spacing:-.02em;
}

body.zk-editorial-page .panel-highlight span,
body.zk-shop-page .shop-highlight span,
body.zk-shop-page .sv-pill span{
  display:block;
  color:var(--bp-muted) !important;
  font-size:12px;
  line-height:1.5;
}

body.zk-contact-page .mcard,
body.zk-editorial-page .card,
body.zk-editorial-page .timeline,
body.zk-editorial-page .vm-card,
body.zk-editorial-page .pcard,
body.zk-editorial-page .step-card,
body.zk-editorial-page .metric,
body.zk-editorial-page .phase,
body.zk-editorial-page .founder-quote,
body.zk-editorial-page .scard,
body.zk-editorial-page .qcard,
body.zk-editorial-page .pstep,
body.zk-editorial-page .catb,
body.zk-editorial-page .lcard,
body.zk-editorial-page .trust-card,
body.zk-editorial-page .stat,
body.zk-editorial-page .prodc,
body.zk-editorial-page .jstep,
body.zk-editorial-page .std,
body.zk-editorial-page .timeline-card,
body.zk-editorial-page form.wform,
body.zk-editorial-page .wf-success{
  border-radius:var(--bp-radius-md) !important;
}

body.zk-contact-page .mcard,
body.zk-editorial-page .card,
body.zk-editorial-page .timeline,
body.zk-editorial-page .vm-card,
body.zk-editorial-page .pcard,
body.zk-editorial-page .step-card,
body.zk-editorial-page .metric,
body.zk-editorial-page .phase,
body.zk-editorial-page .founder-quote,
body.zk-editorial-page .scard,
body.zk-editorial-page .qcard,
body.zk-editorial-page .pstep,
body.zk-editorial-page .catb,
body.zk-editorial-page .lcard,
body.zk-editorial-page .trust-card,
body.zk-editorial-page .stat,
body.zk-editorial-page .prodc,
body.zk-editorial-page .std,
body.zk-editorial-page .timeline-card,
body.zk-editorial-page form.wform,
body.zk-editorial-page .wf-success{
  border-color:var(--bp-line) !important;
  box-shadow:var(--bp-shadow-soft);
}

body.zk-contact-page .mcard:hover,
body.zk-editorial-page .pcard:hover,
body.zk-editorial-page .scard:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(8,28,18,.1);
}

body.zk-editorial-page .qcard,
body.zk-editorial-page .scard,
body.zk-editorial-page .catb,
body.zk-editorial-page .metric,
body.zk-editorial-page .lcard,
body.zk-editorial-page .trust-card,
body.zk-editorial-page .timeline,
body.zk-editorial-page .vm-card,
body.zk-editorial-page .pcard,
body.zk-editorial-page .step-card,
body.zk-editorial-page .phase,
body.zk-editorial-page .founder-quote{
  position:relative;
  overflow:hidden;
}

body.zk-editorial-page .qcard::before,
body.zk-editorial-page .scard::before,
body.zk-editorial-page .catb::before,
body.zk-editorial-page .metric::before,
body.zk-editorial-page .lcard::before,
body.zk-editorial-page .trust-card::before,
body.zk-editorial-page .timeline::before,
body.zk-editorial-page .vm-card::before,
body.zk-editorial-page .pcard::before,
body.zk-editorial-page .step-card::before,
body.zk-editorial-page .phase::before,
body.zk-editorial-page .founder-quote::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:var(--bp-gold);
}

body.zk-editorial-page .metric b,
body.zk-editorial-page .two h3,
body.zk-editorial-page .pcard h3,
body.zk-editorial-page .step-card h3,
body.zk-editorial-page .item h3,
body.zk-editorial-page .phase h3,
body.zk-editorial-page .scard h3,
body.zk-editorial-page .catb h3,
body.zk-editorial-page .lcard h3,
body.zk-editorial-page .trust-card h3{
  color:var(--bp-green) !important;
}

body.zk-contact-page form.wform,
body.zk-editorial-page form.wform{
  background:var(--bp-panel) !important;
}

body.zk-contact-page .field label,
body.zk-editorial-page .field label{
  color:var(--bp-green) !important;
}

body.zk-contact-page .field input,
body.zk-contact-page .field select,
body.zk-contact-page .field textarea,
body.zk-editorial-page .field input,
body.zk-editorial-page .field select,
body.zk-editorial-page .field textarea{
  background:#fffdf9 !important;
  border:1px solid var(--bp-line) !important;
  color:#334137 !important;
}

body.zk-contact-page .field input:focus,
body.zk-contact-page .field select:focus,
body.zk-contact-page .field textarea:focus,
body.zk-editorial-page .field input:focus,
body.zk-editorial-page .field select:focus,
body.zk-editorial-page .field textarea:focus{
  border-color:var(--bp-gold) !important;
  box-shadow:0 0 0 3px rgba(232,169,46,.2) !important;
  background:#fff !important;
  outline:none;
}

body.zk-contact-page .hours,
body.zk-contact-page .b2b,
body.zk-editorial-page .qual,
body.zk-editorial-page .leadwrap{
  border-radius:var(--bp-radius-md);
}

body.zk-home .value-row,
body.zk-home .promise-grid,
body.zk-home .cat-card,
body.zk-home .pc{
  border-color:rgba(206,214,201,.86);
}

@media(max-width:900px){
  body.zk-editorial-page .container,
  body.zk-home .container{
    width:min(100% - 36px,1180px);
  }

  body.zk-editorial-page .panel-highlights,
  body.zk-shop-page .shop-highlights{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  body.zk-b2b-page{
    padding-bottom:82px;
  }

  body.zk-editorial-page .hero-cta,
  body.zk-home .hero-cta{
    flex-direction:column;
  }

  body.zk-editorial-page .hero-cta .btn-gold,
  body.zk-editorial-page .hero-cta .btn-ghost,
  body.zk-editorial-page .hero-cta .btn-green,
  body.zk-home .hero-cta .btn-gold,
  body.zk-home .hero-cta .btn-ghost,
  body.zk-home .hero-cta .btn-green{
    width:100%;
    text-align:center;
  }

  body.zk-editorial-page .hero-trust span{
    width:100%;
    border-radius:12px;
  }

  body.zk-home .hero-stats,
  body.zk-editorial-page .ft-stats{
    gap:18px;
  }

  body.zk-editorial-page .container,
  body.zk-home .container{
    width:min(100% - 32px,1180px);
  }
}

@media(max-width:560px){
  body.zk-editorial-page .container,
  body.zk-home .container{
    width:min(100% - 28px,1180px);
  }

  body.zk-editorial-page section{
    padding-top:56px;
    padding-bottom:56px;
  }

  body.zk-editorial-page .btn-gold,
  body.zk-editorial-page .btn-ghost,
  body.zk-editorial-page .btn-green,
  body.zk-home .btn-gold,
  body.zk-home .btn-ghost,
  body.zk-home .btn-green{
    width:100%;
    padding:14px 16px;
  }
}

/* About / Our Farm 2026 refresh
   Shared rules for the farm-origin storytelling pages. Keeps the HTML lean and
   avoids the previous page-level override stack. */
body.zk-about-page,
body.zk-farm-page{
  background:
    radial-gradient(circle at 90% 12%,rgba(232,169,46,.12),transparent 28%),
    linear-gradient(180deg,#f7f3ea 0%,#f1ecdf 100%);
  color:var(--bp-ink);
  padding-top:var(--zk-header-offset,72px);
  line-height:1.7;
  overflow-x:hidden;
}

body.zk-about-page .zk-skip-link,
body.zk-farm-page .zk-skip-link{
  position:absolute;
  left:-9999px;
  top:4px;
  z-index:10000;
  padding:8px 18px;
  border-radius:0 0 6px 6px;
  background:var(--bp-green);
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}

body.zk-about-page .zk-skip-link:focus,
body.zk-farm-page .zk-skip-link:focus{
  left:4px;
}

body.zk-about-page .container,
body.zk-farm-page .container{
  width:min(92%,1240px);
  max-width:1240px;
  margin-inline:auto;
}

body.zk-about-page .ft-hero,
body.zk-farm-page .ft-hero{
  position:relative;
  min-height:78vh;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#07110d !important;
  color:#fff;
  padding:0 !important;
}

body.zk-about-page .ft-bgwrap,
body.zk-farm-page .ft-bgwrap,
body.zk-about-page .ft-bg,
body.zk-farm-page .ft-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

body.zk-about-page .ft-bg,
body.zk-farm-page .ft-bg{
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) contrast(1.04);
}

body.zk-about-page .ft-hero::after,
body.zk-farm-page .ft-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(120% 110% at 0% 60%,rgba(5,12,8,.92),rgba(5,12,8,.58) 58%,rgba(5,12,8,.34)),
    linear-gradient(0deg,rgba(5,12,8,.9),rgba(5,12,8,.16) 60%) !important;
}

body.zk-about-page .ft-inner,
body.zk-farm-page .ft-inner{
  position:relative;
  z-index:2;
  width:min(92%,1240px);
  margin-inline:auto;
  padding:clamp(84px,10vw,138px) 0 clamp(86px,10vw,130px);
  color:#fff;
}

body.zk-about-page .ft-eyebrow,
body.zk-farm-page .ft-eyebrow{
  display:inline-block;
  margin-bottom:18px;
  color:var(--bp-gold) !important;
  font:800 12px/1 var(--font-body);
  letter-spacing:.2em;
  text-transform:uppercase;
}

body.zk-about-page .ft-hero h1.disp,
body.zk-farm-page .ft-hero h1.disp{
  max-width:900px;
  margin:0 0 24px;
  color:#fff !important;
  font-size:clamp(3.1rem,8.2vw,6.4rem) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance;
}

body.zk-about-page .ft-hero h1.disp em,
body.zk-farm-page .ft-hero h1.disp em{
  color:var(--bp-gold);
  font-style:normal;
}

body.zk-about-page .ft-sub,
body.zk-farm-page .ft-sub{
  max-width:860px;
  margin:0 0 28px;
  color:rgba(255,255,255,.8) !important;
  font-size:clamp(1.05rem,1.6vw,1.28rem) !important;
  line-height:1.65 !important;
}

body.zk-about-page .hero-cta,
body.zk-farm-page .hero-cta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:26px 0 28px;
}

body.zk-about-page .ft-stats,
body.zk-farm-page .ft-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,1fr));
  gap:16px;
  max-width:760px;
  margin-top:18px;
}

body.zk-about-page .ft-stats .s,
body.zk-farm-page .ft-stats .s{
  min-width:0;
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.18);
}

body.zk-about-page .ft-stats .s b,
body.zk-farm-page .ft-stats .s b{
  display:block;
  color:#fff;
  font-size:clamp(1.05rem,1.7vw,1.35rem);
  line-height:1.05;
}

body.zk-about-page .ft-stats .s span,
body.zk-farm-page .ft-stats .s span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.62);
  font:800 10px/1.4 var(--font-body);
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.zk-about-page .page-stage,
body.zk-farm-page .page-stage{
  position:relative;
  z-index:3;
  margin-top:-86px;
  padding:0 0 24px !important;
  background:transparent;
}

body.zk-about-page .page-content-panel,
body.zk-farm-page .page-content-panel{
  margin:0;
  padding:clamp(28px,5vw,54px) !important;
  border:1px solid rgba(18,61,42,.12) !important;
  border-radius:28px;
  background:rgba(255,253,249,.96);
  box-shadow:0 30px 70px rgba(16,24,40,.14);
}

body.zk-about-page .stage-block,
body.zk-farm-page .stage-block{
  padding:0 !important;
}

body.zk-about-page main > section:not(.ft-hero):not(.zk-gold-metrics-section),
body.zk-farm-page main > section:not(.ft-hero):not(.zk-gold-metrics-section){
  padding:clamp(64px,8vw,92px) 0 !important;
  background:transparent;
}

body.zk-about-page h2.sec-title,
body.zk-farm-page h2.sec-title{
  margin-bottom:18px;
  color:var(--bp-green) !important;
  font-size:clamp(2rem,4.2vw,3.2rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  text-wrap:balance;
}

body.zk-about-page .lead,
body.zk-farm-page .lead{
  color:#2d3b32 !important;
  font-size:clamp(1.05rem,1.7vw,1.25rem) !important;
  line-height:1.7 !important;
}

body.zk-about-page p,
body.zk-farm-page p{
  color:#4c584e;
}

body.zk-about-page .narrow,
body.zk-farm-page .narrow{
  max-width:66ch;
}

body.zk-about-page .two,
body.zk-farm-page .two,
body.zk-about-page .vm-grid,
body.zk-about-page .founder-grid,
body.zk-about-page .ed,
body.zk-about-page .steps,
body.zk-about-page .cols3,
body.zk-about-page .journey,
body.zk-about-page .metrics,
body.zk-about-page .road,
body.zk-farm-page .metrics,
body.zk-farm-page .farm-grid,
body.zk-farm-page .qjourney,
body.zk-farm-page .gallery,
body.zk-farm-page .why-grid{
  display:grid;
  gap:clamp(16px,2.2vw,28px);
}

body.zk-about-page .two,
body.zk-farm-page .two,
body.zk-about-page .founder-grid{
  grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);
  align-items:center;
  gap:clamp(34px,5vw,68px);
}

body.zk-about-page .vm-grid,
body.zk-about-page .ed,
body.zk-about-page .steps{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

body.zk-about-page .cols3,
body.zk-about-page .road,
body.zk-farm-page .why-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

body.zk-about-page .journey,
body.zk-about-page .metrics,
body.zk-farm-page .metrics,
body.zk-farm-page .farm-grid,
body.zk-farm-page .gallery{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

body.zk-farm-page .qjourney{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

body.zk-about-page .timeline,
body.zk-about-page .vm-card,
body.zk-about-page .pcard,
body.zk-about-page .step-card,
body.zk-about-page .metric,
body.zk-about-page .phase,
body.zk-about-page .founder-quote,
body.zk-about-page .item,
body.zk-farm-page .metric,
body.zk-farm-page .farm-card,
body.zk-farm-page .qj,
body.zk-farm-page .timeline-card,
body.zk-farm-page .why-item{
  min-width:0;
  border:1px solid rgba(18,61,42,.12);
  background:#fffdf9;
  box-shadow:0 16px 38px rgba(8,28,18,.06);
}

body.zk-about-page .timeline,
body.zk-about-page .vm-card,
body.zk-about-page .pcard,
body.zk-about-page .step-card,
body.zk-about-page .metric,
body.zk-about-page .phase,
body.zk-about-page .founder-quote,
body.zk-about-page .item,
body.zk-farm-page .metric,
body.zk-farm-page .qj,
body.zk-farm-page .timeline-card,
body.zk-farm-page .why-item{
  border-radius:18px !important;
  padding:24px 22px;
}

body.zk-about-page .timeline .t{
  position:relative;
  padding:0 0 24px 18px;
  border-left:2px solid var(--bp-line);
}

body.zk-about-page .timeline .t:last-child{
  padding-bottom:0;
}

body.zk-about-page .timeline .t::before{
  content:"";
  position:absolute;
  left:-9px;
  top:4px;
  width:14px;
  height:14px;
  border:3px solid #fff;
  border-radius:50%;
  background:var(--bp-gold);
}

body.zk-about-page .timeline .t b,
body.zk-farm-page .timeline .time{
  display:block;
  color:var(--bp-green);
  font-weight:800;
}

body.zk-about-page .timeline .t span,
body.zk-about-page .metric span,
body.zk-farm-page .metric span{
  color:var(--bp-muted);
  font-size:.9rem;
}

body.zk-about-page .step-card .n{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  border-radius:11px;
  background:var(--bp-gold);
  color:var(--bp-green);
  font-weight:900;
}

body.zk-about-page .trace,
body.zk-farm-page .qual{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#123D2A 0%,#0b291b 100%) !important;
  color:#fff;
}

body.zk-about-page .trace::before,
body.zk-farm-page .qual::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right,rgba(232,169,46,.12),transparent 30%);
  pointer-events:none;
}

body.zk-about-page .trace > .container,
body.zk-farm-page .qual > .container{
  position:relative;
  z-index:1;
}

body.zk-about-page .trace h2,
body.zk-about-page .trace p,
body.zk-about-page .trace .lead,
body.zk-farm-page .qual h2,
body.zk-farm-page .qual p,
body.zk-farm-page .qual .lead{
  color:#fff !important;
}

body.zk-about-page .jstep,
body.zk-about-page .trace .jstep{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(232,169,46,.24);
  color:#fff;
  border-radius:18px;
  padding:22px 18px;
}

body.zk-about-page .jstep b,
body.zk-about-page .trace .jstep b{
  display:block;
  color:#fff;
}

body.zk-about-page .jstep span,
body.zk-about-page .trace .jstep span{
  color:rgba(255,255,255,.78);
  font-size:13px;
}

body.zk-about-page .jstep i,
body.zk-farm-page .qj i,
body.zk-farm-page .farm-card i{
  color:var(--bp-gold);
}

body.zk-farm-page .qj{
  border-radius:18px;
  padding:22px 18px;
}

body.zk-farm-page .qj b{
  display:block;
  color:var(--bp-green);
}

body.zk-farm-page .qj span{
  color:var(--bp-muted);
  font-size:13px;
}

body.zk-about-page .founder-img,
body.zk-farm-page .farm-card,
body.zk-farm-page .gallery img,
body.zk-farm-page .two img{
  overflow:hidden;
  border-radius:18px;
}

body.zk-about-page .founder-img img,
body.zk-farm-page .two img{
  width:100%;
  min-height:360px;
  object-fit:cover;
  box-shadow:0 24px 50px rgba(0,0,0,.16);
}

body.zk-farm-page .farm-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}

body.zk-farm-page .farm-card .b{
  padding:24px 22px;
}

body.zk-farm-page .gallery img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  box-shadow:0 16px 34px rgba(16,24,40,.1);
}

body.zk-farm-page .timeline .e{
  display:grid;
  grid-template-columns:92px 14px 1fr;
  gap:18px;
  align-items:start;
}

body.zk-farm-page .timeline .dot{
  position:relative;
  z-index:2;
  width:14px;
  height:14px;
  margin-top:4px;
  border-radius:50%;
  background:var(--bp-gold);
}

body.zk-farm-page .timeline .e:not(:last-child) .dot::after{
  content:"";
  position:absolute;
  left:6px;
  top:14px;
  width:2px;
  height:46px;
  background:var(--bp-line);
}

body.zk-about-page .phase.now{
  background:var(--bp-green);
  color:#fff;
  border-color:var(--bp-green);
}

body.zk-about-page .phase.now h3,
body.zk-about-page .phase.now p{
  color:#fff !important;
}

body.zk-about-page .founder blockquote{
  margin:0 0 18px;
  color:#1f2a22;
  font-size:clamp(1.15rem,1.9vw,1.45rem);
  line-height:1.55;
  font-weight:700;
}

body.zk-about-page .sig{
  color:var(--bp-green);
  font-weight:800;
}

body.zk-about-page .sig span{
  display:block;
  color:var(--bp-muted);
  font-size:.92rem;
  font-weight:600;
}

body.zk-about-page .metric b,
body.zk-farm-page .metric b{
  display:block;
  color:var(--bp-green);
  font-weight:900;
}

body.zk-about-page .zk-gold-metrics-section,
body.zk-farm-page .zk-gold-metrics-section{
  position:relative;
  margin:0;
  padding:clamp(72px,7vw,108px) 0 !important;
  overflow:hidden;
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.34),transparent 34%),
    linear-gradient(135deg,#E8A92E 0%,#F3C865 52%,#E8A92E 100%) !important;
}

body.zk-about-page .zk-gold-metrics-section .zk-gold-metric-wrap,
body.zk-farm-page .zk-gold-metrics-section .zk-gold-metric-wrap{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.78fr);
  gap:clamp(34px,5vw,68px);
  align-items:center;
}

body.zk-about-page .zk-gold-metrics-section h2,
body.zk-about-page .zk-gold-metrics-section p,
body.zk-about-page .zk-gold-metrics-section .lead,
body.zk-farm-page .zk-gold-metrics-section h2,
body.zk-farm-page .zk-gold-metrics-section p,
body.zk-farm-page .zk-gold-metrics-section .lead{
  color:var(--bp-green) !important;
}

body.zk-about-page .zk-gold-metrics-section .metrics,
body.zk-farm-page .zk-gold-metrics-section .metrics{
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  margin:0;
}

body.zk-about-page .zk-gold-metrics-section .metric,
body.zk-farm-page .zk-gold-metrics-section .metric{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:17px 20px 17px 24px;
  text-align:left;
  background:rgba(255,253,249,.96);
}

body.zk-about-page .zk-gold-metrics-section .metric b,
body.zk-farm-page .zk-gold-metrics-section .metric b{
  color:var(--bp-green) !important;
  font-size:clamp(1rem,1.25vw,1.2rem);
}

body.zk-about-page .zk-gold-metrics-section .metric span,
body.zk-farm-page .zk-gold-metrics-section .metric span{
  color:#53625a;
  font-weight:800;
  text-align:right;
}

body.zk-about-page .impact{
  margin-top:22px;
  padding:22px 24px;
  border:1px solid var(--bp-line);
  border-left:4px solid var(--bp-gold);
  border-radius:18px;
  background:linear-gradient(180deg,#f8f3e8 0%,#f3eee3 100%);
  color:var(--bp-green);
}

body.zk-about-page .endcta,
body.zk-farm-page .endcta{
  text-align:center;
}

body.zk-farm-page .end-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}

@media(max-width:980px){
  body.zk-about-page .two,
  body.zk-farm-page .two,
  body.zk-about-page .founder-grid,
  body.zk-about-page .vm-grid,
  body.zk-about-page .ed,
  body.zk-about-page .steps,
  body.zk-about-page .cols3,
  body.zk-about-page .journey,
  body.zk-about-page .metrics,
  body.zk-about-page .road,
  body.zk-farm-page .metrics,
  body.zk-farm-page .farm-grid,
  body.zk-farm-page .qjourney,
  body.zk-farm-page .gallery,
  body.zk-farm-page .why-grid,
  body.zk-about-page .zk-gold-metrics-section .zk-gold-metric-wrap,
  body.zk-farm-page .zk-gold-metrics-section .zk-gold-metric-wrap{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  body.zk-about-page .container,
  body.zk-farm-page .container{
    width:min(100% - 28px,1240px);
  }

  body.zk-about-page .ft-hero,
  body.zk-farm-page .ft-hero{
    min-height:auto;
  }

  body.zk-about-page .ft-inner,
  body.zk-farm-page .ft-inner{
    padding:56px 0 108px;
  }

  body.zk-about-page .ft-hero h1.disp,
  body.zk-farm-page .ft-hero h1.disp{
    font-size:clamp(2.65rem,16vw,4.2rem) !important;
    line-height:.96 !important;
  }

  body.zk-about-page .ft-stats,
  body.zk-farm-page .ft-stats{
    grid-template-columns:1fr;
  }

  body.zk-about-page .page-stage,
  body.zk-farm-page .page-stage{
    margin-top:-62px;
  }

  body.zk-about-page .page-content-panel,
  body.zk-farm-page .page-content-panel{
    padding:24px 18px !important;
    border-radius:22px;
  }

  body.zk-about-page main > section:not(.ft-hero):not(.zk-gold-metrics-section),
  body.zk-farm-page main > section:not(.ft-hero):not(.zk-gold-metrics-section){
    padding:56px 0 !important;
  }

  body.zk-farm-page .timeline .e{
    grid-template-columns:1fr;
    gap:6px;
  }

  body.zk-farm-page .timeline .dot{
    display:none;
  }

  body.zk-about-page .zk-gold-metrics-section .metric,
  body.zk-farm-page .zk-gold-metrics-section .metric{
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
  }

  body.zk-about-page .zk-gold-metrics-section .metric span,
  body.zk-farm-page .zk-gold-metrics-section .metric span{
    text-align:left;
  }
}

/* Audit follow-up: About and Our Farm load this file after the global theme
   layer, so keep their mobile heroes readable and consistent with the rest of
   the storefront. */
@media(max-width:640px){
  body.zk-about-page .ft-hero h1.disp,
  body.zk-farm-page .ft-hero h1.disp{
    font-size:clamp(2.35rem,12vw,3.35rem) !important;
    line-height:1.02 !important;
    max-width:12ch !important;
    letter-spacing:-.04em !important;
  }

  body.zk-about-page .ft-sub,
  body.zk-farm-page .ft-sub{
    font-size:1rem !important;
    line-height:1.6 !important;
  }
}