/* =====================================================
   ZKR REAL ESTATE — CONTACT HOME
===================================================== */

.zkr-contact-home {
    background: #0a0a0a;
    color: #f4f2ed;

    padding:
        clamp(100px, 10vw, 140px)
        32px
        25px;
}


.zkr-contact-home__container {
    width: min(1280px, 100%);
    margin: 0 auto;
}


/* =====================================================
   MAIN
===================================================== */

.zkr-contact-home__main {
    display: grid;

    grid-template-columns:
        1.2fr
        .65fr;

    gap: 80px;

    align-items: end;

    margin-top: 65px;
    margin-bottom: 35px;
}


/* TITLE */

.zkr-contact-home__heading h2 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(68px, 7vw, 105px);

    line-height: .88;

    letter-spacing: -5px;

    font-weight: 400;
}


.zkr-contact-home__heading h2 em {
    font-style: italic;
    font-weight: 400;
}


/* TEXT */

.zkr-contact-home__content {
    max-width: 430px;
}


.zkr-contact-home__content p {
    margin: 0;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 16px;

    line-height: 1.65;

    color:
        rgba(244,242,237,.68);
}


/* =====================================================
   WHATSAPP
===================================================== */

.zkr-contact-home__whatsapp {
    width: 100%;

    min-height: 54px;

    margin-top: 32px;

    padding:
        0 22px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    border-radius: 999px;

    background: #f4f2ed;
    color: #0a0a0a;

    text-decoration: none;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 10px;

    letter-spacing: 1px;

    transition:
        background 180ms ease,
        transform 180ms ease;
}


.zkr-contact-home__whatsapp:hover {
    background: #d4c7b6;

    transform: translateY(-2px);
}


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

.zkr-contact-home__footer {
    padding-top: 28px;

    border-top:
        1px solid rgba(244,242,237,.18);

    display: flex;

    align-items: flex-end;
    justify-content: space-between;
}


.zkr-contact-home__socials {
    display: flex;

    gap: 25px;
}


.zkr-contact-home__socials a {
    color: #f4f2ed;

    text-decoration: none;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 9px;

    letter-spacing: 1px;

    opacity: .65;
}


.zkr-contact-home__brand {
    font-family:
        Didot,
        Georgia,
        serif;

    font-size:
        clamp(26px, 3vw, 42px);

    font-style: italic;
}


/* =====================================================
   TABLET
===================================================== */

@media (min-width: 768px) and (max-width: 1180px) {

    .zkr-contact-home {
        padding:
            96px
            24px
            35px;
    }


    .zkr-contact-home__main {
        grid-template-columns:
            1fr
            .75fr;

        gap: 50px;

        margin-bottom: 90px;
    }


    .zkr-contact-home__heading h2 {
        font-size:
            clamp(60px, 7vw, 80px);

        letter-spacing: -4px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .zkr-contact-home {
        padding:
            72px
            20px
            28px;
    }


    .zkr-contact-home__main {
        display: block;

        margin-top: 45px;
        margin-bottom: 75px;
    }


    .zkr-contact-home__heading h2 {
        font-size:
            clamp(52px, 14vw, 64px);

        line-height: .92;

        letter-spacing: -3px;
    }


    .zkr-contact-home__content {
        margin-top: 35px;
    }


    .zkr-contact-home__content p {
        font-size: 16px;
    }


    .zkr-contact-home__whatsapp {
        min-height: 54px;
    }


    .zkr-contact-home__footer {
        align-items: flex-start;

        flex-direction: column;

        gap: 30px;
    }


    .zkr-contact-home__brand {
        font-size: 30px;
    }

}