/* =========================
       FOOTER
    ========================= */

    #siteFooter{
      position:relative;
      overflow:hidden;
      color:#fff;

      padding:90px 40px 35px;
    }

    /* =========================
       BACKGROUND
    ========================= */

    .ftBg{
      position:absolute;
      inset:0;
      /*z-index:-2;*/
    }

    .ftBg img{
      width:100%;
      height:100%;

      object-fit:cover;

      /*filter:*/
      /*  brightness(.32)*/
      /*  contrast(1.05);*/

      transform:scale(1.03);
    }

    .ftBg::after{
      content:"";
      position:absolute;
      inset:0;

      background:rgba(0,0,0,.28);
    }

    /* =========================
       WRAPPER
    ========================= */

    .footerWrap{
      width:min(1450px,90%);
      margin:auto;
      position:relative;
      z-index:5;
    }

    /* =========================
       TOP CARD
    ========================= */

    .ftCard{
      position:relative;

      background:#ece6dc;
      border-radius:48px;

      padding:80px 90px;
      color:#2f2b28;

      min-height:700px;

      overflow:visible;
    }

    /* TOP NOTCH */

    .ftCard::before{
      content:"";

      position:absolute;
      top:-68px;
      left:50%;

      transform:translateX(-50%);

      width:130px;
      height:130px;

      background:#ece6dc;

      clip-path:polygon(
        50% 0%,
        100% 100%,
        0% 100%
      );
    }

    /* BOTTOM NOTCH */

    .ftCard::after{
      content:"";

      position:absolute;
      bottom:-68px;
      left:50%;

      transform:translateX(-50%) rotate(180deg);

      width:130px;
      height:130px;

      background:#ece6dc;

      clip-path:polygon(
        50% 0%,
        100% 100%,
        0% 100%
      );
    }

    /* =========================
       CARD INNER
    ========================= */

    .ftCardInner{
      position:relative;
      width:100%;
      height:100%;
      min-height:540px;
    }

    /* =========================
       LEFT TEXT
    ========================= */

    .ftLeft{
      position:absolute;
      top:0;
      left:0;

      width:340px;
    }

    .ftDescMain{
      font-family:"Cormorant Garamond", serif;
      font-size:22px;
      line-height:1.2;
      font-weight:700;

      color:#3d3935;
    }

    .ftDescSub{
      position:absolute;

      left:110px;
      bottom:-420px;

      width:420px;

      font-size:17px;
      line-height:1.4;

      color:#403c39;
    }

    /* =========================
       NAV LINKS
    ========================= */

    .ftNav{
      position:relative;
      width:100%;
      height:100%;
    }

    .ftLink{
      position:absolute;

      font-family:"Playfair Display", serif;
      font-size:30px;
      font-weight:700;

      color:#2d2926;

      transition:.3s ease;
    }

    .ftLink:hover{
      transform:translateY(-3px);
    }

    .ftPlus{
      font-size:.45em;
      opacity:.6;
      margin-right:10px;
    }

    /* POSITIONING */

    .ftLink1{
      top:10px;
      left:58%;
    }

    .ftLink2{
      top:92px;
      right:85px;
    }

    .ftLink3{
      top:95px;
      left:40%;
    }

    .ftLink4{
      top:272px;
      right:78px;
    }

    .ftLink5{
      top:183px;
      left:66%;
      transform:translateX(-50%);
    }
     .ftLink6{
      top:278px;
      left:50%;
      transform:translateX(-50%);
    }
     .ftLink7{
      top:350px;
      left:68%;
      transform:translateX(-50%);
    }

    /* =========================
       BOTTOM AREA
    ========================= */

    .ftBottom{
      display:grid;

      grid-template-columns:
        1.5fr
        1fr
        1fr;

      gap:90px;

      margin-top:120px;
      padding:0 5px 50px;
    }

    /* =========================
       BRAND
    ========================= */

    .ftLogo{
      width:290px;
      margin-bottom:28px;
    }

    .ftBrandText{
      max-width:430px;

      font-size:20px;
      line-height:1.6;

      color:rgba(255,255,255,.82);
    }

    /* =========================
       INFO
    ========================= */

    .ftInfo h4{
      font-size:18px;
      letter-spacing:.08em;

      margin-bottom:26px;
      color:#fff;
    }

    .ftInfo p{
      font-size:17px;
      line-height:1.8;

      color:rgba(255,255,255,.8);

      margin-bottom:30px;
    }

    /* =========================
       SOCIAL
    ========================= */

    .ftSocialTitle{
      margin-top:30px;
    }

    .ftSocials{
      display:flex;
      gap:18px;
    }

    .ftSocials a{
      width:52px;
      height:52px;

      border:1px solid rgba(255,255,255,.25);
      border-radius:14px;

      display:flex;
      align-items:center;
      justify-content:center;

      color:#fff;
      font-size:24px;

      transition:.35s ease;
    }

    .ftSocials a:hover{
      background:#fff;
      color:#111;
    }

    /* =========================
       COPYRIGHT
    ========================= */

    .ftCopy{
      border-top:1px solid rgba(255,255,255,.15);

      text-align:center;

      padding-top:22px;

      font-size:12px;
      letter-spacing:.14em;

      color:rgba(255,255,255,.48);
    }

    /* =========================
       RESPONSIVE
    ========================= */

    @media(max-width:991px){

      #siteFooter{
        padding:0px 20px 25px;
      }

      .ftCard{
        display:none;
        padding:50px 30px;
        min-height:auto;
      }

      .ftCard::before,
      .ftCard::after{
        width:90px;
        height:90px;
      }

      .ftCardInner{
        min-height:auto;
      }

      .ftLeft,
      .ftDescSub,
      .ftLink{
        position:relative;

        left:auto;
        right:auto;
        top:auto;
        bottom:auto;

        transform:none !important;
      }

      .ftDescSub{
        width:100%;
        margin-top:35px;
      }

      .ftNav{
        display:flex;
        flex-direction:column;
        gap:28px;

        margin-top:60px;
      }

      .ftLink{
        font-size:46px;
      }

      .ftBottom{
        grid-template-columns:1fr;
        gap:50px;
        margin-top:25px;
        padding:0 0px 70px;
      }

      .ftLogo{
        width:220px;
      }

      .ftBrandText{
        font-size:17px;
      }

    }