.about-page{color:var(--ink);background:#fff}
.about-page p{color:var(--muted)}

.about-story{padding:38px 0;background:#fff}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center}
.about-story-media img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:4px}
.about-story-copy h2,
.about-location-copy h2{margin:0 0 18px;color:#123553;font-size:clamp(30px,3.2vw,43px);line-height:1.08;letter-spacing:-.035em}
.about-story-copy p,
.about-location-copy p{margin:0 0 14px;font-size:16px;line-height:1.45}
.about-story-copy .about-button{margin-top:8px}

.about-location{padding:38px 0;background:#eef8ff}
.about-location-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:center}
.about-location-copy h2{max-width:530px}
.about-location-copy p{max-width:540px}
.about-location-visuals{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.03fr);gap:10px;align-items:stretch}
.about-location-visuals img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;background:#dcecf6}
.about-mmr-map,
.about-connectivity-image{min-height:345px}

@media(max-width:900px){
  .about-story-grid,
  .about-location-grid{grid-template-columns:1fr;gap:24px}
  .about-location-visuals{grid-template-columns:1fr 1.45fr}
  .about-mmr-map,
  .about-connectivity-image{min-height:280px}
}

@media(max-width:600px){
  .about-story,
  .about-location{padding:30px 0}
  .about-story-copy h2,
  .about-location-copy h2{font-size:34px}
  .about-location-visuals{grid-template-columns:1fr}
  .about-mmr-map,
  .about-connectivity-image{min-height:auto}
}


/* V4: remove the white band beneath the Location visual tiles */
.about-location-visuals,
.about-location-visuals > *,
.about-location-visuals img {
  align-self: stretch;
}
.about-location-visuals img {
  display: block;
  vertical-align: top;
}
.about-location-visuals {
  line-height: 0;
}


/* V6: About hero matched to the approved Home hero visual dimensions */
.about-page .home-hero-visual .hero-approved-visual {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0 auto;
  display: block;
}