/* ============================================================
   site-v23.css — v1.5.9
   1. Tighten content↔image gap (hero + pull-quote + feature)
   2. Round all image corners consistently
   ============================================================ */

/* ── Tighter gaps ─────────────────────────────────────── */
.hero-grid { gap: clamp(16px, 2vw, 28px) !important; grid-template-columns: 1fr 1.25fr !important; }
.pq-grid   { gap: clamp(16px, 2vw, 28px) !important; }
.feature-grid { gap: clamp(20px, 2.4vw, 40px) !important; }

/* ── Rounded image corners everywhere ─────────────────── */
.hero-media-frame,
.hero-media-frame img,
.pq-media-frame,
.pq-media-frame img,
.feature-card,
.feature-card img,
.testimonial .img-real,
.testimonial .img-ph,
.case-card .img-ph,
.case-card .img-real,
.leader .img-ph,
.leader .img-real,
.profile-cover {
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Hero image — slightly more squared to fill width */
.hero-media-frame { aspect-ratio: 5 / 3.5 !important; max-width: 100% !important; }
.hero-media-frame img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* Pull-quote image — keep contained but rounded */
.pq-media-frame { aspect-ratio: 5 / 4 !important; max-width: 460px !important; }
.pq-media-frame img { object-fit: contain !important; border-radius: 18px !important; }

/* Feature cards — keep stack, round consistently */
.feature-card { border-radius: 18px !important; }
.feature-card img { border-radius: 18px !important; }

/* Mobile */
@media (max-width: 880px) {
  .hero-media-frame { aspect-ratio: 4 / 3 !important; max-width: 560px !important; margin: 0 auto !important; }
  .pq-media-frame { max-width: 380px !important; }
}