/* ————— Spécifique Réalisations ————— */
.hero.compact{min-height:66vh}
.stats{display:flex;gap:5vw;margin-top:44px}
.stat .n{font-family:var(--serif);font-size:clamp(38px,4.6vw,64px);color:var(--rose)}
.stat .l{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-top:4px}

.filters{display:flex;gap:10px;flex-wrap:wrap;padding:0 4vw 8px;position:relative;z-index:2}
.filter{font-family:var(--sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid var(--hairline);padding:12px 22px;border-radius:40px;cursor:pointer;transition:color .3s,border-color .3s,background .3s}
.filter:hover{color:var(--blanc);border-color:rgba(232,175,175,.5)}
.filter.active{background:var(--bordeaux);border-color:var(--bordeaux);color:var(--blanc)}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:34px 4vw 0}
.gallery .work{aspect-ratio:16/10}
.gallery .work.feat{grid-column:span 2;aspect-ratio:auto}
.gallery .work.hidden{display:none}
.gallery .work.feat .meta h3{font-size:clamp(26px,2.4vw,34px)}
.g1 .img{background:linear-gradient(150deg,#5E1B26,#20090D 70%)}
.g2 .img{background:linear-gradient(210deg,#7A2430,#170A0D 65%)}
.g3 .img{background:linear-gradient(170deg,#3D1119,#0E0507 60%,#4A1520)}
.g4 .img{background:linear-gradient(120deg,#4A1520,#1B0C10 60%)}
.g5 .img{background:linear-gradient(200deg,#6B2130,#140A0D 70%)}
.g6 .img{background:linear-gradient(160deg,#2E0E14,#57202B 80%)}

@media(max-width:860px){
  .gallery{grid-template-columns:1fr}
  .stats{flex-wrap:wrap;gap:26px}
}