/* ==========================================================================
   Unmanned systems page
   ========================================================================== */

.uav-hero {
  position: relative;
  display: grid;
  align-items: end;
  min-height: min(92svh, 900px);
  padding-top: calc(var(--header-h) + 3rem);
  padding-bottom: clamp(3rem, 2rem + 4vw, 6rem);
  overflow: hidden;
  isolation: isolate;
}

.uav-hero__img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 48% 45%;
}

/* desktop: move the drone right so it clears the headline */
@media (min-width: 1024px) {
  .uav-hero__img {
    left: 24%;
    width: 86%;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 30%);
    mask-image: linear-gradient(to right, transparent, #000 30%);
  }
}

@media (max-width: 639px) {
  .uav-hero { min-height: min(86svh, 720px); }
  .uav-hero__img { height: 70%; object-position: 47% 55%; }
}

.uav-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, #000 10%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 70%);
}

.uav-hero__content {
  display: grid;
  justify-items: start;
  gap: 1.25rem;
}

.uav-hero__content h1 { max-width: 15ch; }
.uav-hero__content .lead { max-width: 52ch; color: rgba(241, 239, 232, 0.8); }

/* Capabilities: hairline columns */
.capabilities {
  list-style: none;
  padding: 0;
  display: grid;
  border-top: 1px solid var(--c-line);
}

@media (min-width: 900px) {
  .capabilities { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .capabilities li + li { border-left: 1px solid var(--c-line); padding-left: clamp(1.25rem, 2.5vw, 2.5rem); }
  .capabilities li { padding-right: clamp(1.25rem, 2.5vw, 2.5rem); border-bottom: 0 !important; }
  .capabilities li:last-child { padding-right: 0; }
}

.capabilities li {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 0.75rem;
  padding-block: 1.75rem;
  border-bottom: 1px solid var(--c-line);
}

.capabilities h3 { font-size: clamp(1.2rem, 1.05rem + 0.5vw, 1.5rem); font-weight: 400; }
.capabilities p { color: var(--c-muted); font-size: var(--fs-small); max-width: 42ch; }

.uav-platform { padding-bottom: var(--section-y); }

.uav-platform__figure img {
  width: 100%;
  border-radius: var(--radius);
}

.rnd__body .lead { color: var(--c-text); }