.hero-campaign {
  position: relative;
  z-index: 1;
  width: min(57vw, 785px);
  min-width: 520px;
  border: 1px solid rgba(122, 170, 255, 0.4);
  border-radius: 16px;
  box-shadow: 0 32px 75px rgba(0, 0, 0, 0.48);
}

@media (max-width: 980px) {
  .hero { gap: 4vw; }
  .hero-campaign { width: min(50vw, 640px); min-width: 390px; }
}

@media (max-width: 780px) {
  .hero-campaign { display: block; width: 100%; min-width: 0; margin-top: 42px; }
}