.featured-projects{

    padding:100px 0;

    background:#f8fafc;

}

.featured-projects h2{

    text-align:center;

    font-size:42px;

}

.section-subtitle{

    text-align:center;

    color:#666;

    margin:20px auto 60px;

    max-width:700px;

}

.project-grid{

    display:grid;

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

    gap:30px;

}

.project-card{

    background:white;

    border-radius:14px;

    padding:35px;

    transition:.25s;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

}

.project-card:hover{

    transform:translateY(-8px);

}

.project-card h3{

    margin-bottom:20px;

}

.project-card p{

    line-height:1.8;

    color:#555;

    margin-bottom:25px;

}

.project-card span{

    color:#2563eb;

    font-weight:600;

}

@media(max-width:900px){

.project-grid{

grid-template-columns:1fr;

}

}