/* =============================================================
   SEED — Sustainability page accent layer (loads after seed.css)
   Livelier register: moss-green accent, colour photography,
   tinted pillar cards, deep-green statement band. Geometry and
   type stay on-system: square corners, hairlines, serif display.
   ============================================================= */
.page-green{
  --green:      oklch(0.50 0.105 150);
  --green-ink:  oklch(0.38 0.090 152);
  --green-deep: oklch(0.30 0.070 152);
  --green-tint: color-mix(in oklch, oklch(0.50 0.105 150) 7%, var(--paper));
}

/* accent swaps: maroon -> green on this page only */
.page-green .eyebrow::before{ background:var(--green); }
.page-green .eyebrow{ color:var(--green-ink); }
.page-green .btn{ background:var(--green); border-color:var(--green); }
.page-green .btn:hover{ background:var(--green-ink); border-color:var(--green-ink); }
.page-green ::selection{ background:var(--green); color:var(--paper); }
.page-green :focus-visible{ outline-color:var(--green); }
.page-green .proofquote{ border-top-color:var(--green); }
.page-green .charter .wrap::before{ background:var(--green); }

/* photography runs in colour here */
.page-green .fieldstrip .ph img,
.page-green .imgslot img{ filter:none; }
.page-green .phero-bg{ filter:contrast(1.04) brightness(.92); opacity:.38; }

/* pillar cards */
.gpillars{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--neutral-200); border:1px solid var(--neutral-200); }
.gpillars .gp{ background:var(--green-tint); padding:clamp(24px,3vw,38px); }
.gpillars .gp .gp-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.gpillars .gp .n{ font:600 12px/1 var(--mono); letter-spacing:0.16em; color:var(--green); }
.gpillars .gp .ico{ width:26px; height:26px; color:var(--green); stroke-width:1.5; }
.gpillars .gp h3{ margin:16px 0 10px; font-size:clamp(20px,2.2vw,26px); }
.gpillars .gp p{ color:var(--neutral-600); font-size:15px; line-height:1.6; }
@media (max-width:760px){ .gpillars{ grid-template-columns:1fr; } }

/* deep-green statement + stat band */
.gband{ background:var(--green-deep); color:var(--paper); padding:clamp(64px,10vh,120px) 0; }
.gband .eyebrow{ color:color-mix(in oklch, var(--paper) 72%, transparent); }
.gband .eyebrow::before{ background:color-mix(in oklch, var(--paper) 80%, transparent); }
.gband p.gstmt{ font-family:var(--display); font-weight:600; font-size:clamp(24px,3.2vw,40px); line-height:1.28; letter-spacing:-0.012em; color:var(--paper); max-width:26ch; }
.gstats{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:color-mix(in oklch, var(--paper) 16%, transparent); border:1px solid color-mix(in oklch, var(--paper) 16%, transparent); margin-top:48px; }
.gstats .cell{ background:var(--green-deep); padding:22px 24px 26px; }
.gstats .cell .v{ font-family:var(--display); font-weight:700; font-size:clamp(30px,3.4vw,46px); color:var(--paper); line-height:1; }
.gstats .cell .k{ margin-top:10px; font:600 10.5px/1.6 var(--mono); letter-spacing:0.12em; text-transform:uppercase; color:color-mix(in oklch, var(--paper) 64%, transparent); }
@media (max-width:640px){ .gstats{ grid-template-columns:1fr; } }