.macro-hiw {
  background: linear-gradient(155deg, var(--brand), var(--primary-macro) 58%, #20407A);
  padding: 84px 0 0;
}
.macro-hiw__glow-1 {
  left: -8%; top: -18%; width: 640px; height: 640px;
  background: radial-gradient(circle, rgba(110,153,255,.20), transparent 65%);
  filter: blur(30px);
  animation: mc-float1 18s ease-in-out infinite;
}
.macro-hiw__glow-2 {
  right: -6%; top: 26%; width: 560px; height: 560px;
  background: radial-gradient(circle, rgba(23,39,71,.55), transparent 66%);
  filter: blur(34px);
  animation: mc-float2 22s ease-in-out infinite;
}
.macro-hiw__grid { animation: mc-gridPan 26s linear infinite; }

.macro-hiw__title { margin: 14px 0 0; }
.macro-hiw__lead { margin: 16px auto 0; max-width: 560px; color: #B7C4E0; }

.macro-hiw__media {
  margin-top: 52px;
  display: flex;
  justify-content: center;
}
.macro-hiw__media-glow {
  position: absolute; left: 8%; right: 8%; bottom: 6%; height: 130px;
  background: rgba(140,175,240,.32);
  filter: blur(52px); border-radius: 50%;
  z-index: 0;
  animation: mc-pulseGlow 6.5s ease-in-out infinite;
}
.macro-hiw__img {
  position: relative; z-index: 1;
  display: block; width: 100%; max-width: 1180px;
  box-shadow: 0 0 26px rgba(165,192,238,.14);
}

@media (max-width: 991px) {
  .macro-hiw { padding: 64px 0 0; }
}
@media (max-width: 767px) {
  .macro-hiw { padding: 56px 0 0; }
  .macro-hiw__img { border-width: 6px; }
  .macro-hiw__media { margin-top: 40px; }
}