/* Dedicated services overview — Drone Aerial Imaging */
.services-hero {
  background:
    linear-gradient(
      90deg,
      rgba(3, 24, 50, 0.95),
      rgba(3, 24, 50, 0.7) 52%,
      rgba(3, 24, 50, 0.25)
    ),
    url("../images/hero-austin.webp") center/cover;
  color: #fff;
  min-height: 350px;
  display: flex;
  align-items: center;
}
.services-hero-content {
  padding: 70px 0;
}
.services-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #9ed9ff;
  margin: 0 0 14px;
}
.services-hero h1 {
  font-size: clamp(38px, 5vw, 62px);
  letter-spacing: -1.5px;
  margin: 0 0 14px;
  line-height: 1.1;
}
.services-hero-content > p:not(.services-kicker) {
  max-width: 600px;
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 24px;
}
.services-intro {
  text-align: center;
  padding: 60px 0 55px;
}
.services-eyebrow {
  color: #008bff;
  letter-spacing: 2px;
  font-weight: 800;
  font-size: 11px;
  margin: 0 0 10px;
}
.services-intro h2 {
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -0.8px;
  margin: 0 0 12px;
}
.services-intro p:last-child {
  max-width: 730px;
  color: #48607d;
  font-size: 15px;
  line-height: 1.7;
  margin: 0 auto;
}
.service-feature {
  padding: 56px 0;
  border-top: 1px solid #e2eaf3;
}
.service-feature:nth-child(odd) {
  background: #f1f5f9;
}
.service-feature:nth-child(even) {
  background: #fff;
}
.service-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(30px, 5vw, 78px);
  align-items: center;
}
.service-feature:nth-child(even) .service-feature-image {
  order: 2;
}
.service-feature-image img {
  height: 340px;
  border-radius: 8px;
  box-shadow: 0 12px 35px #071f461b;
  object-fit: cover;
}
.service-feature-number {
  color: #008bff;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 800;
}
.service-feature-copy h2 {
  font-size: clamp(25px, 2.7vw, 35px);
  line-height: 1.2;
  letter-spacing: -0.8px;
  margin: 12px 0 14px;
}
.service-feature-copy p {
  color: #48607d;
  font-size: 14px;
  line-height: 1.75;
  margin: 0 0 14px;
}
.service-feature-copy ul {
  color: #385070;
  font-size: 13px;
  line-height: 1.9;
  padding-left: 20px;
  margin: 0 0 23px;
}
.services-bottom-cta {
  text-align: center;
  padding: 65px 0;
  background: linear-gradient(120deg, #031d3b, #0b3967);
  color: #fff;
}
.services-bottom-cta h2 {
  font-size: clamp(27px, 3vw, 38px);
  margin: 0 0 12px;
}
.services-bottom-cta p:not(.services-kicker) {
  font-size: 14px;
  color: #dceafa;
  margin: 0 0 24px;
}
@media (max-width: 750px) {
  .services-hero {
    min-height: 320px;
  }
  .services-hero-content {
    padding: 55px 0;
  }
  .services-intro {
    padding: 45px 0;
  }
  .service-feature {
    padding: 38px 0;
  }
  .service-feature-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .service-feature:nth-child(even) .service-feature-image {
    order: 0;
  }
  .service-feature-image img {
    height: 250px;
  }
  .services-bottom-cta {
    padding: 50px 0;
  }
}