.realisations-gallery__filter{background:rgba(0,0,0,0);color:#17204b;cursor:pointer}.realisations-gallery__filter.is-active{background:#17204b;color:#fff}.realisations-gallery__filter:hover:not(.is-active){background:rgba(23,32,75,.08)}.realisations-gallery__item{transition:opacity .3s ease,transform .3s ease}.realisations-gallery__item.is-hidden{display:none}.realisations-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.realisations-lightbox.is-open{opacity:1}.realisations-lightbox__overlay{position:absolute;inset:0;background:rgba(0,0,0,.9)}.realisations-lightbox__close{position:absolute;top:1rem;right:1rem;z-index:10;color:#fff;background:none;border:none;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .2s ease}.realisations-lightbox__close:hover{opacity:1}.realisations-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;color:#fff;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s ease,background .2s ease}.realisations-lightbox__nav:hover{opacity:1;background:hsla(0,0%,100%,.2)}.realisations-lightbox__nav--prev{left:1rem}.realisations-lightbox__nav--next{right:1rem}.realisations-lightbox__content{position:relative;z-index:5;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;pointer-events:none}.realisations-lightbox__image{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;transition:opacity .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.realisations-lightbox__image.is-loading{opacity:0}.realisations-lightbox__caption{color:#fff;font-weight:600;font-size:1rem;margin-top:.75rem;text-align:center}.realisations-lightbox__caption:empty{display:none}.realisations-lightbox__counter{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:10;color:hsla(0,0%,100%,.6);font-size:.875rem;font-weight:500}@media(max-width: 768px){.realisations-lightbox__nav{width:40px;height:40px}.realisations-lightbox__nav svg{width:28px;height:28px}.realisations-lightbox__nav--prev{left:.5rem}.realisations-lightbox__nav--next{right:.5rem}.realisations-lightbox__content{max-width:95vw}}
