/* -------------------------------------------------------------
   Projects Page — Specific Styles
   Loaded only on: projects.html
   ------------------------------------------------------------- */

.pgc-image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    flex-shrink: 0;
}

.pgc-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}

.project-grid-card:hover .pgc-image img {
    transform: scale(1.04);
}

.projects-full-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 992px) {
    .projects-full-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
    .projects-full-grid { grid-template-columns: 1fr; }
}