<style>
    /* =========================
       FOOTER
    ========================= */

    .nb-site-footer {
      background: #f7f7f7;
      color: var(--nb-black);
      overflow: hidden;
    }

    .nb-footer-main {
      padding: var(--nb-space-7) 0;
      background: #f7f7f7;
    }

    .nb-footer-main__inner {
      display: grid;
      grid-template-columns: minmax(220px, .8fr) minmax(0, 1fr) minmax(320px, .9fr);
      gap: var(--nb-space-7);
      align-items: center;
      border-top: 1px solid rgba(14, 14, 14, .08);
      padding-top: var(--nb-space-7);
    }

    .nb-footer-brand {
      display: grid;
      justify-items: start;
      gap: var(--nb-space-3);
    }

    .nb-footer-logo {
      width: min(260px, 100%);
      height: auto;
      display: block;
    }

    .nb-footer-socials {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: var(--nb-space-2);
    }

    .nb-footer-socials a {
      display: inline-grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border: 1px solid rgba(74, 48, 40, .18);
      border-radius: 50%;
      background: var(--nb-white);
      color: var(--nb-brown);
      font-size: 15px;
      line-height: 1;
      transition: background var(--nb-transition), color var(--nb-transition), border-color var(--nb-transition), transform var(--nb-transition);
    }

    .nb-footer-socials a:hover {
      background: var(--nb-brown);
      border-color: var(--nb-brown);
      color: var(--nb-white);
      transform: translateY(-2px);
    }

    .nb-footer-info {
      display: grid;
      gap: var(--nb-space-4);
    }

    .nb-footer-info h3,
    .nb-footer-contact h3 {
      margin: 0 0 var(--nb-space-2);
      color: var(--nb-black);
      font-family: var(--nb-font-menu);
      font-size: 15px;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .nb-footer-addresses {
      display: grid;
      gap: var(--nb-space-3);
    }

    .nb-footer-line,
    .nb-footer-contact a {
      display: grid;
      grid-template-columns: 22px minmax(0, 1fr);
      gap: var(--nb-space-2);
      align-items: start;
      color: var(--nb-black);
      font-size: 18px;
      line-height: 1.45;
      font-weight: 300;
    }

    .nb-footer-line i,
    .nb-footer-contact a i {
      margin-top: 4px;
      color: var(--nb-black);
      font-size: 15px;
      line-height: 1;
    }

    .nb-footer-contact {
      display: grid;
      gap: var(--nb-space-5);
    }

    .nb-footer-contact-group {
      display: grid;
      gap: 8px;
    }

    .nb-footer-contact a {
      transition: color var(--nb-transition);
    }

    .nb-footer-contact a:hover {
      color: var(--nb-brown);
    }

    .nb-footer-bottom {
      background: var(--nb-brown);
      color: var(--nb-white);
    }

    .nb-footer-bottom__inner {
      min-height: 86px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr) minmax(0, 1fr);
      gap: var(--nb-space-4);
      align-items: center;
      text-align: center;
      font-family: var(--nb-font-menu);
      font-size: 12px;
      line-height: 1.5;
      font-weight: 500;
    }

    .nb-footer-bottom__inner > * + * {
      position: relative;
    }

    .nb-footer-bottom__inner > * + *::before {
      content: "";
      position: absolute;
      left: calc(var(--nb-space-4) * -0.5);
      top: 50%;
      width: 1px;
      height: 38px;
      background: rgba(255, 255, 255, .36);
      transform: translateY(-50%);
    }

    .nb-footer-bottom a {
      color: var(--nb-white);
      text-transform: uppercase;
      letter-spacing: .06em;
      transition: color var(--nb-transition);
    }

    .nb-footer-bottom a:hover {
      color: var(--nb-gold);
    }

    .nb-footer-ris strong {
      display: block;
      font-weight: 600;
    }

    .nb-footer-ris span {
      display: block;
      margin-top: 4px;
      color: rgba(255, 255, 255, .82);
      font-size: 11px;
    }

    @media (max-width: 980px) {
      .nb-footer-main__inner {
        grid-template-columns: 1fr 1fr;
        gap: var(--nb-space-5);
      }

      .nb-footer-brand {
        grid-column: 1 / -1;
        justify-items: center;
        text-align: center;
      }

      .nb-footer-bottom__inner {
        grid-template-columns: 1fr;
        gap: var(--nb-space-2);
        padding: var(--nb-space-4) 0;
      }

      .nb-footer-bottom__inner > * + *::before {
        display: none;
      }
    }

    @media (max-width: 640px) {
      .nb-footer-main {
        padding: var(--nb-space-5) 0;
      }

      .nb-footer-main__inner {
        grid-template-columns: 1fr;
        padding-top: var(--nb-space-5);
        gap: var(--nb-space-5);
      }

      .nb-footer-logo {
        width: min(220px, 82vw);
      }

      .nb-footer-info h3,
      .nb-footer-contact h3 {
        font-size: 13px;
      }

      .nb-footer-line,
      .nb-footer-contact a {
        font-size: 15px;
      }

      .nb-footer-bottom__inner {
        min-height: auto;
        font-size: 11px;
      }
    }
  </style>
