/*
 * ============================================================
 *  VNV MARKETING — PAGE HERO (shared by inner pages)
 *  ─────────────────────────────────────────────────────────
 *  Shared hero section used on: about, blog, contact,
 *  services listing, and all service sub-pages.
 *
 *  Include this file on any inner page that uses .page-hero
 *  or .service-hero.
 * ============================================================
 */

/* ── Standard inner-page hero ── */
.page-hero {
  padding: 140px 0 80px;
  position: relative; overflow: hidden;
}
.page-hero-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 48px; align-items: center;
}
@media (max-width: 900px) { .page-hero-grid { grid-template-columns: 1fr; } }
.page-hero h1 { font-size: clamp(38px, 6vw, 84px); }
.page-hero p  { max-width: 580px; margin-top: 20px; font-size: 17.5px; color: var(--muted); line-height: 1.6; }

/* ── Service sub-page hero (taller padding) ── */
.service-hero {
  padding: 150px 0 80px;
  position: relative; overflow: hidden;
}
.hero-2col {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 48px; align-items: center;
}
@media (max-width: 900px) { .hero-2col { grid-template-columns: 1fr; } }
.service-hero h1 { font-size: clamp(38px, 6vw, 84px); }
.service-hero p  { max-width: 580px; margin-top: 20px; font-size: 17.5px; color: var(--muted); line-height: 1.6; }