body{font-family:sans-serif;margin:3rem 0 0;padding:0;background-color:#f4f4f4;color:#333}header{background-color:#333;color:#fff;text-align:center;padding:1em 0}main{padding:20px}main h1{text-align:center;text-transform:uppercase;color:var(--primary-blue);font-weight:700;margin:1rem 0}.realisations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.realisation{background-color:#fff;border:1px solid #ddd;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.realisation img{width:100%;height:auto;display:block}.realisation p{padding:10px;margin:0;font-size:.9em;text-align:center}@media(max-width:600px){.realisations-grid{grid-template-columns:1fr}}.realisations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0}.realisation{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.realisation:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.realisation img{width:100%;height:200px;object-fit:cover;display:block}.realisation p{padding:1rem;margin:0;font-size:.95rem;color:#555}@media(max-width:768px){.realisations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}}