.project-gallery{display:grid;gap:clamp(72px,10vw,140px);margin-top:clamp(48px,7vw,92px)}.project-block header{display:grid;grid-template-columns:52px minmax(0,680px);gap:24px;align-items:start;margin-bottom:28px}.project-block header>span{color:#b57845;font:600 11px/1 "DM Sans",sans-serif;letter-spacing:.16em;padding-top:9px}.project-block small{display:block;color:#8d908e;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.project-block h3{margin:0;color:#fff;font:600 clamp(29px,3.5vw,48px)/.98 "Cormorant Garamond",serif;max-width:620px}.project-grid{display:grid;grid-template-columns:1.55fr .75fr;grid-template-rows:repeat(2,minmax(220px,34vh));gap:12px}.project-grid a{display:block;position:relative;overflow:hidden;background:#171818}.project-grid .project-hero{grid-row:1/3}.project-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.project-grid a:hover img{transform:scale(1.025)}.facade-grid .project-hero img{object-position:50% 42%}.facade-grid a:nth-child(2) img{object-position:50% 48%}.roof-grid .project-hero img{object-position:50% 40%}.roof-grid a:nth-child(2) img{object-position:50% 45%}.craft-grid .project-hero img{object-position:50% 42%}.craft-grid a:nth-child(2) img{object-position:50% 48%}.craft-grid a:nth-child(3) img{object-position:52% 38%}@media(max-width:800px){.project-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(360px,55vh) 260px}.project-grid .project-hero{grid-column:1/3;grid-row:auto}.project-block header{grid-template-columns:36px 1fr;gap:12px}}@media(max-width:560px){.project-gallery{gap:72px}.project-block header{display:block;text-align:center}.project-block header>span{display:block;margin-bottom:12px}.project-grid{grid-template-columns:1fr;grid-template-rows:340px 240px 240px;gap:8px}.project-grid .project-hero{grid-column:auto}.project-block h3{font-size:34px}.project-grid a{min-height:0}}

@media(max-width:560px){.project-block header>span,.project-block small{font-size:13px}}

/* Réalisations : diptyques à cadrage intégral et vidéo de chantier */
.gallery-hero{min-height:560px;max-height:720px;background:radial-gradient(circle at 80% 30%,rgba(184,122,64,.2),transparent 38%),linear-gradient(125deg,#171817,#090a0a 72%)}
.gallery-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.3),transparent)}
.before-after-gallery{display:grid;gap:clamp(52px,7vw,88px);margin-bottom:86px}
.before-after-project{width:100%;max-width:920px;margin-inline:auto}.before-after-project header{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:22px}
.before-after-project header span{color:var(--copper2);font-size:13px;letter-spacing:.15em;text-transform:uppercase}
.before-after-project h3{margin:0;font:600 clamp(34px,3.5vw,52px)/.98 var(--serif)}
.before-after-project header p{width:100%;max-width:680px;margin:0;color:#aaa49c;font-size:15px;line-height:1.6}
.before-after-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;overflow:hidden;border-radius:18px;background:#8a7967}
.before-after-pair figure{position:relative;display:grid;place-items:center;min-width:0;margin:0;background:#181919}
.before-after-pair img{display:block;width:100%;height:auto;object-fit:contain}
.before-after-pair figcaption{position:absolute;top:18px;left:18px;padding:10px 14px;background:rgba(11,12,12,.8);color:#f4eee6;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.gallery-film{display:grid;grid-template-columns:1fr minmax(230px,390px);align-items:center;gap:8vw;padding:72px 0 100px;border-top:1px solid var(--line)}
.gallery-film h2{margin:0 0 18px;font:600 clamp(44px,5vw,74px)/.9 var(--serif)}
.gallery-film p{color:#aaa49c;font-size:16px;line-height:1.7}
.gallery-film-frame{position:relative;overflow:hidden;border-radius:18px;background:#171818}
.gallery-film-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(198,153,101,.035)}
.gallery-film video{display:block;width:100%;height:auto;max-height:700px;object-fit:contain}
@media(max-width:700px){.gallery-hero{min-height:490px;max-height:none}.before-after-gallery{gap:56px;margin-bottom:64px}.before-after-project header{display:block}.before-after-project header span{display:block;margin-bottom:12px}.before-after-project header p{margin-top:14px}.before-after-project{max-width:390px}.before-after-pair{grid-template-columns:1fr;gap:2px;border-radius:16px}.before-after-pair figcaption{top:12px;left:12px}.gallery-film{grid-template-columns:1fr;gap:25px;padding:60px 0 70px}.gallery-film-frame{width:min(100%,390px);margin:auto}}

/* Ajustements ciblés de la page Réalisations */
.gallery-film{padding-bottom:50px}
.gallery-return{display:flex;justify-content:flex-start}
.gallery-back-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid rgba(230,189,130,.55);border-radius:999px;background:rgba(198,153,101,.07);color:var(--copper2);font:600 12px/1.3 var(--sans);letter-spacing:.06em;transition:color .2s,border-color .2s}
.gallery-back-link:hover,.gallery-back-link:focus-visible{color:#f5f1ea;border-color:#f5f1ea}
.roof-project .before-after-pair figure{aspect-ratio:9/5;overflow:hidden}
.roof-project .before-after-pair img{position:absolute;top:-122%;left:0;width:180%;max-width:none;height:auto;object-fit:unset}
@media(max-width:700px){.gallery-film{padding-bottom:40px}.gallery-back-link{min-height:48px}.roof-project .before-after-pair figure{aspect-ratio:3/4}.roof-project .before-after-pair img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover}}