/* =========================================================
   UAV SHOWCASE VIDEO THUMBNAIL v123
   Uses a real video-frame poster and improves media balance.
   ========================================================= */

.uav-field-page .engagement-media-duo{
  gap:14px!important;
}

.uav-field-page .engagement-photo-showcase,
.uav-field-page .engagement-video-showcase{
  border-radius:7px!important;
}

/* Keep both media items visually equal while preserving the real frame. */
.uav-field-page .engagement-photo-showcase img,
.uav-field-page .engagement-video-showcase video{
  aspect-ratio:16 / 9!important;
  background:#071417!important;
}

/* Photo is documentary context; video preserves full frame. */
.uav-field-page .engagement-photo-showcase img{
  object-fit:cover!important;
}

.uav-field-page .engagement-video-showcase video{
  object-fit:contain!important;
}

/* Captions: compact and academic. */
.uav-field-page .engagement-photo-showcase figcaption,
.uav-field-page .engagement-video-showcase figcaption{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 11px!important;
  font-size:.62rem!important;
  line-height:1.35!important;
}

/* Subtle outline around the video panel because browser controls sit on dark video. */
.uav-field-page .engagement-video-showcase{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)!important;
}

html[data-theme="dark"] .uav-field-page .engagement-video-showcase{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}

@media(max-width:760px){
  .uav-field-page .engagement-media-duo{
    gap:12px!important;
  }

  .uav-field-page .engagement-photo-showcase figcaption,
  .uav-field-page .engagement-video-showcase figcaption{
    min-height:0!important;
  }
}