/* Footer raster parity release: 0.1.102. */
:root {
  --npdc-footer-visual-release: "0.1.102";
}

/* Production's Elementor cards paint a second translucent background layer
   through a 5px backdrop blur. This is what softens the oversized lettering
   behind the cards while leaving foreground card content crisp. */
.npdc-footer__card {
  position: relative;
}

.npdc-footer__card::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: rgba(69, 86, 109, 0.32);
  content: "";
  pointer-events: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.npdc-footer__card > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 821px) {
  /* Production uses a 70px authored gap and scales at 18vw until its 260px
     maximum. At 1440px this is 259.2px; at the user's 1980px viewport it is
     capped at 260px. */
  .npdc-footer__title {
    gap: 70px;
    font-size: min(18vw, 260px);
  }
}