/* ==========================================
   PROJECTS PAGE
   ========================================== */


/* Page header */

.page-header {

    margin-bottom:3rem;

    text-align:center;

}


.page-header h1 {

    font-size:2.5rem;

    font-weight:700;

    margin-bottom:1rem;

}


.page-header p {

    max-width:700px;

    margin:auto;

    color:var(--text-secondary);

    font-size:1.1rem;

}





/* Projects grid */

.projects-grid {

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:2rem;

}





/* Project card */

.project-card {

    background:rgba(30,41,59,.85);

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    overflow:hidden;

    transition:.3s ease;

    box-shadow:0 10px 30px rgba(0,0,0,.2);

}



.project-card:hover {

    transform:translateY(-8px);

    border-color:rgba(59,130,246,.4);

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

}
.project-card img {

    width:100%;

    height:50px;

    object-fit:cover;

}





/* Image */

.project-image {

    width:100%;

    height:220px;

    overflow:hidden;

    background:#0f172a;


}



.project-image img {

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s ease;

}



.project-card:hover .project-image img {

    transform:scale(1.05);

}





/* Content */

.project-content {

    padding:1.8rem;

}



.project-content h2 {

    font-size:1.4rem;

    margin-bottom:1rem;

}



.project-content p {

    color:var(--text-secondary);

    line-height:1.7;

    min-height:80px;

}





/* Technologies */

.project-technologies {

    display:flex;

    flex-wrap:wrap;

    gap:.7rem;

    margin:1.5rem 0;

}
/* Actions */

.project-actions {

    margin-top:1.5rem;

}