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

.about{

    padding:140px 0;

    background:#fafafa;

}

.section-header{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

}

.section-tag{

    display:inline-block;

    margin-bottom:18px;

    color:var(--accent-color);

    letter-spacing:4px;

    font-size:13px;

    font-weight:600;

}

.section-header h2{

    font-size:clamp(34px,5vw,54px);

    line-height:1.2;

}

.about-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:32px;

    display:block;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.about-content p{

    margin-bottom:40px;

    font-size:17px;

}

.about-info{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

.info-card{

    padding:24px;

    border:1px solid var(--border-color);

    border-radius:22px;

    background:#fff;

    transition:var(--transition);

}

.info-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.info-card span{

    display:block;

    margin-bottom:10px;

    color:var(--text-light);

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:2px;

}

.info-card h3{

    font-size:24px;

}

.about-stats{

    margin-top:80px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.stat-card{

    padding:40px;

    background:#fff;

    text-align:center;

    border-radius:28px;

    border:1px solid var(--border-color);

}

.stat-card h3{

    font-size:52px;

    margin-bottom:10px;

}

.stat-card p{

    margin:0;

}