/*
=================================
ESTILISTA
=================================
*/

#stylist{

    padding:100px 0;

    background:#FFF;

}

.stylist-wrapper{

    display:flex;

    align-items:center;

}

/*=====================
FOTO
======================*/

.stylist-image{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    box-shadow:0 15px 45px rgba(0,0,0,.12);

    aspect-ratio:5/5;

}

.stylist-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center top;

    display:block;

    backface-visibility:hidden;

    transform:translateZ(0);

    filter:contrast(1.03);

}

@media (max-width:768px){

    .stylist-image img{

        height:360px;
        object-fit:cover;
        
        object-position:center top;

    }

}

/*=====================
FIRMA
======================*/

.stylist-signature{

    position:absolute;

    right:35px;

    bottom:35px;

    text-align:right;

}

.stylist-signature h2{

    margin:0;

    font-family:'Great Vibes', cursive;

    font-size:90px;

    color:#D4AF37;

    font-weight:400;

    line-height:1;

    text-shadow:
        0 3px 8px rgba(0,0,0,.35);

}

.stylist-signature span{

    display:inline-block;

    margin-top:8px;

    letter-spacing:8px;

    color:#FFF;

    font-size:18px;

    font-weight:600;

    text-shadow:
        0 2px 5px rgba(0,0,0,.45);

}

.section-mini{

    color:#C79B30;

    letter-spacing:4px;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

}

.stylist-title{

    margin:20px 0;

    font-size:65px;

    font-family:'Playfair Display',serif;

}

.stylist-title span{

    color:#C79B30;

}

.stylist-description{

    font-size:20px;

    line-height:38px;

    color:#555;

    margin-bottom:50px;

}

.stylist-stats{

    display:flex;

    justify-content:space-between;

    margin:55px 0;

}

.stylist-stats div{

    text-align:center;

    flex:1;

}

.stylist-stats i{

    font-size:38px;

    color:#D4AF37;

    margin-bottom:18px;

}

.stylist-stats strong{

    display:block;

    font-size:28px;

    color:#222;

}

.stylist-stats span{

    color:#666;

}

.btn-stylist{

    display:inline-block;

    background:#D4AF37;

    color:#000;

    padding:18px 35px;

    border-radius:8px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.btn-stylist:hover{

    background:#000;

    color:#FFF;

}

@media(max-width:992px){

    .stylist-wrapper{

        display:block;

    }

    .stylist-image{

        margin-bottom:50px;

    }

    .stylist-image img{

        height:500px;

    }

    .stylist-title{

        font-size:46px;

    }

    .stylist-description{

        font-size:18px;

    }

}

@media(max-width:768px){

    .stylist-signature{

        right:20px;

        bottom:20px;

    }

    .stylist-signature h2{

        font-size:65px;

    }

    .stylist-signature span{

        font-size:13px;

        letter-spacing:5px;

    }

    .stylist-stats{

        display:block;

    }

    .stylist-stats div{

        margin-bottom:35px;

    }

}