/* ============================================================
   SERVICES PAGE — page-specific overrides
   Popup component styles live in industry.css (reused as-is)
============================================================ */

/* ============================================================
   PAGE HERO
============================================================ */
.svc-page-hero {
  /* background: #1c3850;
  border-radius: 0 0 36px 36px; */
  /* padding: 0 24px 24px; */
  margin-bottom: 0;
}
.svc-page-hero__inner {
  border-radius: 0 0 36px 36px;
  overflow: hidden;
  position: relative;
  padding: 100px 60px 80px;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(135deg, #0b1733 0%, #1c3850 60%, #2a4f6e 100%);
}
.svc-page-hero__bg {
  position: absolute;
  inset: 0;
}
.svc-page-hero__bg img {
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.25;
}
.svc-page-hero__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(11,23,51,0.92) 0%, rgba(11,23,51,0.5) 60%, transparent 100%);
}
.svc-page-hero__content {
  position: relative; z-index: 2;
}
.svc-page-hero__label {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  font-weight: 500;
  margin-bottom: 16px;
}
.svc-page-hero__title {
  font-family: 'Georgia', serif;
  font-size: clamp(36px, 5vw, 68px);
  font-weight: 800;
  color: #fff;
  line-height: 1.08;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-bottom: 20px;
}
.svc-page-hero__desc {
  font-size: 16px;
  color: rgba(255,255,255,0.6);
  max-width: 480px;
  line-height: 1.65;
}

/* ============================================================
   SERVICE CARDS SECTION
============================================================ */
.svc-cards-section {
  padding: 56px 0 100px;
  background: #f3f3f3;
}

/* 2×2 grid for 4 cards */
.svc-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (max-width: 640px) {
  .svc-grid { grid-template-columns: 1fr; }
  .svc-page-hero__inner { padding: 80px 24px 48px; }
}