/* LYA v52: preserve the existing Campaigns frame size and center the original video orientation without stretching. */
.site-shell #campaigns .campaign-media {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  place-items: center !important;
  width: 100% !important;
  height: min(920px, calc(100svh - 180px)) !important;
  min-height: 540px !important;
  max-height: 920px !important;
  overflow: hidden !important;
  background: #750000 !important;
}

.site-shell #campaigns .campaign-media video {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #750000 !important;
}

@media (min-width: 851px) and (max-width: 1100px) {
  .site-shell #campaigns .campaign-media {
    height: clamp(480px, 68svh, 760px) !important;
    min-height: 480px !important;
    max-height: 760px !important;
  }
}

@media (max-width: 850px) {
  .site-shell #campaigns .campaign-media {
    width: 100% !important;
    height: clamp(340px, 68svh, 620px) !important;
    min-height: 340px !important;
    max-height: 620px !important;
  }

  .site-shell #campaigns .campaign-media video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

@media (max-width: 420px) {
  .site-shell #campaigns .campaign-media {
    height: clamp(320px, 64svh, 520px) !important;
    min-height: 320px !important;
    max-height: 520px !important;
  }
}