section.service{height:auto;min-height:100vh;padding-bottom:var(--gap-padding);padding-top:var(--container-padding)}section.service #lcp{color:var(--light);margin:30px auto 50px;text-align:center;width:70%}section.service #lcp svg{fill:var(--light);stroke:transparent;height:auto;margin:var(--gutter);width:30%}section.service #lcp .h2,section.service #lcp h2{font-size:var(--font-l);hyphens:none;text-wrap:balance}section.service .container-narrow{align-items:center;display:flex;flex-direction:column;justify-content:center}section.service .container-narrow .listing{--l:3}.fix .background_image picture{border-radius:5vw;transition:var(--slow-transition);width:90%}section.about .container-narrow{padding:2% 0}section.about .container-narrow .paragraph{font-size:var(--font-l);text-align:center;text-wrap:balance}section.infos .container{align-items:center;background-color:var(--blue-10);border-radius:5vw;display:flex;flex-direction:column;justify-content:center;padding:8%}section.infos .container>.paragraph{text-align:center}section.infos .container ul{display:flex;flex-direction:column;gap:6em;margin-top:var(--section-padding);width:100%}section.infos .container ul li{align-items:center;display:flex}section.infos .container ul li:nth-child(2n){flex-direction:row-reverse}section.infos .container ul li:nth-child(2n) picture{margin-left:var(--section-padding);margin-right:0;rotate:5deg}section.infos .container ul li .paragraph{display:grid;gap:2em;max-width:50em;text-wrap:balance;width:100%}section.infos .container ul li picture{margin-right:var(--section-padding);max-width:20%;rotate:-5deg}section.infos .container ul li picture:before{-webkit-animation:pulse-animation 2s ease-in-out infinite;animation:pulse-animation 2s ease-in-out infinite;background:rgb(var(--blue-rgb),50%);content:"";filter:blur(100px);height:100%;position:absolute;width:100%}@-webkit-keyframes pulse-animation{0%{scale:1}50%{scale:.8}to{scale:1}}@keyframes pulse-animation{0%{scale:1}50%{scale:.8}to{scale:1}}.projects .container{background-color:var(--dark);border-radius:5vw;box-shadow:var(--shadow-soft);isolation:isolate;overflow:hidden}.projects .container h2{color:var(--light);display:flex;font-size:16vw;justify-content:center;position:absolute;top:0;width:100%;z-index:0}.projects .container [data-swiper-type-value=large] .swiper{margin-top:0}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide{align-items:center;display:flex;height:80vh;justify-content:center}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide>picture{filter:blur(10px);height:100%;opacity:.6;width:100%}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide>picture img{object-fit:cover}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content{align-items:center;color:var(--light);display:flex;flex-direction:column;justify-content:center;opacity:0;padding:2em;position:absolute;text-align:center;transform:translateY(10%);transition:var(--slow-transition);transition-delay:1s;z-index:2}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content picture{align-items:center;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;isolation:isolate;justify-content:center;max-height:42vh;max-width:40em;overflow:hidden}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content>*+*{margin-top:var(--gutter)}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content h3{font-size:var(--font-xl)}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content .btn{pointer-events:auto}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content .tags_project{justify-content:center}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content .tags_project span{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgb(var(--light-rgb),10%);color:var(--light)}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide.swiper-slide-active .content{opacity:1;transform:translateY(0)}.projects .container [data-swiper-type-value=large] .swiper .swiper-nav{bottom:40%;justify-content:space-between;left:0;margin:auto;position:absolute;right:0;width:90%;z-index:1}.projects .container [data-swiper-type-value=large] .swiper .swiper-nav button{height:80px;width:80px}section.news .container{background-color:var(--blue-10);border-radius:5vw;display:flex;flex-direction:column;isolation:isolate;justify-content:center;overflow:hidden;padding:8% 2%}section.news .container>*+*{margin-top:var(--gap-padding)}section.news .container .swiper-nav{justify-content:flex-end}.newsletter .container{align-items:center;background-color:var(--dark);border-radius:5vw;box-shadow:var(--shadow-soft);color:var(--light);display:flex;flex-direction:column;padding:var(--section-padding)}.newsletter .container input{border-radius:var(--radius-100);max-width:60em}.modal-info{background-color:var(--blue-10);border-radius:var(--radius);bottom:1em;color:var(--blue);font-size:14px;left:1em;margin-top:1em;padding:2em;position:fixed;text-wrap:balance;width:calc(100% - var(--min-gutter) - 120px - 2em);z-index:99}.modal-info .popup_close{cursor:pointer;position:absolute;right:1em;top:1em;z-index:2}.modal-info .popup_close svg{height:30px;width:30px}@media screen and (max-width:1125px){.fix section.service .background_image picture{width:96%}}@media screen and (max-width:1024px){section.service #lcp svg{width:50%}section.service .container-narrow .listing{--l:1}}@media screen and (max-width:800px){section.about .container-narrow .paragraph{font-size:var(--font-m);text-wrap:wrap}section.infos .container{padding:8% 2%}section.infos .container ul{gap:0;margin-top:var(--gutter)}section.infos .container ul li{background-color:var(--blue-10);border-radius:var(--radius);flex-direction:column;gap:1em;isolation:isolate;overflow:hidden;padding:2em var(--min-gutter);text-align:center}section.infos .container ul li:nth-child(2n){background-color:transparent;flex-direction:column}section.infos .container ul li:nth-child(2n) picture{margin-left:0}section.infos .container ul li picture{margin-right:0}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide>picture{filter:blur(0)}.projects .container [data-swiper-type-value=large] .swiper .swiper-slide .content picture{display:none;visibility:hidden}.projects .container [data-swiper-type-value=large] .swiper .swiper-nav{bottom:4%}}