/* ═══════════════════════════════════════════════════
   PROJECT SINGLE
   Inherits product-* classes for shared styling.
   Add project-specific overrides below.
   ═══════════════════════════════════════════════════ */

/* ── Project Listing Grid ────────────────────────── */
.project-listing {
    padding-block: var(--spacing-section, 160px);
    .container {
        padding-top: 0 !important;
    }
    .project-listing__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 30px;
    }
}

/* ── Project Card ────────────────────────────────── */
.project-card {
    .project-card__link {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .project-card__image {
        overflow: hidden;

        img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
    }

    .project-card__link:hover .project-card__image img {
        transform: scale(1.03);
    }

    .project-card__content {
        padding: 20px 0;
    }

    .project-card__title {
        font-family: var(--font-mada);
        font-size: 30px;
        font-weight: 700;
        color: #000;
        line-height: normal;
        padding-bottom: 0;
    }

    .project-card__location {
        font-family: var(--font-mada);
        color: var(--LA-black, #000);
        font-family: Mada;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        /* 144.444% */
        color: #555;

        p {
            margin: 0;
        }
    }
}

/* ── Split Section overlapping modifier ──────────── */
.product-split--overlapping {
    position: relative;
    margin-top: -20px;
    z-index: 1;
}