/**
 * Drone Video Section — lazy-loading YouTube embed with heading and body copy.
 * Uses the VideoEmbed component (js/components/video-embed.js).
 * Placed between the Services pillars and the NSB feature on the homepage.
 */

.drone-section {
  padding: 4rem 1.5rem;
  background-color: #ffffff;
}

.drone-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.drone-heading-group {
  text-align: center;
  margin-bottom: 2rem;
}

.drone-eyebrow {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #004677;
  margin-bottom: 0.5rem;
}

.drone-heading {
  font-size: 1.75rem;
  font-weight: 700;
  color: #111827;
  line-height: 1.25;
  margin: 0 0 0.75rem;
}

.drone-body {
  font-size: 1rem;
  color: #6b7280;
  line-height: 1.6;
  max-width: 560px;
  margin: 0 auto;
}

.drone-video-wrapper {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
}

@media (min-width: 768px) {
  .drone-section {
    padding: 5rem 2rem;
  }

  .drone-heading {
    font-size: 2.25rem;
  }
}