:root{--navigation-height-laptop:7rem;--navigation-height-tablet:4.25rem}.realisations{color:#003c43;font-family:Inter,sans-serif;width:100%}.realisations__header{align-items:center;aspect-ratio:900/200;background-image:url(../realisations.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;font-size:3.5rem;font-weight:700;justify-content:center;letter-spacing:.25rem}.realisations__intro{color:#333;line-height:1.6;margin:4rem auto auto;max-width:800px;text-align:center}.realisations__button{background-color:#003c43;border:1px solid #003c43;box-shadow:0 0 .25rem #00000040;color:#fff;cursor:pointer;font-size:1rem;font-weight:300;height:2.5rem;position:relative;transition:color .3s ease-in-out;width:10rem;z-index:1}.realisations__button-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:2.75rem;width:100%}.realisations__button:before{background-color:#fff;content:"";height:0;left:0;position:absolute;top:0;transition:height .3s;width:100%;z-index:-1}.realisations__button:hover:before{border:1px solid #003c43;height:100%}.realisations__button:hover{color:#003c43}.realisations__content{margin:4rem auto 3rem;max-width:1000px}.realisations__content--grid{margin-bottom:1rem;--num-cols:4;--rows-height:225px;display:grid;gap:1rem;grid-auto-rows:var(--rows-height);grid-template-columns:repeat(var(--num-cols),1fr)}.realisations__content--grid>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.realisations__content--grid-item-col-2{grid-column:span 2}.realisations__content--grid-item-row-2{grid-row:span 2}@media screen and (max-width:768px){.realisations__header{aspect-ratio:900/250;font-size:1.55rem}.realisations__content{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-top:3rem;max-width:700px}.realisations__content--grid{display:flex;flex-direction:column;gap:1.5rem;width:85%}}@media (min-width:768px) and (max-width:1024px){.realisations__header{font-size:2.5rem}.realisations__content{max-width:750px}.realisations__content--grid{--num-cols:2;--rows-height:200px}}@media screen and (max-width:1024px){.realisations__button:hover{color:#fff}.realisations__button:hover:before{border:none;height:0}.realisations__intro{margin-top:3rem;padding-left:1rem;padding-right:1rem}}