.regen-feature-inner,.regen-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.regen-feature-inner img,.regen-hero-grid img{width:100%;height:330px;object-fit:cover;border-radius:12px}
.regen-feature-inner p,.regen-content p{max-width:780px;line-height:1.7}
.regen-feature-inner .text-link{display:inline-block;margin-top:16px}
.regen-hero{padding:clamp(56px,7vw,100px) 0;background:#f4f6f2}
.regen-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.12;letter-spacing:-.035em;margin:18px 0}
.regen-hero p{line-height:1.7;max-width:620px}
.regen-hero .btn{margin-top:18px}
.regen-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.regen-cards article{background:#f4f6f2;padding:28px;border-radius:12px}
.regen-cards h3{margin:12px 0}
.regen-number{color:#52745c;font-size:14px;font-weight:700}
.regen-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:24px 0}
.regen-note{font-size:.9rem;color:#555;border-left:3px solid #77907d;padding-left:16px}
.regen-content h2{max-width:850px}
@media(max-width:800px){.regen-feature-inner,.regen-hero-grid,.regen-cards,.regen-columns{grid-template-columns:1fr}.regen-feature-inner img,.regen-hero-grid img{height:250px}}

/* Ver2-2: imagery for three focus cards */
.regen-cards article{padding:0;overflow:hidden}
.regen-cards article .regen-card-image{display:block;width:100%;height:175px;object-fit:cover;object-position:center}
.regen-cards article .regen-number{display:block;margin:26px 28px 0}
.regen-cards article h3{margin:12px 28px 14px}
.regen-cards article p{margin:0 28px 30px}

/* Ver2-3: larger image on regenerative page, maintaining responsive layout. */
.regen-hero-grid{grid-template-columns:1fr 1.2fr}
.regen-hero-grid img{height:396px}
.regen-feature-inner .btn{display:inline-flex;align-items:center;margin-top:16px}
@media(max-width:800px){
 .regen-hero-grid{grid-template-columns:1fr}
 .regen-hero-grid img{height:auto;aspect-ratio:5/3}
}

/* Ver2-4: match the vertical gap above the Evolving Focus button and below it on stacked layouts. */
@media(max-width:800px){
  .regen-feature-inner{row-gap:16px}
  .regen-feature-inner .btn{margin-top:16px}
}

/* Ver2-5: homepage now loads this stylesheet. Consistent spacing on all widths. */
.regen-feature-inner > div > .btn { margin-top:24px; }
@media (max-width:800px) {
 .regen-feature-inner { row-gap:24px; }
 .regen-feature-inner > div > .btn { margin-top:24px; }
}