:root{--ink:#182330;--paper:#fbfaf8;--gold:#d5a65b;--line:#ded8cf;--muted:#5e6266}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.heroReal{min-height:510px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(18,25,31,.78),rgba(18,25,31,.22)),url('photos/elements-architecturaux/01.png') center/cover no-repeat;color:#fff}
.heroReal .heroInner{padding:72px 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#e1b97f;font-weight:700}.heroReal h1{font:clamp(48px,6vw,76px)/1 Georgia,serif;margin:16px 0 22px;color:#fff}.heroReal p{font-size:18px;line-height:1.6;margin:0;max-width:680px;color:#fff}
.introReal{padding:72px 0 44px;display:grid;grid-template-columns:.9fr 1.2fr;gap:70px}.introReal h2{font:42px/1.08 Georgia,serif;margin:10px 0 0}.introReal>p{line-height:1.8;color:#555;margin:0}
.realisationFilters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.realisationFilters a{border:1px solid #d8d0c2;padding:11px 16px;text-decoration:none;color:#182330;background:#fff;font:600 13px Arial}.realisationFilters a:hover{background:#182330;color:#fff}
.categoryCards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 0 76px}.categoryCard{position:relative;display:block;height:390px;overflow:hidden;background:#222;text-decoration:none}.categoryCard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.categoryCard:hover img{transform:scale(1.025)}.categoryCard:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.categoryCard span{position:absolute;left:24px;bottom:22px;color:#fff;font:700 28px Georgia,serif;z-index:2}
.siteFooter{background:#111820;color:#fff;padding:32px 0 18px}.footerRow{display:flex;align-items:center;gap:36px}.footerBrand img{width:220px;height:68px;object-fit:contain}.footerContact{display:flex;gap:22px;align-items:center;margin-left:auto;font:13px Arial}.footerContact a{color:#fff;text-decoration:none}.facebookLink{width:42px;height:42px;border-radius:50%;overflow:hidden;display:block}.facebookLink img{width:100%;height:100%;object-fit:cover}.copyright{border-top:1px solid #35404b;margin-top:24px;padding-top:14px;display:flex;justify-content:space-between;font:11px Arial;color:#b9c0c6}
@media(max-width:800px){.introReal{grid-template-columns:1fr;gap:22px}.categoryCards{grid-template-columns:1fr}.heroReal{min-height:440px}.footerRow,.footerContact{flex-direction:column;align-items:flex-start}.footerContact{margin-left:0}.copyright{gap:18px;flex-wrap:wrap}}