
.overview-hero{height:clamp(570px,76vh,760px);position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}
.overview-hero img,.overview-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.overview-overlay{background:linear-gradient(90deg,rgba(11,23,14,.82),rgba(11,23,14,.36))}
.overview-copy{position:relative;z-index:2;padding:0 7vw 64px;max-width:900px}
.overview-copy h1{font-size:clamp(52px,7.2vw,92px);line-height:.94;margin:10px 0}
.overview-copy p{font-size:20px;max-width:650px;color:rgba(255,255,255,.82)}
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.module-card{border-radius:26px;overflow:hidden;position:relative;min-height:430px;color:#fff;display:flex;align-items:flex-end}
.module-card img,.module-card .shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.module-card .shade{background:linear-gradient(0deg,rgba(10,20,13,.86),rgba(10,20,13,.08))}
.module-card .copy{position:relative;z-index:2;padding:30px}
.module-card .num{font-size:11px;text-transform:uppercase;letter-spacing:.14em}
.module-card h2{font-size:38px;margin:9px 0}
.module-card p{color:rgba(255,255,255,.72)}
.module-card a{display:inline-flex;margin-top:18px;background:#fff;color:var(--ink);padding:12px 16px;border-radius:999px;font-size:12px;font-weight:700}
@media(max-width:900px){.module-grid{grid-template-columns:1fr}}

@media(max-width:760px){
  .overview-hero{height:620px}
  .overview-copy{padding:0 6vw 48px}
  .overview-copy h1{font-size:52px}
  .module-card{min-height:390px}
}
