/* F&K — Family Card */

/* =========================================
   FAMILY CARD
========================================= */

.fk-family-card {
    color:inherit;
    text-decoration:none;
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(17,17,17,.035);
    border-radius:14px;
    box-shadow:
        0 10px 28px rgba(0,0,0,.055),
        0 2px 6px rgba(0,0,0,.025);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.fk-family-card:hover,
.fk-family-card:focus-visible {
    transform:translateY(-4px);
    box-shadow:
        0 16px 36px rgba(0,0,0,.085),
        0 3px 8px rgba(0,0,0,.035);
}

.fk-family-card-image {
    position:relative;
    height:176px;
    overflow:hidden;
    background:#eee;
}

.fk-family-card-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.fk-family-card:hover .fk-family-card-image img {
    transform:scale(1.025);
}



.fk-family-card-content {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:20px 24px 21px;
}

.fk-family-card-content h3 {
    margin:0 0 8px;
    color:#111827;
    font-size:18px;
    line-height:1.2;
    letter-spacing:-.015em;
    font-weight:800;
}

.fk-family-card-content p {
    margin:0 0 18px;
    color:#626873;
    font-size:14px;
    line-height:1.55;
}

@media(max-width:700px) {

    .fk-family-card-image {
        height:210px;
    }

}

/* MOBILE FAMILY CARDS */
@media (max-width: 700px) {

    .fk-family-card-image {
        height: 170px;
    }

    .fk-family-card-content {
        padding: 16px 18px 17px;
    }

    .fk-family-card-content h3 {
        margin-bottom: 6px;
        font-size: 17px;
    }

    .fk-family-card-content p {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 1.45;
    }
}