.site-footer {
      padding: clamp(32px, 5vw, 72px) max(24px, 9vw);
      border-top: 1px solid #211a2d1a;
      background: #fff;
    }

    .footer-top {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 32px 48px;
      margin-bottom: clamp(36px, 7vw, 96px);
    }

    .footer-email h2 {
      margin: 0 0 12px;
      font-size: 22px;
      line-height: 1.15;
      letter-spacing: -.035em;
    }

    .footer-email input {
      box-sizing: border-box;
      width: min(100%, 260px);
      padding: 8px 0;
      border: 0;
      border-bottom: 1px solid #211a2d55;
      background: #fff;
      font: inherit;
    }

    .footer-email p, .footer-legal {
      margin: 8px 0 0;
      color: #4b4159;
      font-size: 13px;
    }

    .footer-links {
      display: flex;
      flex-wrap: wrap;
      gap: 28px 48px;
      font-size: 14px;
    }

    .footer-links ul {
      display: grid;
      align-content: start;
      gap: 6px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .footer-links strong {
      display: block;
      margin-bottom: 8px;
    }

    .footer-links a {
      color: inherit;
      text-decoration: none;
    }

    .footer-links a:hover {
      color: #6539a3;
      text-decoration: underline;
    }

    .footer-legal {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 4px 16px;
      margin-top: clamp(18px, 3vw, 36px);
    }

    .footer-wordmark img {
      display: block;
      width: 100%;
      height: auto;
    }