.projectsGrid.portfolioGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;align-items:stretch}
.portfolioGrid .portfolioCard{display:flex;flex-direction:column;min-width:0;padding:0 0 24px;border-bottom:1px solid var(--border)}
.portfolioCard .projectType{min-height:36px;margin:0 0 14px;font-size:11px;letter-spacing:.08em}
.portfolioGrid .portfolioPreview{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/10;padding:0;overflow:hidden;border:1px solid #ffffff20;border-radius:18px;background:#171719;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
/* Keep the hover outline above scaled images on every project. */
.portfolioGrid .portfolioPreview::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px #b8ff5a88;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.portfolioGrid .portfolioPreview:hover::after,.portfolioGrid .portfolioPreview:focus-visible::after{opacity:1}

.portfolioPreview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.portfolioPreview--mimo{background:#fff!important}.portfolioPreview--mimo img{object-fit:cover;object-position:center}
.portfolioPreview--mateo{background:#f5f4f0!important}.portfolioPreview--mateo img{object-fit:contain;object-position:center}
/* Frame the live Trattoria hero (y=80..712 in the 1348x926 capture), excluding navigation and the next section. */
.portfolioGrid .portfolioPreview--luce img{position:absolute;left:0;top:-12.65823%;width:auto;max-width:none;height:146.51899%;padding:0;object-fit:cover;transform-origin:35% 45%}
.portfolioGrid .portfolioPreview:hover,.portfolioGrid .portfolioPreview:focus-visible{transform:translateY(-5px);border-color:#b8ff5a88;box-shadow:0 18px 38px #b8ff5a16}
.portfolioGrid .portfolioPreview:hover img,.portfolioGrid .portfolioPreview:focus-visible img{transform:scale(1.035)}
.portfolioCard h3{font-size:clamp(24px,2.5vw,34px);line-height:1.2;margin:24px 0 12px}
.portfolioCard>p:not(.projectType){margin:0 0 20px;color:var(--muted)}
.portfolioCard .chips{margin-top:auto}.portfolioCard>.textLink{align-self:flex-start;margin-top:12px}
@media(max-width:700px){.projectsGrid.portfolioGrid{grid-template-columns:1fr;gap:32px}.portfolioCard .projectType{min-height:0}.portfolioCard h3{margin-top:20px}}
@media(hover:none){.portfolioPreview .projectExplore--overlay{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.portfolioGrid .portfolioPreview,.portfolioPreview img,.portfolioGrid .portfolioPreview::after{transition:none}.portfolioGrid .portfolioPreview:hover,.portfolioGrid .portfolioPreview:focus-visible,.portfolioGrid .portfolioPreview:hover img,.portfolioGrid .portfolioPreview:focus-visible img{transform:none}}