/* Réalisations reuses Construction visual language and adds project/image layouts. */
.realisations-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.realisations-grid.reverse .demo-image{order:2}.realisations-grid.reverse .realisation-copy{order:1}
.demo-image{min-height:390px;border-radius:12px;border:1px solid #dcecf5;background:linear-gradient(135deg,#eaf8fe,#d9f1fb 50%,#f8fcff);display:grid;place-items:center;text-align:center;box-shadow:0 18px 42px rgba(10,53,83,.1);position:relative;overflow:hidden}
.demo-image:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(20,171,227,.12);right:-55px;top:-45px}.demo-image:after{content:"";position:absolute;width:160px;height:80px;border:2px solid rgba(7,119,174,.15);border-radius:50%;left:35px;bottom:42px}
.demo-image span{position:relative;z-index:2;font-size:18px;font-weight:900;color:#0a79b4;letter-spacing:.04em}.demo-image small{font-size:13px;font-weight:700;color:#648296}
.realisation-copy h3{font-size:30px;color:#062d50;margin:0 0 12px}.realisation-copy p{font-size:17px;line-height:1.75;color:#617789}.realisation-copy .btn{margin-top:8px;color:#fff}
@media(max-width:850px){.realisations-grid{grid-template-columns:1fr}.realisations-grid.reverse .demo-image,.realisations-grid.reverse .realisation-copy{order:initial}.demo-image{min-height:300px}}