.ftr.v4 {
  --flx-gap: 17.556rem;
  /* -- Background image overlay ------------ */

  --img-bg-o: 0.2;

  .bg img {
    mix-blend-mode: luminosity;
  }

  /* -- Navigation --------------------------- */

  .ftr-v4-nav {
    padding-block: 1.25rem;

    ul {
      flex-wrap: wrap;
      row-gap: 0.75rem;
    }
  }


  /* -- Contact cards ----------------------- */


  .ctc-icn {
    flex-shrink: 0;
    color: var(--btn-text-clr, white);

    svg {
      font-size: 2.5rem;
    }
  }

  /* -- Social icons ------------------------ */

  .so-lk {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsl(from var(--bdr-clr, var(--text-color)) h s l / var(--bdr-clr-o));

    svg {
      font-size: 1.1rem;
    }
  }

  .py-lk {
    font-size: 1.7rem;
  }

  .fourth {
    width: calc(var(--fourth) - (var(--flx-gap) / 2 ));
  }

  .fnt_t-co {
    text-wrap: initial;
  }

  /* -- Entrance animations ------------------ */

  &.mstg-anm {
    @media (prefers-reduced-motion: no-preference) {
      .two-thirds > div > a   { animation: ftr-s2-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s    both; }
      .two-thirds > div > strong { animation: ftr-s2-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s  both; }
      .two-thirds > div > span   { animation: ftr-s2-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s  both; }
      .two-thirds > div > ul     { animation: ftr-s2-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s  both; }
      .third .ctc-crd:nth-child(1) { animation: ftr-s2-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s  both; }
      .third .ctc-crd:nth-child(2) { animation: ftr-s2-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.35s both; }
      .third .ctc-crd:nth-child(3) { animation: ftr-s2-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.5s  both; }
    }
  }

}

@media (prefers-reduced-motion: no-preference) {
  @keyframes ftr-s2-fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}