/* Our Projects — heading row + peek-carousel track + view-more CTA. */
.our-projects { background: var(--brand-white); padding: 100px 0; overflow: hidden; }
.projects-heading-row {
    max-width: var(--content-max);
    margin: 0 auto 48px;
    padding: 0 var(--gutter);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.projects-heading-row h2 { color: var(--brand-teal); }
.projects-nav { display: flex; gap: 8px; }

.projects-track-wrap { overflow: hidden; }
.projects-track {
    display: flex;
    gap: 32px;
    margin-left: calc(var(--gutter) - 490px);
    transition: transform 0.4s ease;
    width: max-content;
}
.project-card { width: 621px; max-width: 84vw; flex-shrink: 0; }
.project-card-img { width: 100%; height: 466px; border-radius: 20px; overflow: hidden; }
.project-card-img img { width: 100%; height: 100%; object-fit: cover; }
.project-card-meta { display: flex; align-items: flex-end; gap: 16px; margin-top: 32px; }
.project-card-text { flex: 1; display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.project-card-text h3 { color: var(--brand-teal); }
.project-card-location { font-family: var(--font-heading); font-weight: 600; font-size: 16px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--tint-teal-80); margin: 0; }

.projects-view-more { display: flex; justify-content: center; margin-top: 48px; }

@media (max-width: 991.98px) {
    .projects-track { padding-left: var(--gutter); }
    .project-card { width: 560px; }
}

@media (max-width: 767.98px) {
    .project-card { width: 82vw; }
    .project-card-img { height: 320px; }
}