/* ==========================================================
   ABOUT
========================================================== */

.about{

    background: #18120E;

    padding: 140px 0;

}

/* ==========================
   GRID
========================== */

.about-grid{

    display:grid;

    grid-template-columns:560px 1fr;

    gap:90px;

    align-items:center;

}

/* ==========================
   IMAGEM
========================== */

.about-image{

    overflow:hidden;

    border-radius:24px;

}

.about-image img{

    width:100%;

    height:760px;

    object-fit:cover;

    display:block;

}

.about-image:hover img{

    transform:scale(1.03);

}

/* ==========================
   TEXTO
========================== */

.about-content{

    max-width:560px;

}

.about-content h2{

    margin:22px 0 30px;
    font-size:3.4rem;
    line-height:1.1;

}

.about-content p{

    margin-bottom:24px;

    color:var(--color-text-light);

     line-height:2;

}

.about-content .btn{

    margin-top:0;

}

.about-content .btn{

    width:260px;

    height:60px;

    font-size:1rem;

    margin-top:8px;

}