/* Phase 5J footer scale/position pass.
   User direction: make Blob3 much larger, and move both footer text and Blob3 up slightly.
   This file intentionally loads last and only affects the footer composition. */

.main-footer,
.main-footer.legal-footer {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: clamp(620px, 40vw, 760px) !important;
  margin-top: clamp(72px, 6.8vw, 140px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep the legacy/background Blob3 hidden. The footer-owned Blob3 below is the real footer surface. */
.bg.-desktop .blobs > .blob-3 {
  display: none !important;
}

.main-footer .footer-blob3,
.main-footer.legal-footer .footer-blob3,
.footer-blob3 {
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  width: clamp(2200px, 142vw, 3400px) !important;
  max-width: none !important;
  height: auto !important;
  right: clamp(-930px, -35vw, -520px) !important;
  bottom: clamp(-245px, -7.6vw, -90px) !important;
  opacity: .98 !important;
  transform: rotate(-1deg) scale(1.04) !important;
  transform-origin: 72% 78% !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: drop-shadow(0 -28px 70px rgba(205, 91, 255, .24)) !important;
}

.main-footer .footer-title,
.main-footer .footer-tagline,
.main-footer .footer-nav,
.main-footer .footer-copy,
.main-footer.legal-footer .footer-title,
.main-footer.legal-footer .footer-tagline,
.main-footer.legal-footer .footer-nav,
.main-footer.legal-footer .footer-copy,
.footer-title,
.footer-tagline,
.footer-nav,
.footer-copy {
  z-index: 3 !important;
}

.main-footer .footer-title,
.main-footer.legal-footer .footer-title,
.footer-title {
  right: clamp(92px, 8.6vw, 210px) !important;
  bottom: clamp(275px, 15.5vw, 370px) !important;
}

.main-footer .footer-tagline,
.main-footer.legal-footer .footer-tagline,
.footer-tagline {
  right: clamp(92px, 8.6vw, 210px) !important;
  bottom: clamp(230px, 12.8vw, 315px) !important;
}

.main-footer .footer-nav,
.main-footer.legal-footer .footer-nav,
.footer-nav {
  right: clamp(68px, 6.5vw, 175px) !important;
  bottom: clamp(158px, 8.8vw, 225px) !important;
}

.main-footer .footer-copy,
.main-footer.legal-footer .footer-copy,
.footer-copy {
  right: clamp(92px, 8.6vw, 210px) !important;
  bottom: clamp(96px, 5.8vw, 150px) !important;
}

@media (max-width: 1180px) {
  .main-footer,
  .main-footer.legal-footer {
    min-height: clamp(560px, 62vw, 680px) !important;
  }

  .main-footer .footer-blob3,
  .main-footer.legal-footer .footer-blob3,
  .footer-blob3 {
    width: clamp(1500px, 188vw, 2400px) !important;
    right: clamp(-980px, -74vw, -560px) !important;
    bottom: clamp(-205px, -12vw, -82px) !important;
  }

  .main-footer .footer-title,
  .main-footer .footer-tagline,
  .main-footer .footer-copy,
  .main-footer.legal-footer .footer-title,
  .main-footer.legal-footer .footer-tagline,
  .main-footer.legal-footer .footer-copy,
  .footer-title,
  .footer-tagline,
  .footer-copy {
    right: clamp(34px, 6vw, 96px) !important;
  }

  .main-footer .footer-nav,
  .main-footer.legal-footer .footer-nav,
  .footer-nav {
    right: clamp(24px, 4.6vw, 76px) !important;
  }
}

@media (max-width: 840px) {
  .main-footer,
  .main-footer.legal-footer {
    min-height: 560px !important;
    margin-top: 76px !important;
    overflow: hidden !important;
  }

  .main-footer .footer-blob3,
  .main-footer.legal-footer .footer-blob3,
  .footer-blob3 {
    width: 1380px !important;
    right: -730px !important;
    bottom: -92px !important;
    opacity: .98 !important;
    transform: rotate(-1deg) scale(1.03) !important;
  }

  .main-footer .footer-title,
  .main-footer.legal-footer .footer-title,
  .footer-title {
    right: 18px !important;
    bottom: 314px !important;
  }

  .main-footer .footer-tagline,
  .main-footer.legal-footer .footer-tagline,
  .footer-tagline {
    right: 18px !important;
    bottom: 274px !important;
  }

  .main-footer .footer-nav,
  .main-footer.legal-footer .footer-nav,
  .footer-nav {
    right: 18px !important;
    bottom: 148px !important;
  }

  .main-footer .footer-copy,
  .main-footer.legal-footer .footer-copy,
  .footer-copy {
    right: 18px !important;
    bottom: 86px !important;
  }
}

@media (max-width: 500px) {
  .main-footer,
  .main-footer.legal-footer {
    min-height: 575px !important;
  }

  .main-footer .footer-blob3,
  .main-footer.legal-footer .footer-blob3,
  .footer-blob3 {
    width: 1430px !important;
    right: -845px !important;
    bottom: -94px !important;
  }
}