/* RÃ©novation premium â€” galerie de projets */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.portfolio-card{overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.portfolio-image{aspect-ratio:4/3;overflow:hidden;background:var(--bg)}
.portfolio-image img{width:100%;height:100%;object-fit:cover}
.portfolio-image--empty{background:linear-gradient(145deg,#eef0f3,#e0e5ec);border-bottom:1px solid var(--line)}
.portfolio-caption{padding:1.4rem 1.5rem 1.5rem}
.portfolio-caption::before{content:"";display:block;width:2rem;height:2px;background:var(--gold);margin-bottom:1rem}
.portfolio-title{font-size:1.15rem;margin:0 0 .65rem}
.portfolio-title:empty{height:1.15rem;width:72%;border-radius:3px;background:#e9edf2}
.portfolio-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.9rem;margin:0}
.portfolio-location:empty,.portfolio-year:empty{display:block;height:.7rem;border-radius:3px;background:#eff1f4}
.portfolio-location:empty{width:42%}
.portfolio-year:empty{width:18%}
.portfolio{scroll-margin-top:7rem}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}}
