:root{--shadow-picto:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;--white-card: #FFF;--white-card-to-green: #FFF;--white-card-design-delivery: #FFF;--picto-green-to-green:#216E66;--white: #FBFBFB;--black: #2F3B40;--green: #A4F0CF;--green-dark:#216E66;--color-ville:#216E66;--background: #FBFBFB;--text-theme-color: #2F3B40;--text-theme-color-black-to-green: #2F3B40;--text-color: #2F3B40;--primary: #A4F0CF;--grey:#6F6F6F;--grey-to-white:#6F6F6F;--grey-to-green:#6F6F6F;--lighy-grey-to-light-dark: #F3F3F3;--lighy-grey-to-light-dark-2: #EDEDED;--lighy-grey-to-light-dark-3: #F7F7F7;--lighy-grey-to-light-dark-4: #EAEAEA;--white-to-light-dark: #FBFBFB;--white-to-light-dark-2: #FBFBFB;--green-to-dark: #A4F0CF;--brightness-low-to-hight:brightness(0);--green-gradient-to-dark: linear-gradient(110.93deg, rgba(228, 255, 239, 0.6) -11.54%, rgba(120, 226, 176, 0.6) 45.31%, rgba(30, 222, 249, 0.6) 130.66%);--input-background-color: #F3F3F3;--button-link-color: #216E66;--trercery-text: #2F3B40;--footer-bg:#216E66;--footer-text: #FBFBFB;--alt-green: #95E0B5;--outfit: "Outfit", sans-serif;--roboto: "Roboto", sans-serif;--up-bnt:#216E66;--up-bnt-bg:#FBFBFB;--trercery-bg:transparent;--home-expertise-card-bg:#A4F0CF;--home-expertise-card-titre:#2F3B40;--brightness: none;--black-to-white:#2F3B40;--other-gray-to-dark: #ECECEC;--rouge:#F33131;--white-to-dark-gradient: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, rgb(251, 251, 251, 1) 70%);--default-boder-gradient: linear-gradient(105.57deg, rgb(11, 110, 182) 10.8%, rgb(91, 164, 218) 40.21%, rgb(149, 224, 181) 94.5%) border-box;--white-to-dark-gradient-left-right: linear-gradient(90deg,rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(243, 243, 243, 1) 100%);--card-gradient-green-to-white: linear-gradient(96.96deg, rgba(228, 255, 239, 0.6) -26.45%, rgba(120, 226, 176, 0.6) 37.55%, rgba(74, 224, 213, 0.36) 71.93%, rgba(52, 223, 231, 0.477057) 89.14%, rgba(30, 222, 249, 0.6) 102.58%)}body.dark-mode{--alt-green: #95E0B5;--brightness-low-to-hight:brightness(99);--black-to-white:#FBFBFB;--black: #2F3B40;--picto-green-to-green:#A4F0CF;--shadow-picto:rgba(255, 255, 255, 0.2) 0px 7px 29px 0px;--brightness: brightness(10);--white-card-to-green: #A4F0CF;--white-card: #404654;--trercery-bg:#A4F0CF;--white-card-design-delivery: #353944;--white-to-light-dark: #353944;--white-to-light-dark-2: #404654;--lighy-grey-to-light-dark-3: #2c2f38;--lighy-grey-to-light-dark-4: #353944;--footer-bg:#A4F0CF;--footer-text: #353944;--background: #353944;--text-theme-color: #FBFBFB;--text-color: #2F3B40;--up-bnt:#2F3B40;--up-bnt-bg: transparent;--primary: #A4F0CF;--grey: #FBFBFB;--home-expertise-card-bg: #404654;--text-theme-color-black-to-green: #95E0B5;--lighy-grey-to-light-dark: #404654;--lighy-grey-to-light-dark-2: #EDEDED;--grey-to-white:#FBFBFB;--color-ville:#404654;--grey-to-green:#A4F0CF;--green-to-dark: #404654;--green-gradient-to-dark: #404654;--other-gray-to-dark: #6B7282;--input-background-color: #353944;--button-link-color: #A4F0CF;--white-to-dark-gradient: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, #404654 70%);--white-to-dark-gradient-left-right: linear-gradient(90deg,rgba(64, 70, 84, 1) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(64, 70, 84, 1) 100%);--card-gradient-green-to-white: linear-gradient(96.96deg, #E4FFEF -26.45%, #78E2B0 37.55%, rgba(74, 224, 213, 0.6) 71.93%, rgba(52, 223, 231, 0.795095) 89.14%, #1EDEF9 102.58%)}header{background-color:var(--background);position:relative;z-index:1000}header .navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 4rem;background-color:var(--background);height:80px}@media(max-width: 768px){header .navbar{padding:1rem}}@media(max-width: 1024px){header .navbar>a:last-of-type{display:none}}header .navbar .logo-container{display:flex;gap:50px;align-items:center}header .navbar .logo-container .logo img{height:50px;width:auto}@media(max-width: 768px){header .navbar .logo-container .logo img{height:40px}}header .navbar .nav-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}@media(max-width: 1024px){header .navbar .nav-links{display:none}}header .navbar .nav-links li{position:relative}header .navbar .nav-links li>a{text-decoration:none;color:var(--text-theme-color);font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}header .navbar .nav-links li>a:hover{color:var(--alt-green);transform:translateY(-2px)}header .navbar .nav-links li>a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--alt-green);transition:width .3s ease}header .navbar .nav-links li>a:hover::after{width:100%}header .navbar .nav-links li>a.btn{background-color:var(--button-link-color);color:var(--white);padding:.75rem 1.5rem;border-radius:8px;margin-left:1rem}header .navbar .nav-links li>a.btn::after{display:none}header .navbar .nav-links li>a.btn:hover{background-color:var(--green-dark);transform:translateY(-2px)}header .navbar .nav-links li>a.active{color:var(--alt-green)}header .navbar .nav-links li .submenu{position:absolute;top:100%;left:0;background-color:var(--background);box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;padding:1rem 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;list-style:none;margin:0}header .navbar .nav-links li .submenu li{width:100%}header .navbar .nav-links li .submenu li a{display:block;padding:.75rem 1.5rem;color:var(--text-theme-color);text-decoration:none;transition:all .3s ease;white-space:nowrap}header .navbar .nav-links li .submenu li a:hover{background-color:var(--lighy-grey-to-light-dark);color:var(--primary);transform:none}header .navbar .nav-links li .submenu li a::after{display:none}header .navbar .nav-links li:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}header .navbar .burger{display:none;cursor:pointer;z-index:1001}@media(max-width: 1024px){header .navbar .burger{display:block}}header .navbar .burger .menu{background:none;border:none;cursor:pointer;padding:0}header .navbar .burger .menu svg{width:40px;height:40px}header .navbar .burger .menu .line{fill:none;stroke:var(--text-theme-color);stroke-width:6;transition:stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1)}header .navbar .burger .menu .line1{stroke-dasharray:60 207;stroke-width:6}header .navbar .burger .menu .line2{stroke-dasharray:60 60;stroke-width:6}header .navbar .burger .menu .line3{stroke-dasharray:60 207;stroke-width:6}header .navbar .burger .menu.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}header .navbar .burger .menu.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}header .navbar .burger .menu.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}header .navbar .nav-links-mobile{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:var(--background);box-shadow:-5px 0 15px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000;padding-top:80px;overflow-y:auto}@media(max-width: 768px){header .navbar .nav-links-mobile{width:100%}}header .navbar .nav-links-mobile.active{right:0}header .navbar .nav-links-mobile ul{list-style:none;margin:0;padding:2rem}header .navbar .nav-links-mobile ul li{margin-bottom:1rem}header .navbar .nav-links-mobile ul li>a{display:block;color:var(--text-theme-color);text-decoration:none;font-weight:500;padding:1rem 0;border-bottom:1px solid var(--lighy-grey-to-light-dark);transition:color .3s ease}header .navbar .nav-links-mobile ul li>a:hover,header .navbar .nav-links-mobile ul li>a.active{color:var(--alt-green)}header .navbar .nav-links-mobile ul li>a.has-submenu::after{content:"+";float:right;font-size:1.2rem;transition:transform .3s ease}header .navbar .nav-links-mobile ul li .submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;list-style:none;margin:0;padding:0}header .navbar .nav-links-mobile ul li .submenu.active{max-height:300px}header .navbar .nav-links-mobile ul li .submenu li{margin:0}header .navbar .nav-links-mobile ul li .submenu li a{padding:.75rem 1.5rem;font-size:.9rem;border:none;color:var(--grey)}header .navbar .nav-links-mobile ul li .submenu li a:hover{color:var(--primary);background-color:var(--lighy-grey-to-light-dark)}header .navbar .nav-links-mobile ul li.submenu-open>a.has-submenu::after{transform:rotate(45deg)}header .navbar .nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}header .navbar .nav-overlay.active{opacity:1;visibility:visible}footer{background-color:var(--footer-bg);position:relative;color:var(--footer-text)}footer p{font-family:var(--roboto)}footer a{font-family:var(--roboto);color:var(--footer-text)}.footer-top{display:flex;justify-content:center;padding:75px 75px}@media screen and (max-width: 1138px){.footer-top{padding:150px 20px;flex-direction:column;padding-bottom:75px}}.footer-links{display:flex;align-items:flex-start;justify-content:space-between;gap:80px;flex-wrap:wrap}.footer-link{color:var(--footer-text) !important;display:flex;flex-direction:column;justify-content:flex-start}.footer-link p{color:var(--footer-text) !important}.footer-link a{color:var(--footer-text) !important}.footer-bottom{display:flex;justify-content:center;align-items:center}.footer-bottom>div{width:90%;border-top:1px solid var(--footer-text)}.footer-bottom p{text-align:center;padding:27px;font-size:16px;font-weight:400;color:var(--footer-text) !important}@media screen and (max-width: 602px){.footer-bottom p{display:flex;flex-direction:column;align-items:center;gap:10px}}.footer-bottom a{color:var(--footer-text) !important;text-decoration:underline;margin:0px 10px}@media screen and (max-width: 602px){.footer-bottom a{margin-right:0px}}.footer-logo{display:flex;justify-content:center;align-items:center}.footer-logo img{width:100%;height:auto}.footer h4{font-family:var(--outfit);font-size:20px;font-weight:600;color:var(--footer-text) !important}.linkedin{height:32px;width:32px}.bouton-up{border-radius:4px;border:none;background-color:var(--up-bnt-bg);z-index:1000;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.bouton-up svg{width:25px;height:25px;color:var(--up-bnt)}#bar{background-color:var(--white);height:1px;width:100%;margin-top:30px}.container-top{position:absolute;bottom:15px;right:10px}.adresse{gap:30px}.adresse .link-bold{font-weight:700;margin-bottom:10px}.liens{gap:30px}.liens p{z-index:1000}.liens a{cursor:pointer;z-index:1000}.suivre{gap:30px}.rejoingnez-nous{margin-bottom:20px}.privacy-settings{text-decoration:underline}@media screen and (max-width: 1231px){.footer-logo .footer-links{order:3;height:auto}.suivre{order:4}.adresse{gap:30px}.liens{gap:30px}.suivre{gap:30px}}@media screen and (max-width: 825px){.footer-logo .footer-links{order:3}.suivre{order:4}.adresse{gap:30px}.liens{gap:30px}.suivre{gap:30px}}@media screen and (max-width: 1138px){.footer-links{flex-direction:column;align-items:center;min-width:430px;gap:80px}.footer-logo .footer-links{order:1;margin-bottom:43px;padding:0;height:auto}#bar{margin:0}.suivre{order:4;padding:0;align-items:center}.liens{order:3;padding:0;align-items:center}.adresse{order:2;align-items:center;padding:0}.adresse p{text-align:center}.container-top{position:absolute;top:50px;right:50%;transform:translateX(50%)}}@media screen and (max-width: 608px){.footer-logo .footer-links{order:1}.suivre{order:4}.liens{order:3}.adresse{order:2}}@media screen and (max-width: 487px){.footer-links{justify-content:center;min-width:100%}.footer-logo .footer-links img{width:60vw;height:auto}}#expertise-page p{font-family:var(--roboto);line-height:30px;color:var(--grey)}#expertise-page p:nth-child(1){font-family:var(--roboto);line-height:30px;color:var(--black)}#expertise-page p{font-family:var(--roboto);line-height:30px;color:var(--grey)}#expertise-page .expertise-header{background-image:url("../img/expertise/expertise-header.jpg");width:100%;height:50vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}#expertise-page h3{margin-bottom:30px}:root{--hight-switch: 20px;--width-switch: 40px;--width-toggle: 24px;--hight-toggle: 24px}.theme-switch-container{z-index:0}.toggle-btn{background-color:var(--primary);border:none;width:var(--width-switch);height:var(--hight-switch);border-radius:99px;transition:background-color .3s ease;cursor:pointer;position:relative}.toggle-btn.toggled{background-color:var(--primary)}.toggle-btn.toggled .thumb{left:calc(var(--width-switch) - var(--hight-switch) - 4px);border-color:var(--primary);background-color:#353944}.toggle-btn .thumb{background-color:#fff;width:var(--width-toggle);height:var(--hight-toggle);border-radius:50%;position:absolute;border-radius:99px;transition:left .3s ease;transform:translateX(0);top:50%;left:0px;transform:translateY(-50%);border:var(--primary) solid 2px}.toggle-btn .icon-switch-container{height:100%;width:100%;position:relative;display:block}.toggle-btn .icon-switch-container svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:75%;width:75%}#sun-icon,#moon-icon{display:none}#sun-icon{display:block}.toggle-btn.toggled #sun-icon{display:none}.toggle-btn.toggled #moon-icon{display:block}@font-face{font-family:"Outfit";src:url("../fonts/Outfit-VariableFont_wght.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url("../fonts/Roboto-VariableFont_wdth.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--outfit);scroll-behavior:smooth}a{text-decoration:none;color:inherit}.vertclair{color:#95e0b5}.rouge{color:var(--rouge)}.scaletext{font-size:19px}.bold-500{font-weight:500}.bold-600{font-weight:600}section{overflow:hidden}body{background-color:var(--background);color:var(--text-color);transition:background-color .3s ease,color .3s ease;padding:0;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--outfit)}h1{font-size:96px;margin:0;font-weight:500;padding:0 20px}@media screen and (max-width: 834px){h1{font-size:32px !important}}h2{font-size:64px;margin:0;font-weight:500}@media screen and (max-width: 834px){h2{font-size:32px}}h3{font-size:48px;font-weight:500;margin:0}@media screen and (max-width: 834px){h3{font-size:32px}}h4{font-size:32px;font-weight:500;margin:0}@media screen and (max-width: 834px){h4{font-size:24px}}h5{font-size:24px;font-weight:500;margin:0}h6{font-size:20px;font-weight:500;margin:0}.black-font{color:var(--black) !important}.title-centered{display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto;width:100%;padding:0 20px}.section-col{display:flex;flex-direction:column}.section-row{display:flex;flex-direction:row}.img-max-width-container{display:flex;align-items:center;justify-content:center}.img-max-width-container h1{text-align:center;color:var(--white)}.text-image-section{display:flex;flex-direction:column;gap:60px}.text-image-section .text-image-block{display:flex;align-items:center;justify-content:space-between;gap:40px}.text-image-section .text-image-block .text-content{flex:1}.text-image-section .text-image-block .image-content{flex:1;display:flex;justify-content:center}.text-image-section .text-image-block .image-content img{max-width:100%;border-radius:8px}.text-image-section .text-image-block:nth-child(odd){flex-direction:row-reverse}.text-image-section .text-image-block:nth-child(even){flex-direction:row}@media screen and (max-width: 768px){.text-image-section .text-image-block{flex-direction:column-reverse !important;text-align:center}.text-image-section .text-image-block .text-content,.text-image-section .text-image-block .image-content{width:100%}}.image-container{position:relative;border-radius:8px;width:fit-content;height:fit-content}.image-container .img-bg{width:70%;height:70%;position:absolute;border-radius:8px;bottom:-20px;z-index:-999}.image-container .img-bg.right{right:-20px}.image-container .img-bg.left{left:-20px}.bg-green{background-color:var(--primary)}a{color:var(--primary)}a:hover{opacity:.8}.p-4{padding:80px 130px}.p-5{padding:100px 200px}.g-20{gap:30px}.g-50{gap:50px}.theme-color h3{color:var(--text-theme-color)}.theme-color h3 span{color:#95e0b5}.theme-color h2{color:var(--text-theme-color)}.theme-color h2 span{color:#95e0b5}.theme-color h3{color:var(--text-theme-color)}.theme-color h3 span{color:#95e0b5}.theme-color h4{color:var(--text-theme-color)}.theme-color h4 span{color:#95e0b5}.theme-color h5{color:var(--text-theme-color)}.theme-color h5 span{color:#95e0b5}.theme-color h6{color:var(--text-theme-color)}.theme-color h6 span{color:#95e0b5}.theme-color p{color:var(--text-theme-color);font-weight:400}.theme-color a{color:var(--text-theme-color)}.theme-color svg.picto-all circle{stroke:var(--background)}.theme-color svg.picto-all path{stroke:var(--background);fill:var(--background)}.theme-color .picto-all svg circle{stroke:var(--background)}.theme-color .picto-all svg path{stroke:var(--background);fill:var(--background)}@media screen and (max-width: 1024px){.p-4{padding:80px 22px}.p-5{padding:50px 20px}}@media screen and (max-width: 768px){.p-5{padding:50px 20px}.section-row{display:flex;flex-direction:column}}.btn{padding:15px 20px;border-radius:5px;cursor:pointer;font-family:var(--roboto);font-size:16px;font-weight:600 !important;min-width:180px;text-align:center}@media screen and (max-width: 505px){.btn{width:100%}}.btn.has-picto{display:flex;gap:15px;justify-content:center;align-items:center}.btn.bnt-primary{background-color:var(--green) !important;color:var(--green-dark) !important;display:flex;justify-content:center;align-items:center;position:relative}.btn.bnt-primary img,.btn.bnt-primary svg{position:absolute;opacity:0;right:25%;height:12px;transition:all .3s ease-in-out;color:var(--green-dark)}.btn.bnt-secondary{background-color:#fbfbfb;color:var(--green-dark)}.btn.bnt-terciary{background-color:var(--trercery-bg);color:var(--trercery-text);border:1px solid #000}.btn.bnt-terciary img,.btn.bnt-terciary svg{margin-left:10px;height:12px;transition:all .3s ease-in-out}.btn.bnt-terciary:hover img,.btn.bnt-terciary:hover svg{margin-left:30px}.btn.bnt-link{color:var(--button-link-color)}.btn.bnt-link img{margin-left:10px;height:12px;transition:all .3s ease-in-out;color:var(--green-dark)}.btn.bnt-link svg{margin-left:10px;height:12px;transition:all .3s ease-in-out;fill:var(--picto-green-to-green);border:var(--green-dark)}.btn.bnt-link svg path{stroke:var(--button-link-color)}.btn.bnt-link:hover img{margin-left:15px}.btn.bnt-link:hover svg{margin-left:15px}.button-centered{display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%}.button-left{display:flex;justify-content:flex-start;align-items:center;margin:0 auto;width:100%}@media screen and (max-width: 1040px){.button-left{justify-content:center}}.button-right{display:flex;justify-content:flex-end;align-items:center;margin:0 auto;width:100%}@media screen and (max-width: 1040px){.button-right{justify-content:center}}.overlay{opacity:0;display:none;z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);transition:all 3s ease-in-out}.overlay-active{display:block;opacity:1}.bullet-point{margin-right:7px}c-lit-input-text{--input-text-outlined-bg-color: var(--input-background-color);--input-text-outlined-border: 1px solid var(--grey-to-green);--primary-color: var(--text-theme-color);--input-text-label-color: var(--text-theme-color);--input-text-outlined-label-bg-color: var(--white-to-light-dark);--input-text-outlined-border-radius: 8px;width:100%;--input-text-width-adapt: 100%;--input-value-color: var(--text-theme-color)}@media screen and (max-width: 834px){c-lit-input-text{--input-text-width: 100%;--input-text-width-adapt: 100%}}c-lit-input-radios{--radio-border-color: var(--text-theme-color);--radio-checked-border-color: var(--text-theme-color);--radio-checked-fill-color: var(--text-theme-color);--label-color: var(--text-theme-color);--radio-margin: 0px 0px 20px 0px}c-lit-checkbox{--input-checkbox-label-font-size: 14px;--input-checkbox-align-item: top;--input-checkbox-label-color: var(--text-theme-color);--input-checkbox-border-color: var(--text-theme-color)}c-lit-text-area{--input-text-outlined-bg-color: var(--input-background-color);--input-text-outlined-border: 1px solid var(--grey-to-green);--primary-color: var(--text-theme-color);--input-text-label-color: var(--text-theme-color);--input-text-outlined-label-bg-color: var(--white-to-light-dark);--input-text-outlined-border-radius: 8px;width:100%;--input-text-width-adapt: 100%}@media screen and (max-width: 834px){c-lit-text-area{--input-text-width: 100%;--input-text-width-adapt: 100%}}.scroll-y-none{overflow-y:hidden}.picto-link{z-index:999}#bienvenue{height:636px;background-color:#353944}#bienvenue .bienvenue-beam{position:absolute;top:70%;width:350px;height:200px;z-index:1;background:radial-gradient(circle, rgb(255, 255, 182) 0%, rgba(255, 255, 255, 0) 100%);filter:blur(100px);z-index:99;border-radius:50%;opacity:.8}#bienvenue .content-bienvenue{height:100%;width:100%;display:flex;position:relative}#bienvenue .paralaxe-home{position:absolute;display:flex;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right}@media screen and (max-width: 500px){#bienvenue .paralaxe-home{opacity:.9}}#bienvenue .paralaxe-home img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}#bienvenue .paralaxe-home img:nth-child(1){z-index:3}#bienvenue .paralaxe-home img:nth-child(2){z-index:2}@media screen and (max-width: 500px){#bienvenue .paralaxe-home img:nth-child(2){object-position:90%}}#bienvenue .paralaxe-home img:nth-child(3){z-index:1}#bienvenue h3{margin:0;color:var(--white)}@media screen and (max-width: 834px){#bienvenue h3{font-size:48px !important}}#bienvenue p{color:var(--white);font-family:var(--outfit);font-size:32px;font-weight:500;line-height:40px;margin-top:15px}.bienvenue-btn{display:flex;flex-direction:row;gap:33px}@media screen and (max-width: 505px){.bienvenue-btn{flex-direction:column;gap:10px}.bienvenue-btn a{width:100%}}.content-bienvenue .bienvenue-text{margin-bottom:40px;z-index:4;padding-top:50px;padding-left:80px;padding-right:80px}@media screen and (max-width: 834px){.content-bienvenue .bienvenue-text{padding-left:35px}}@media screen and (max-width: 505px){.content-bienvenue{height:100%;display:flex;flex-direction:column;justify-content:space-between}}#chez{display:block;position:relative;z-index:99;background-color:var(--background)}#chez h2{margin-bottom:24px;text-align:start}@media screen and (max-width: 834px){#chez h2{font-size:48px}}@media screen and (max-width: 428px){#chez h2{font-size:33px}}#chez p{color:var(--grey);font-family:var(--roboto);font-size:24px;font-weight:400;line-height:45px;width:100%}@media screen and (max-width: 834px){#chez p{font-size:24px}}.chez-content{padding:66px 158px 74px 173px;width:100%}@media screen and (max-width: 834px){.chez-content{padding-left:20px;padding-right:20px}}#expertise{display:flex;justify-content:end;align-items:end;position:relative;background-color:var(--green)}#expertise h3{margin:0;color:var(--black) !important}@media screen and (max-width: 834px){#expertise h3{font-size:33px}}@media screen and (max-width: 505px){#expertise h3{font-size:24px}}#expertise p{color:var(--black);font-family:var(--roboto);font-size:16px;font-style:normal;font-weight:400;line-height:30px;width:100%}@media screen and (max-width: 1040px){#expertise{position:static;flex-direction:column}}.expertise-img{width:100%;display:flex}.expertise-img img{width:100%;height:100%}@media screen and (max-width: 1040px){.expertise-img{position:static}}.expertise-content{background-color:var(--green);width:723px;display:flex;padding:30px 79px 48px 55px;flex-direction:column;align-items:start;justify-content:center;gap:21px;border-radius:15px 0px 0px 0;position:absolute;bottom:0;right:0;overflow-x:hidden !important}@media screen and (max-width: 834px){.expertise-content{position:static}}@media screen and (max-width: 1040px){.expertise-content{position:static;width:100%;border-radius:0px;padding-left:25px;padding-right:25px}}.expertise-content-responsive{background-color:var(--green);width:100%;display:none;padding:30px 79px 48px 55px;flex-direction:column;align-items:start;justify-content:center;gap:21px}.expertise-content-responsive h3{margin:0}.expertise-content-responsive p{color:val(--grey);font-family:"Roboto",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:30px;width:100%}@media screen and (max-width: 834px){.expertise-content-responsive{display:flex}}#offres{display:block;z-index:99;position:relative;background-color:var(--background)}#offres h1{padding-bottom:90px;padding-top:0px;color:var(--text-theme-color)}@media screen and (max-width: 1100px){#offres h1{font-size:64px;text-align:center;padding-top:40px}}#offres h4{margin-bottom:25px;color:var(--text-theme-color-black-to-green);text-align:center}@media screen and (max-width: 834px){#offres{padding:0 20px}}.offres-cards{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:25px}@media screen and (max-width: 1100px){.offres-cards{flex-direction:column}}.offre-card{width:465px;display:flex;flex-direction:column;padding:45px 35px;border-radius:7px;border:2px solid #95e0b5;background:var(--home-expertise-card-bg);box-shadow:3px 13px 14px -8px rgba(0,0,0,.04)}.offre-card .offre-card-span svg path{fill:var(--picto-green-to-green)}@media screen and (max-width: 1323px){.offre-card{height:659px;justify-content:space-between}}@media screen and (max-width: 505px){.offre-card{width:100%;height:100%}}.offre-card-top{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.offre-card-span{width:75px;height:75px}.offre-card-span svg{width:100%;height:100%}.offre-card-text{gap:22px;display:flex;flex-direction:column}.offre-card-text p{color:var(--text-theme-color);font-family:"Roboto",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.offre-card-text ul{padding-left:20px}.offre-card-text ul li{color:var(--text-theme-color);font-family:"Roboto",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-bottom:30px}@media screen and (max-width: 505px){.offre-card-text{width:100%}}.offre-card-btn{display:flex;justify-content:center;margin-top:20px}.offre-card-btn img{margin-left:10px;height:12px}#cest-aussi{display:block}#cest-aussi h1{margin-left:59px;margin-right:129px;margin-bottom:75px;max-width:800px;color:var(--text-theme-color)}@media screen and (max-width: 1100px){#cest-aussi h1{text-align:center;max-width:none;font-size:64px;line-height:60px;margin:0;margin-bottom:75px}}@media screen and (max-width: 862px){#cest-aussi h1{width:100%}}@media screen and (max-width: 834px){#cest-aussi h1{font-size:64px;text-align:center;line-height:60px}}@media screen and (max-width: 674px){#cest-aussi h1{font-size:48px}}.cest-aussi-content{padding:75px 116px}@media screen and (max-width: 732px){.cest-aussi-content{padding:0 20px;padding-top:178px}}.cest-aussi-items{display:flex;justify-content:space-around;align-items:start;flex-direction:row;flex-wrap:wrap;width:100%}.cest-aussi-item{display:flex;justify-content:center;align-items:center;gap:60px;margin-bottom:50px;flex-direction:column}@media screen and (max-width: 1100px){.cest-aussi-item{width:300px;max-width:100%}}.cest-aussi-item p{text-align:center}.cest-aussi-chiffre{text-align:center;font-family:var(--outfit);font-size:64px;font-weight:700 !important;transition:all .3s ease-out}#pourquoi{display:block;background-color:var(--lighy-grey-to-light-dark)}#pourquoi h2{margin-top:51px;color:var(--text-theme-color)}@media screen and (max-width: 834px){#pourquoi h2{font-size:48px;margin-bottom:87px;padding:0 25px}}@media screen and (max-width: 428px){#pourquoi h2{font-size:31px;text-align:center}}#pourquoi h5{min-width:285px;color:var(--text-theme-color)}#pourquoi span{padding:15px;border-radius:99px;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-color) 0px 7px 29px 0px}.pourquoi-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.pourquoi-card-text{display:flex;flex-direction:column;justify-content:center}.pourquoi-card-text h6{color:var(--grey)}.pourquoi-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:41px;height:100%;width:100%}@media screen and (max-width: 834px){.pourquoi-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:41px;padding:20px;padding-bottom:40px;height:100%;width:100%}}.pourquoi-card{display:flex;padding:38px;gap:22px}.pourquoi-card img{width:50px;height:auto}@media screen and (max-width: 1082px){.pourquoi-card{flex-direction:column;justify-content:center}.pourquoi-card h5,.pourquoi-card h6{text-align:center}}.pourquoi-icon{display:flex;align-items:center}@media screen and (max-width: 1082px){.pourquoi-icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%}}#filiales{display:flex;justify-content:center;align-items:center}.filiales-content{display:flex;justify-content:center;align-items:center;width:100%;max-width:762px;flex-direction:column;padding-bottom:40px}.filiales-content h2{text-align:center;padding:65px 25px 40px 25px;color:var(--text-theme-color)}@media screen and (max-width: 834px){.filiales-content h2{font-size:48px}}@media screen and (max-width: 428px){.filiales-content h2{font-size:33px}}.filiales-logos{display:flex;justify-content:center;align-items:center;gap:54px;margin:54px 0;width:100%}@media screen and (max-width: 834px){.filiales-logos{gap:30px;padding:0 22px}}@media screen and (max-width: 428px){.filiales-logos{gap:20px;flex-direction:column}}.filiales-logo{flex:1;max-width:356px;display:flex;justify-content:center;align-items:center}.filiales-logo img{width:100%;height:auto;max-width:100%}.dark-mode a.filiales-logo:first-of-type svg path:first-of-type{fill:#fff}.dark-mode a.filiales-logo:first-of-type svg path:nth-of-type(2){fill:#f0c30e}.dark-mode a.filiales-logo:first-of-type svg path:nth-of-type(3){fill:#fff}.dark-mode a.filiales-logo:first-of-type svg path:nth-of-type(4){fill:#fff}.dark-mode a.filiales-logo:last-of-type svg path:first-of-type{fill:#fff}.dark-mode a.filiales-logo:last-of-type svg path:nth-of-type(2){fill:#fff}.dark-mode a.filiales-logo:last-of-type svg path:nth-of-type(3){fill:#fba43e}.dark-mode a.filiales-logo:last-of-type svg path:nth-of-type(4){fill:#fff}.dark-mode a.filiales-logo:last-of-type svg g path{fill:#194aa9 !important}.dark-mode .logo-client path{fill:#fff !important}.dark-mode .logo-client.axa path:first-of-type{fill:#fff !important}.dark-mode .logo-client.axa path:nth-of-type(2){fill:#404654 !important}.dark-mode .logo-client.axa path:last-of-type{fill:#404654 !important}:root{--height: auto;--animation-duration: 14s;--animation-duration-tablet: 8s;--animation-duration-mobile: 6s;--container-width: 200%}.slider-container{padding-top:65px;padding-bottom:81px;background-color:var(--lighy-grey-to-light-dark)}.slider{padding:0;height:var(--height);width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(to right, rgba(0, 0, 0, 0.2), rgb(0, 0, 0) 20%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0.2));-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0.2), rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0.2))}.slider .list{display:flex;width:var(--container-width);height:100%;position:relative;animation:slideAnimation var(--animation-duration) linear infinite}@media screen and (max-width: 1040px){.slider .list{animation:slideAnimationTablet var(--animation-duration-tablet) linear infinite}}@media screen and (max-width: 505px){.slider .list{animation:slideAnimationMobile var(--animation-duration-mobile) linear infinite}}.slider .logos-set{display:flex;justify-content:space-around;width:100%;gap:50px}.slider .logos-set:first-of-type{margin-right:50px}.slider .item{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 834px){.slider .item{width:100px}}.slider .item img{width:100%;height:auto;transition:filter .2s ease}.slider .item svg{width:100%;transition:filter .2s ease}.slider:hover .list{animation-play-state:paused}.slider:hover .item img,.slider:hover .item svg{filter:grayscale(100%)}.slider .item:hover img,.slider .item:hover svg{filter:grayscale(0%)}.slider-title h2{margin-bottom:83px;margin-top:30px;text-align:center;color:var(--text-theme-color)}@keyframes slideAnimation{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes slideAnimationTablet{0%{transform:translateX(0)}100%{transform:translateX(-65%)}}@keyframes slideAnimationMobile{0%{transform:translateX(0)}100%{transform:translateX(-105%)}}@media screen and (max-width: 834px){.slider-container{padding-top:45px;padding-bottom:60px}.slider-title h2{font-size:48px;margin-bottom:50px;margin-top:40px}}@media screen and (max-width: 505px){.slider-container{padding-top:30px;padding-bottom:40px}.slider-title h2{margin-bottom:30px;margin-top:25px;font-size:33px}}.accueil-contact{background:url(../img/home/women-working.jpg);filter:grayscale(20%);background-repeat:no-repeat;background-size:cover;background-position:center 70%;display:flex;justify-content:center;align-items:center;flex-direction:column}.accueil-contact h3{color:var(--white);font-family:var(--outfit);text-align:center}.accueil-contact .accueil-contact-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:77px}main#article{max-width:1100px;margin:0 auto;padding:0 2rem}main c-lit-accordion{margin-top:80px;--accordion-header-title-font-size: 2.2rem;--accordion-content-margin-top: 20px;--accordion-header-padding-left: 0px;--accordion-content-margin-left: 0px;--header-title-color: var(--text-theme-color)}@media(max-width: 768px){main c-lit-accordion{--accordion-header-title-font-size: 1.8rem}}.audit-banner{background:linear-gradient(135deg, var(--green) 0%, var(--alt-green) 100%);padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:30px}@media(max-width: 768px){.audit-banner{padding:15px}}.audit-banner-content{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}@media(max-width: 768px){.audit-banner-content{flex-direction:column;text-align:center}}.audit-banner-text{display:flex;align-items:center;gap:15px;flex:1}@media(max-width: 768px){.audit-banner-text{flex-direction:column;gap:10px}}.audit-banner-text p{margin:0;color:var(--green-dark);font-size:16px;line-height:1.5}.audit-banner-text p strong{font-weight:700}.audit-banner-icon{font-size:32px;flex-shrink:0}@media(max-width: 768px){.audit-banner-icon{font-size:28px}}.audit-banner-button{background:var(--green-dark);color:var(--white);border:none;padding:15px 30px;border-radius:5px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.2)}.audit-banner-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3);background:#1a5952}@media(max-width: 768px){.audit-banner-button{width:100%;padding:12px 20px}}.article-header-image{margin-top:50px;width:100%;overflow:hidden;border-radius:25px}.article-header-image img{width:100%;display:block}.article-container{margin:0 auto}.article-meta{display:flex;align-items:center;gap:20px;margin:30px 0;flex-wrap:wrap}.article-date{color:var(--grey-to-white);font-size:.875rem;display:flex;align-items:center}.article-date svg{margin-right:10px}.article-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{background:var(--alt-green);padding:5px 15px;border-radius:20px;color:var(--green-dark);transition:background .3s ease;font-weight:500;font-size:14px}.article-title{font-size:42px;font-weight:bold;margin-bottom:25px;line-height:1.2;padding:0;color:var(--text-theme-color)}.article-intro{margin-bottom:20px;font-size:1rem;line-height:1.8;color:var(--text-theme-color)}.article-content h1{font-size:2.8rem;color:var(--text-theme-color)}@media(max-width: 768px){.article-content h1{font-size:2.5rem}}.article-content h2{font-size:2.2rem;margin-top:80px;margin-bottom:20px;color:var(--text-theme-color)}@media(max-width: 768px){.article-content h2{font-size:1.8rem}}.article-content h3{font-size:2rem;margin-bottom:40px;color:var(--text-theme-color)}@media(max-width: 768px){.article-content h3{font-size:1.6rem}}.article-content h4{font-size:1.6rem;color:var(--text-theme-color)}@media(max-width: 768px){.article-content h4{font-size:1.4rem}}.article-content p{margin-bottom:20px;font-size:1rem;line-height:1.8;color:var(--text-theme-color)}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:30px;color:var(--text-theme-color)}.article-content ul li,.article-content ol li{margin-bottom:10px;line-height:1.6}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content strong{font-weight:600;color:var(--text-theme-color)}.article-content .glossary{margin-top:30px}.article-content .glossary dt{font-weight:600;color:var(--text-theme-color);margin-top:20px;margin-bottom:8px;font-size:16px}.article-content .glossary dd{margin-left:0;margin-bottom:15px;color:var(--grey-to-white);line-height:1.6}.article-cta{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:50px 0px;border-radius:25px}.cta-background{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(0.5)}.cta-content{position:relative;z-index:1;color:var(--white);padding:20px;display:flex;flex-direction:column;align-items:flex-start;width:80%}.cta-subtitle{font-size:24px;color:var(--white);margin-bottom:30px;margin-top:5px}.cta-subtitle span{color:var(--green)}.cta-title{font-weight:500;font-size:32px;color:var(--white)}.cta-title span{color:var(--green)}.cta-button{display:inline-block;background-color:var(--green);color:var(--green-dark);padding:15px 40px;text-decoration:none;border-radius:5px;font-weight:bold;transition:transform .3s ease,background .3s ease,color .3s ease}.cta-button:hover{transform:translateY(-2px);background:var(--primary)}.warning-contact{color:var(--text-theme-color)}#audit-form{display:flex;flex-direction:column;gap:20px}#audit-form .input-duo{display:flex;gap:20px}#audit-form .input-duo c-lit-input-text{--input-text-width: 50%}#audit-submit{--button-primary-bg: var(--green);--button-primary-color: var(--green-dark) !important;--font-family: var(--inter);--button-font-size: 16px;--button-primary-padding: 10px 40px}@media(min-width: 1024px){#audit-submit{--button-primary-padding: 10px 100px}}.btn-contact{display:flex}c-lit-modal{--bg-color: var(--white-to-light-dark-2);--header-font-color: var(--text-theme-color)}@media(max-width: 768px){.article-title{font-size:32px}.article-intro{font-size:1rem}.article-content h2{font-size:24px}.cta-title{font-size:24px}#audit-form .input-duo{flex-wrap:wrap}}#qui-sommes-nous .qui-sommes-nous-header{background-image:url("../img/expertise/expertise-header.jpg");width:100%;height:50vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}@media screen and (max-width: 602px){#qui-sommes-nous .button-left{margin:30px 0px}}#qui-sommes-nous .title-bg-green{background:linear-gradient(to right, var(--green) 60%, var(--background) 40%);padding-top:20px !important;padding-bottom:20px !important;margin-top:50px}#qui-sommes-nous .title-bg-green h2{color:var(--black)}@media(max-width: 1150px){#qui-sommes-nous .title-bg-green h2{font-size:48px}}@media(max-width: 695px){#qui-sommes-nous .title-bg-green h2{font-size:32px}}@media(max-width: 1565px){#qui-sommes-nous .title-bg-green{background:linear-gradient(to right, var(--green) 75%, var(--background) 10%)}}@media(max-width: 478px){#qui-sommes-nous .title-bg-green{background:linear-gradient(to right, var(--green) 95%, var(--background) 10%)}}#qui-sommes-nous .text-image-section .text-image-block{align-items:start}#qui-sommes-nous .text-image-section .text-content p{margin-bottom:20px;font-weight:500;line-height:30px;font-size:19px;color:var(--grey)}#qui-sommes-nous .text-image-section .text-content a{margin-top:30px}#qui-sommes-nous .valeurs{margin-top:90px;display:flex;gap:40px;flex-wrap:wrap}#qui-sommes-nous .valeurs .valeur{width:calc(50% - 20px);background-color:var(--white-card);padding:30px;border:1px solid var(--green);border-radius:10px}@media screen and (max-width: 602px){#qui-sommes-nous .valeurs .valeur{width:100%}}#qui-sommes-nous .valeurs .valeur .valeur-header{display:flex;align-items:center;gap:30px;margin-bottom:30px}#qui-sommes-nous .valeurs .valeur .valeur-header .valeur-header-title{color:var(--alt-green);font-size:32px;font-weight:500}#qui-sommes-nous .valeurs .valeur .valeur-content{line-height:30px;font-size:16px}.horizontal-scroll{overflow:hidden;position:relative}.horizontal-scroll #pass{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;cursor:pointer;color:var(--white);z-index:9999;transition:all .3s ease}@media screen and (max-width: 602px){.horizontal-scroll #pass{transform:translateX(0%)}}.horizontal-scroll #pass.hidden{opacity:0;pointer-events:none}.horizontal-scroll #pass:hover{color:var(--green);bottom:12px}@media screen and (max-width: 602px){.horizontal-scroll #pass{width:100%;left:0px;text-align:center}}.horizontal-scroll .progress{position:absolute;bottom:75px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;flex-direction:column;align-items:center}.horizontal-scroll .progress .scroll-indicator{color:var(--white);display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}.horizontal-scroll .progress .scroll-indicator #text{box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}.horizontal-scroll .progress .scroll-indicator .scroll-picto{animation:scroll-picto-animation 2s infinite alternate}.horizontal-scroll .progress .progress-track{width:30%;height:2px;background-color:var(--white);border-radius:3px;position:relative}.horizontal-scroll .progress .progress-track .progress-bar{width:0%;height:6px;background-color:var(--alt-green);border-radius:3px;transition:width .3s ease;position:absolute;top:-2px}.container{display:flex;height:100vh}.panel{flex:0 0 100%;height:100dvh;background:#ccc;display:flex;align-items:center;justify-content:center;font-size:3rem;background-size:cover;background-position:center;background-repeat:no-repeat}.panel:nth-child(1){background-image:url("../img/qui-sommes-nous/histoire-2006.png")}.panel:nth-child(2){background-image:url("../img/qui-sommes-nous/histoire-2008.png")}.panel:nth-child(3){background-image:url("../img/qui-sommes-nous/histoire-2018.png")}.panel:nth-child(4){background-image:url("../img/qui-sommes-nous/histoire-2019.png")}.panel:nth-child(5){background-image:url("../img/qui-sommes-nous/histoire-2022.png")}.panel .panel-contents{display:flex;flex-wrap:wrap;height:100%;gap:50px}@media screen and (max-width: 1024px){.panel .panel-contents{gap:20px}}.panel .panel-contents .panel-content{color:var(--white);width:calc(50% - 25px)}.panel .panel-contents .panel-content:nth-child(even){display:flex;flex-flow:column;justify-content:flex-end;padding-bottom:120px}@media screen and (max-width: 1024px){.panel .panel-contents .panel-content:nth-child(even){justify-content:flex-start}}@media screen and (max-width: 1024px){.panel .panel-contents .panel-content{width:100%}}.panel .panel-contents .panel-content .panel-content-title{font-size:64px;font-weight:500}.panel .panel-contents .panel-content .panel-content-title span{color:var(--alt-green)}.panel .panel-contents .panel-content p{line-height:24px;font-size:16px}.panel .panel-contents .panel-content p.date{line-height:40px;font-size:24px}@keyframes scroll-picto-animation{0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}#design-delivery .design-delivery-header{background-image:url("../img/design-delivery/design-delivery-header.jpg");width:100%;height:50vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}@media screen and (max-width: 602px){#design-delivery .design-delivery-header{height:40vh}}#design-delivery .design-delivery-hero{background-color:var(--green);padding:0 75px}@media screen and (max-width: 602px){#design-delivery .design-delivery-hero{padding:0 20px}}#design-delivery .design-delivery-hero h3{padding-top:133px;color:var(--black) !important}#design-delivery .design-delivery-hero h4{color:var(--black) !important}#design-delivery .design-delivery-hero p{margin-top:35px;line-height:30px;font-family:var(--roboto);color:var(--black) !important}#design-delivery .design-delivery-hero .desydel-img{display:flex;justify-content:center}#design-delivery .design-delivery-hero .desydel-img img{margin-top:50px;width:100%;max-width:800px;border-radius:50px 0px 50px 0px}#design-delivery .design-delivery-hero-bottom{padding-top:100px;padding-bottom:175px;display:flex;flex-direction:row;gap:80px;align-items:center}@media screen and (max-width: 1100px){#design-delivery .design-delivery-hero-bottom{flex-direction:column;align-items:center;justify-content:center;gap:60px}}@media screen and (max-width: 602px){#design-delivery .design-delivery-hero-bottom{padding-top:50px;padding-bottom:100px}}#design-delivery .design-delivery-hero-bottom .design-delivery-hero-bottom-text{width:50%}@media screen and (max-width: 1024px){#design-delivery .design-delivery-hero-bottom .design-delivery-hero-bottom-text{width:100%}}#design-delivery .design-delivery-hero-bottom .design-delivery-hero-bottom-video{display:flex;width:50%;justify-content:flex-end}@media screen and (max-width: 1024px){#design-delivery .design-delivery-hero-bottom .design-delivery-hero-bottom-video{width:100%}}@media screen and (max-width: 1100px){#design-delivery .design-delivery-hero-bottom .design-delivery-hero-bottom-video{margin-left:0 !important}}#design-delivery .design-delivery-hero-bottom .design-delivery-hero-bottom-video .design-delivery-video-hero{width:100%;border-radius:30px}@media screen and (max-width: 602px){#design-delivery .design-delivery-hero-bottom .design-delivery-hero-bottom-video .design-delivery-video-hero{width:100%}}#design-delivery .prise-en-charge{display:flex;justify-content:center;background-color:var(--white-to-light-dark)}@media screen and (max-width: 602px){#design-delivery .prise-en-charge{padding-left:20px;padding-right:20px}}#design-delivery .prise-en-charge .prise-en-charge-header{width:100%;display:flex;flex-direction:column;align-items:center}#design-delivery .prise-en-charge h3{max-width:687px;text-align:center;width:100%}#design-delivery .prise-en-charge .prise-en-charge-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#design-delivery .prise-en-charge-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:85px;max-width:1200px}#design-delivery .prise-en-charge-cards .prise-en-charge-card{max-width:357px;padding:25px}@media screen and (max-width: 602px){#design-delivery .prise-en-charge-cards .prise-en-charge-card h5{text-align:center}}#design-delivery .prise-en-charge-cards .prise-en-charge-card p{font-family:var(--roboto);line-height:30px;font-size:16px}#design-delivery .prise-en-charge-cards .prise-en-charge-card .prise-en-charge-card-top{display:flex;justify-content:start;align-items:center;gap:28px;margin-bottom:40px}@media screen and (max-width: 602px){#design-delivery .prise-en-charge-cards .prise-en-charge-card .prise-en-charge-card-top{flex-direction:column;align-items:center}}#design-delivery .suivi{background-color:var(--lighy-grey-to-light-dark);padding-top:97px;padding-left:85px;padding-right:85px;padding-bottom:85px}@media screen and (max-width: 834px){#design-delivery .suivi{padding-left:20px;padding-right:20px}}#design-delivery .suivi p{text-align:center;font-family:var(--roboto);color:var(--grey);line-height:30px;font-weight:400}#design-delivery .suivi .suivi-header{width:100%}#design-delivery .suivi .suivi-header h3{text-align:center;text-align:center}#design-delivery .suivi h5{margin-top:50px;text-align:center}#design-delivery .suivi .suivi-video{margin-top:80px;display:flex;justify-content:center;align-items:center}#design-delivery .suivi .suivi-video .suivi-video-content{max-height:530px}@media screen and (max-width: 834px){#design-delivery .suivi .suivi-video .suivi-video-content{width:100%}}#design-delivery .suivi .p-top{margin-top:20px}#design-delivery .suivi .p-bottom{margin-bottom:40px}#design-delivery .suivi .suivi-btn{display:flex;justify-content:center;align-items:center}#design-delivery .expertise-renfo{color:var(--white-to-light-dark)}#design-delivery .expertise-renfo p{margin-top:15px;font-weight:400;line-height:30px;font-family:var(--roboto)}#design-delivery .expertise-renfo p b{font-family:var(--roboto)}@media screen and (max-width: 834px){#design-delivery .expertise-renfo p{text-align:center}}#design-delivery .expertise-renfo h5{margin-top:15px;min-width:600px}@media screen and (max-width: 1323px){#design-delivery .expertise-renfo h5{min-width:100%}}@media screen and (max-width: 834px){#design-delivery .expertise-renfo h5{text-align:center}}@media screen and (max-width: 834px){#design-delivery .expertise-renfo .expertise-renfo-right-header h3{text-align:center}}#design-delivery .expertise-renfo .expertise-renfo-right-description{margin-top:55px}#design-delivery .expertise-renfo .expertise-renfo-right-card{display:flex;gap:50px;align-items:center}@media screen and (max-width: 834px){#design-delivery .expertise-renfo .expertise-renfo-right-card{display:flex;align-items:center;flex-direction:column}}#design-delivery .expertise-renfo .expertise-renfo-elems{display:flex;flex-direction:row;padding:165px 80px 80px 80px;gap:105px;justify-content:center}@media screen and (max-width: 1400px){#design-delivery .expertise-renfo .expertise-renfo-elems{padding:165px 40px 80px 40px}}@media screen and (max-width: 834px){#design-delivery .expertise-renfo .expertise-renfo-elems{flex-direction:column}}#design-delivery .expertise-renfo .expertise-renfo-right{display:flex;flex-direction:column;max-width:1300px}#design-delivery .expertise-renfo .expertise-renfo-right .expertise-renfo-right-cards{display:flex;flex-direction:column;gap:85px;margin-top:75px}#design-delivery .expertise-renfo .expertise-renfo-right .expertise-renfo-right-cards .expertise-renfo-right-card div:first-of-type img{border-radius:16px;width:351px;height:282px;box-shadow:-21px 21px 0 var(--green);border-top-left-radius:12px;border-top-right-radius:12px;margin-left:21px}@media screen and (max-width: 602px){#design-delivery .expertise-renfo .expertise-renfo-right .expertise-renfo-right-cards .expertise-renfo-right-card div:first-of-type img{width:100%;height:auto}}#design-delivery .expertise-renfo .expertise-renfo-right .expertise-renfo-right-cards .expertise-renfo-right-card div:last-of-type{display:flex;flex-direction:column}@media screen and (max-width: 834px){#design-delivery .expertise-renfo .expertise-renfo-right .expertise-renfo-right-cards .expertise-renfo-right-card div:last-of-type{margin-top:30px;align-items:center}}#design-delivery .expertise-renfo .expertise-renfo-right .expertise-renfo-right-cards .expertise-renfo-right-card div:last-of-type img{width:80px}#design-delivery .expertise-renfo .expertise-renfo-btn{display:flex;justify-content:center;margin:0 40px;margin-bottom:80px;padding-top:0}#design-delivery .expertise-renfo .expertise-renfo-right-card-p{margin-left:15px}#design-delivery .expertise-renfo .expertise-renfo-right-card-p:nth-child(1){margin-top:30px}#design-delivery .pourquoi-choisir{background-color:var(--lighy-grey-to-light-dark)}#design-delivery .pourquoi-choisir h3{max-width:628px}#design-delivery .pourquoi-choisir h5{margin-top:110px;text-align:center}#design-delivery .pourquoi-choisir .pourquoi-choisir-header{display:flex;flex-direction:column}#design-delivery .pourquoi-choisir .pourquoi-choisir-cards{display:flex;flex-direction:row;justify-content:center;gap:25px;margin-top:100px;flex-wrap:wrap}#design-delivery .pourquoi-choisir .pourquoi-choisir-card{max-width:357px;background-color:var(--white-card-to-green);box-shadow:0px 0px 20px rgba(0,0,0,.1);border-radius:12px}#design-delivery .pourquoi-choisir .pourquoi-choisir-card:hover{transform:translateY(-10px);box-shadow:0px 0px 30px rgba(0,0,0,.2)}#design-delivery .pourquoi-choisir .pourquoi-choisir-card p{padding:35px 25px;color:#353944 !important}#design-delivery .pourquoi-choisir .pourquoi-choisir-card img{border-top-right-radius:12px;border-top-left-radius:12px}@media screen and (max-width: 602px){#design-delivery .pourquoi-choisir .pourquoi-choisir-card img{width:100%}}#design-delivery .outils-intelligents{padding-top:110px;padding-left:80px;padding-right:80px;padding-bottom:210px;background-color:var(--white-to-light-dark)}@media screen and (max-width: 834px){#design-delivery .outils-intelligents{padding-left:40px;padding-right:40px;padding-bottom:140px}}@media screen and (max-width: 505px){#design-delivery .outils-intelligents{padding-left:20px;padding-right:20px}}#design-delivery .outils-intelligents h3{margin-bottom:75px;max-width:950px;text-align:center}#design-delivery .outils-intelligents img{border-top-left-radius:12px;border-top-right-radius:12px}#design-delivery .outils-intelligents h6{text-align:center;max-width:950px;text-align:center}#design-delivery .outils-intelligents h6:nth-child(2){margin-bottom:90px}#design-delivery .outils-intelligents .outils-intelligents-header{display:flex;flex-direction:column;align-items:center}#design-delivery .outils-intelligents .outils-intelligents-cards{display:flex;flex-direction:row;justify-content:center;gap:25px;margin-top:100px;flex-wrap:wrap}#design-delivery .outils-intelligents .outils-intelligents-card{max-width:357px;background-color:var(--white-card-design-delivery);box-shadow:0px 0px 20px rgba(0,0,0,.1);border-radius:12px;border:1px solid var(--green);padding:35px;padding-top:55px;display:flex;flex-direction:column;align-items:center}#design-delivery .outils-intelligents .outils-intelligents-card img{margin-bottom:25px;width:78px;height:79px}#design-delivery .outils-intelligents .outils-intelligents-card svg{margin-bottom:25px}#design-delivery .outils-intelligents .outils-intelligents-card:hover{transform:translateY(-10px);box-shadow:0px 0px 30px rgba(0,0,0,.2)}#design-delivery .outils-intelligents .outils-intelligents-card p{font-family:var(--roboto);font-weight:400;line-height:30px;color:var(--grey)}#design-delivery .outils-intelligents .outils-intelligents-card p b{font-family:var(--roboto);font-weight:600;color:var(--green)}#design-delivery .outils-intelligents .outils-intelligents-btn{margin-top:75px;max-width:100%;display:flex;justify-content:center}#design-delivery .outils-intelligents .outils-intelligents-btn a{max-width:140px}@media screen and (max-width: 428px){#design-delivery .outils-intelligents .outils-intelligents-btn a{max-width:100%}}#design-delivery .nos-video h3{text-align:center;margin-bottom:40px}#design-delivery .nos-video p{text-align:center;font-size:24px;margin-bottom:50px}#design-delivery .nos-video p:last-of-type{margin-bottom:80px}#design-delivery .video-player-container{max-width:1200px;margin:0 auto;background:#fbfbfb;overflow:hidden}#design-delivery .main-video-section{position:relative}#design-delivery .main-video{width:100%;height:auto;display:block}#design-delivery .video-indicator{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px}#design-delivery .controls{padding:40px;text-align:center;background:#fbfbfb}#design-delivery .control-btn{background:var(--green);color:var(--green-dark);border:none;padding:12px 24px;margin:0 10px;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s ease}#design-delivery .control-btn:hover{background:#84dab6}#design-delivery .control-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width: 834px){#design-delivery .control-btn{padding:10px 16px;margin:0 5px;font-size:14px}}#design-delivery .contactez-nous{background-image:url("../img/design-delivery/young-businesswoman-talking-mobile-phone-while-writing-notes-working-office.jpg");background-repeat:no-repeat;background-position:center 30%;background-size:cover;padding-top:110px;padding-left:80px;padding-right:80px;padding-bottom:210px}@media screen and (max-width: 602px){#design-delivery .contactez-nous{padding-top:50px;padding-bottom:100px}}@media screen and (max-width: 834px){#design-delivery .contactez-nous{padding-left:40px;padding-right:40px}}@media screen and (max-width: 505px){#design-delivery .contactez-nous{padding-left:20px;padding-right:20px}}#design-delivery .contactez-nous h3{margin-bottom:75px;max-width:995px;text-align:center;color:var(--white)}#design-delivery .contactez-nous img{border-top-left-radius:12px;border-top-right-radius:12px}#design-delivery .contactez-nous .contactez-nous-header{display:flex;flex-direction:column;align-items:center}#design-delivery .contactez-nous a{max-width:140px}#design-delivery .contactez-nous .contactez-nous-btn{margin-top:75px;max-width:100%;display:flex;justify-content:center}#design-delivery .contactez-nous .contactez-nous-btn a{max-width:140px}@media screen and (max-width: 428px){#design-delivery .contactez-nous .contactez-nous-btn a{max-width:100%}}@media(max-width: 834px){#internenants h2{flex-direction:column-reverse;align-items:center;text-align:center;justify-content:center}}#internenants .squad-titre{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-direction:row;width:100%;margin-bottom:40px}@media(max-width: 834px){#internenants .squad-titre{flex-direction:column-reverse;align-items:center;text-align:center;justify-content:center}}#internenants .squad{padding-top:55px;padding-bottom:100px;padding-left:80px;padding-right:80px}@media(max-width: 834px){#internenants .squad{padding-left:20px;padding-right:20px}}#internenants .squad .squad-text{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:40px}#internenants .squad p{max-width:930px;font-weight:500;font-family:var(--roboto);color:var(--grey)}#internenants .squad-picto{margin-left:20px;margin-top:12px}@media(max-width: 834px){#internenants .squad-picto{margin-left:0px;margin-top:20px;margin-bottom:20px}}#internenants .squad-picto path{fill:var(--text-theme-color-black-to-green);stroke:rgba(0,0,0,0)}.internenants-header{background-image:url("../img/nos-intervenants/dd-hero.png");width:100%;height:50vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}#equipe-description{padding-top:110px;padding-bottom:110px;padding-left:175px;padding-right:175px;display:flex;flex-direction:column;background-color:var(--lighy-grey-to-light-dark)}@media(max-width: 834px){#equipe-description{padding-left:20px;padding-right:20px}}#equipe-description .equipe-description-content{display:flex;flex-direction:column;align-items:center;justify-content:center}#equipe-description p{text-align:center;margin-top:30px;max-width:930px;font-weight:500;font-family:var(--roboto);color:var(--grey)}#equipe-description p:nth-child(1){margin-top:30px}#equipe-description h4{text-align:center;margin-bottom:30px}.squad-text p{text-align:center}.squad-pilotage-photos{margin-top:100px;display:flex;justify-content:center}.squad-negoce-photos{margin-top:100px;display:flex;justify-content:center;gap:23px;flex-wrap:wrap}.squad-design-photos{margin-top:100px;display:flex;justify-content:center;gap:23px;flex-wrap:wrap}.squad-delivery-photos{margin-top:100px;display:flex;justify-content:center;gap:23px;flex-wrap:wrap}.squad-photo-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:358px}.squad-photo-content .squad-photo{max-width:240px;position:relative}.squad-photo-content .squad-photo img:nth-child(1){width:100%;height:auto}.squad-photo-content .squad-photo a{position:absolute;bottom:10px;right:10px;width:65px;height:65px}.squad-photo-content .squad-photo-text{width:100%;text-align:start}.squad-photo-content .squad-photo-text p{text-align:start;margin-top:8px}.squad-photo-content .squad-photo-text h6{margin-top:14px}#rejoindre-squad{padding-top:115px;padding-bottom:110px;padding-left:180px;padding-right:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--lighy-grey-to-light-dark)}@media(max-width: 834px){#rejoindre-squad{padding-left:20px;padding-right:20px}}#rejoindre-squad h3{text-align:center;margin-bottom:50px}#rejoindre-squad h4{text-align:center;margin-bottom:35px}#rejoindre-squad p{text-align:center;max-width:930px;margin-bottom:35px;font-weight:500;font-family:var(--roboto);color:var(--grey)}#rejoindre-squad .rejoindre-squad-content{display:flex;flex-direction:column;align-items:center;justify-content:center}#travailler-cyllene{padding-top:75px}#travailler-cyllene h2{margin-bottom:100px;text-align:center}#travailler-cyllene .travailler-cyllene-photos{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:25px;grid-row-gap:25px;padding-left:25px;padding-right:25px;padding-bottom:25px}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-photos{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 505px){#travailler-cyllene .travailler-cyllene-photos{grid-template-columns:1fr}}#travailler-cyllene .travailler-cyllene-photo-p{grid-area:1/1/3/3}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-photo-p{grid-area:1/1/2/3}}@media screen and (max-width: 505px){#travailler-cyllene .travailler-cyllene-photo-p{grid-area:auto}}#travailler-cyllene .travailler-cyllene-photo-d{grid-area:1/3/2/4}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-photo-d{grid-area:2/1/3/2}}@media screen and (max-width: 505px){#travailler-cyllene .travailler-cyllene-photo-d{grid-area:auto}}#travailler-cyllene .travailler-cyllene-photo-t{grid-area:2/3/3/4;max-height:350px}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-photo-t{grid-area:2/2/3/3}}@media screen and (max-width: 505px){#travailler-cyllene .travailler-cyllene-photo-t{max-height:auto;grid-area:auto}}#travailler-cyllene .travailler-cyllene-photo-q{grid-area:1/4/2/5}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-photo-q{grid-area:3/1/4/2}}@media screen and (max-width: 505px){#travailler-cyllene .travailler-cyllene-photo-q{grid-area:auto}}#travailler-cyllene .travailler-cyllene-photo-c{grid-area:2/4/3/5;max-height:350px}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-photo-c{grid-area:3/2/4/3}}@media screen and (max-width: 505px){#travailler-cyllene .travailler-cyllene-photo-c{grid-area:auto;max-height:auto}}#travailler-cyllene .travailler-cyllene-photo{position:relative}#travailler-cyllene .travailler-cyllene-photo p{font-size:14px;font-weight:500;height:40px;width:calc(100% - 40px);display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;bottom:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(154.51% 202.04% at 10.8% 66.27%, rgba(159, 234, 205, 0.88) 0%, rgba(49, 173, 186, 0.88) 100%)}#travailler-cyllene .travailler-cyllene-photo img:nth-child(1){width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .6s ease}#travailler-cyllene .travailler-cyllene-photo img:nth-child(2){position:absolute;bottom:0;right:0;width:40px;height:40px;cursor:pointer;z-index:1001}#travailler-cyllene .travailler-cyllene-photo img:nth-child(2):hover~p{opacity:1}#travailler-cyllene .travailler-cyllene-photo:hover img:nth-child(1){filter:grayscale(0%) !important}#travailler-cyllene .travailler-cyllene-photo img:nth-child(2):hover{transition:transform .3s ease}#travailler-cyllene .travailler-cyllene-bottom{height:100%;position:relative;display:flex;flex-direction:column;gap:0}#travailler-cyllene .travailler-cyllene-bottom .travailler-cyllene-bottom-img{width:100%;height:414px;object-fit:cover}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-bottom .travailler-cyllene-bottom-img{height:auto}}#travailler-cyllene .travailler-cyllene-bottom .travailler-cyllene-bottom-content{background:radial-gradient(154.51% 202.04% at 10.8% 66.27%, rgba(159, 234, 205, 0.88) 0%, rgba(49, 173, 186, 0.88) 100%);position:absolute;bottom:0;right:0;padding-left:55px;padding-bottom:65px;padding-right:55px;padding-top:55px}#travailler-cyllene .travailler-cyllene-bottom .travailler-cyllene-bottom-content h4{margin-bottom:30px;color:var(--text-color)}#travailler-cyllene .travailler-cyllene-bottom .travailler-cyllene-bottom-content p{margin-bottom:30px;color:var(--text-color)}#travailler-cyllene .travailler-cyllene-bottom .travailler-cyllene-bottom-content a{background-color:rgba(0,0,0,0) !important}@media(max-width: 834px){#travailler-cyllene .travailler-cyllene-bottom .travailler-cyllene-bottom-content{position:static}}#contact .succes{color:var(--green)}#contact #contact-submit{--button-primary-bg: var(--green);--button-primary-color: var(--green-dark) !important;--font-family: var(--inter);--button-font-size: 16px;--button-primary-padding: 10px 40px}@media screen and (max-width: 1024px){#contact #contact-submit{--button-primary-padding: 10px 100px}}#contact .form-floating{width:100%}#contact .contact-header{background-image:url("../img/contact/contact-header.jpg");width:100%;height:50vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}#contact .contact-formulaire{padding:135px 85px}@media(max-width: 1125px){#contact .contact-formulaire{padding:135px 20px}}#contact h3{margin-bottom:30px}#contact p{font-family:var(--roboto);color:var(--grey);font-weight:400;line-height:30px;max-width:550px}#contact .contact-content{display:flex;justify-content:space-around;align-items:center;gap:30px}@media(max-width: 1125px){#contact .contact-content{flex-direction:column;align-items:center;gap:0px}#contact .contact-content .contact-form{margin-top:100px}#contact .contact-content .contact-form .responseMessage{max-width:500px}}#contact .contact-formulaire-text{max-width:100%}@media(max-width: 1125px){#contact .contact-formulaire-text{display:flex;justify-content:center;align-items:center;flex-direction:row;max-width:100%}}@media(max-width: 938px){#contact .contact-formulaire-text{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:100%}}#contact .contact-formulaire-text-infos{display:flex;flex-direction:column;align-items:start;gap:15px;margin-top:30px}#contact .contact-formulaire-text-infos img{margin-right:10px}#contact .contact-formulaire-text-infos b{font-size:19px;font-weight:500;color:var(--text-theme-color);font-family:var(--roboto)}#contact .contact-formulaire-text-infos a{display:flex;align-items:center;font-size:19px;color:var(--grey);font-weight:400;font-family:var(--roboto)}#contact .contact-map{position:relative;width:auto;margin-top:75px}@media(max-width: 500px){#contact .contact-map{scale:.8}}@media(max-width: 400px){#contact .contact-map{scale:.7}}#contact .contact-map .nom-ville-psg{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;top:67px;left:196px}#contact .contact-map .nom-ville-om{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;top:296px;left:277px}#contact .contact-map label{display:flex;justify-content:center;width:auto;margin-bottom:10px;color:var(--color-ville)}#contact .contact-map .ville-img{border-radius:12px;position:absolute;display:none;width:165px}#contact .contact-map .ville-img img{border-radius:12px;width:100%;height:auto}#contact .contact-map .om-image{top:-80px;left:-175px}#contact .contact-map .psg-image{top:90px;left:-60px}#contact .contact-map .nom-ville-psg .point-map{cursor:pointer}#contact .contact-map .nom-ville-psg .point-map:hover+.psg-image{display:block}#contact .contact-map .nom-ville-om .point-map{cursor:pointer}#contact .contact-map .nom-ville-om .point-map:hover+.om-image{display:block}#contact .contact-form{border-radius:8px;padding:35px;min-width:504px;display:flex;flex-direction:column;justify-content:center;border:1px solid #a4f0cf;background-color:var(--white-to-light-dark-2);max-width:504px}@media(max-width: 575px){#contact .contact-form{min-width:100%}}#contact .contact-form form div:nth-child(1){display:flex;flex-direction:column;justify-content:center;align-items:start;gap:25px}#contact .warning-contact{display:flex;align-items:center;justify-content:start;flex-direction:row;gap:10px;margin-top:25px}@media(max-width: 430px){#contact .warning-contact{align-items:flex-start}#contact .warning-contact img{margin-top:10px}}#contact .btn-contact{margin-top:35px;width:100%;display:flex;justify-content:end}@media(max-width: 1125px){#contact .btn-contact{justify-content:center}}#nous-rejoindre .nous-rejoindre-header{background-image:url("../img/nous-rejoindre/nous-rejoindre.png");width:100%;height:40vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}#nous-rejoindre .nous-rejoindre-header.offre{background-image:url("../img/nous-rejoindre/nous-rejoindre-offre.png")}#nous-rejoindre .nous-rejoindre-header.postuler{background-image:url("../img/nous-rejoindre/nous-rejoindre-offre.png")}#nous-rejoindre .nous-rejoindre-top{background-color:var(--green);display:flex;flex-direction:column;align-items:center;gap:50px}#nous-rejoindre .nous-rejoindre-top p{font-size:20px;font-weight:500;text-align:center}@media screen and (max-width: 1024px){#nous-rejoindre .nous-rejoindre-top h3{text-align:center}#nous-rejoindre .nous-rejoindre-top p{text-align:center}}#nous-rejoindre .nous-rejoindre-offres-header p{text-align:center;font-size:24px;font-weight:500;line-height:40px;margin-bottom:90px}#nous-rejoindre .nous-rejoindre-offres-header h2{text-align:center;margin-bottom:40px}#nous-rejoindre .nous-rejoindre-offres{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}#nous-rejoindre .nous-rejoindre-offres .offre{background-color:var(--lighy-grey-to-light-dark);padding:20px;border:1px solid var(--green);border-radius:8px;max-width:650px;display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 1024px){#nous-rejoindre .nous-rejoindre-offres .offre{width:100%}}#nous-rejoindre .nous-rejoindre-offres .offre .offre-desc p{font-weight:500}#nous-rejoindre .nous-rejoindre-offres .offre .offres-info{display:flex;flex-direction:column;gap:15px;padding:20px 0px}#nous-rejoindre .nous-rejoindre-offres .offre .offres-info .tags{display:flex;gap:40px}@media screen and (max-width: 1024px){#nous-rejoindre .nous-rejoindre-offres .offre .offres-info .tags{flex-direction:column;gap:20px}}#nous-rejoindre .nous-rejoindre-offres .offre .offres-info .tags:first-of-type{margin-bottom:20px}#nous-rejoindre .nous-rejoindre-offres .offre .offres-info .tags .tag{color:var(--text-theme-color);display:flex;align-items:center;gap:10px;font-size:19px;font-weight:500}#nous-rejoindre .offer-tags-container{background-color:var(--lighy-grey-to-light-dark)}#nous-rejoindre .offer-tags-container .offer-tags{gap:50px;justify-content:space-around;margin-bottom:80px}#nous-rejoindre .offer-tags-container .offer-tags.offer-form{margin-bottom:0}@media screen and (max-width: 1024px){#nous-rejoindre .offer-tags-container .offer-tags{display:flex;justify-content:start}}#nous-rejoindre .offer-tags{display:flex;flex-wrap:wrap}#nous-rejoindre .offer-tags .tag{display:flex;gap:15px}#nous-rejoindre .offer-tags .tag .tag-info{display:flex;flex-direction:column}#nous-rejoindre .offer-tags .tag .tag-info span{font-size:16px;color:var(--grey)}#nous-rejoindre .offer-tags .tag .tag-info span:first-of-type{font-size:19px;font-weight:500;color:var(--text-theme-color)}@media screen and (max-width: 1024px){#nous-rejoindre .offer-tags .tag{align-content:space-around}}#nous-rejoindre .offer-detail article{margin-bottom:50px}#nous-rejoindre .offer-detail article h5{font-size:32px;font-weight:500;color:var(--text-theme-color);margin-bottom:30px}#nous-rejoindre .offer-detail article p{color:var(--text-theme-color);margin-bottom:30px}#nous-rejoindre .offer-detail article ul{color:var(--text-theme-color)}#nous-rejoindre .offer-detail article ul li{list-style-type:disc;line-height:35px;margin-left:30px;padding-left:10px}#nous-rejoindre .offer-detail article ul li:first-of-type{margin-top:15px}#nous-rejoindre .offer-form-container{box-shadow:-1px 3px 14.7px 0px rgba(0,0,0,.1098039216);padding:80px;border-radius:15px;background-color:var(--white-to-light-dark-2)}@media screen and (max-width: 1024px){#nous-rejoindre .offer-form-container{padding:30px}}#nous-rejoindre .offer-form-container form{display:flex;flex-direction:column;gap:40px}#nous-rejoindre .offer-form-container .form-container{display:flex;gap:30px;flex-direction:column}#nous-rejoindre .offer-form-container .form-container>div{display:flex;gap:35px}@media screen and (max-width: 834px){#nous-rejoindre .offer-form-container .form-container>div{flex-direction:column;align-items:center}}#mentions-legales h4{margin-bottom:30px;color:var(--text-theme-color)}#mentions-legales p{font-family:var(--roboto);font-weight:400;color:var(--text-theme-color)}#mentions-legales div{margin-bottom:60px;display:flex;flex-direction:column;gap:30px}.sd-header h1{color:var(--text-theme-color)}@media(max-width: 1080px){.sd-header h1{font-size:68px}}@media(max-width: 834px){.sd-header h1{text-align:center}}.sd-header .sd-header-content img{width:100%;height:auto}.sd-header .sd-header-content p{font-family:var(--roboto);font-weight:400;color:var(--grey);max-width:450px;line-height:30px}.sd-header .sd-header-content .sd-header-img{max-width:560px}@media(max-width: 1215px){.sd-header .sd-header-content .sd-header-img{max-width:370px}}.sd-header .sd-header-content .sd-header-titre{margin-bottom:100px;font-family:var(--outfit) !important}@media(max-width: 834px){.sd-header .sd-header-content .sd-header-titre{margin-bottom:75px}}.sd-header .sd-header-content .sd-header-infos{display:flex;justify-content:space-around;align-items:start;flex-direction:row;gap:80px}@media(max-width: 834px){.sd-header .sd-header-content .sd-header-infos{flex-direction:column;align-items:center;gap:50px}}.sd-header .sd-header-content .sd-header-infos .sd-header-texts{display:flex;gap:30px;flex-direction:column}.sd-header .sd-header-content .sd-header-infos .sd-header-img{padding-left:21px}.eco-conception{height:437px}.eco-conception .eco-conception-content{height:100%;position:relative;overflow:hidden}.eco-conception .eco-conception-content .eco_conception-text{height:100%;display:flex;flex-direction:column;justify-content:center;z-index:999;position:relative;padding:0 75px}@media(max-width: 834px){.eco-conception .eco-conception-content .eco_conception-text{padding:0 15px}}.eco-conception .eco-conception-content img{width:115%;height:200%;object-fit:cover;object-position:left;position:absolute;top:0;left:0}@media(max-width: 325px){.eco-conception{height:auto}}.eco-conception h2{color:#fbfbfb}.eco-conception p{margin-top:30px;color:#fbfbfb;font-weight:500;font-family:var(--roboto);max-width:600px;line-height:30px}.eco-conception-cards{display:flex;justify-content:center;background-color:var(--lighy-grey-to-light-dark)}.eco-conception-cards .eco-conception-cards-content{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px}.eco-conception-cards .eco-conception-cards-content img{width:100%;border-top-left-radius:12px;border-top-right-radius:12px}.eco-conception-cards .eco-conception-cards-content p{max-width:300px;padding:15px;padding-bottom:25px;font-family:var(--roboto);color:#353944;line-height:30px}.eco-conception-cards .eco-conception-card{background-color:var(--white-card-to-green);border-radius:12px;width:300px;height:auto}@media(max-width: 505px){.eco-conception-cards .eco-conception-card{width:100%}}.offres-solutions-durables h2{text-align:center;margin-bottom:25px;color:var(--text-theme-color)}.offres-solutions-durables h5{color:var(--text-theme-color);text-align:center}@media(max-width: 500px){.offres-solutions-durables h5{font-size:19px}}.offres-solutions-durables h6{color:var(--text-theme-color)}.offres-solutions-durables .offres-solutions-durables-header{margin-bottom:80px}.offres-solutions-durables .offres-solutions-durables-description p:nth-child(2){margin-bottom:30px}.offres-solutions-durables .offres-solutions-durables-description{margin-bottom:110px}.offres-solutions-durables .offres-solutions-durables-description p{color:var(--grey);font-weight:500;line-height:30px;font-family:var(--roboto)}.offres-solutions-durables .offres-solutions-durables-description li{color:var(--grey);margin-left:25px}.offres-solutions-durables .offres-solutions-durables-cards{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:40px;margin-top:75px}.offres-solutions-durables .offres-solutions-durables-card{display:flex;flex-direction:row;gap:20px;width:358px;padding:15px}.offres-solutions-durables .offres-solutions-durables-card .offres-solutions-durables-card-text{line-height:30px;width:250px}.offres-solutions-durables .offres-solutions-durables-card .offres-solutions-durables-card-text p{color:var(--grey);line-height:30px;font-family:var(--roboto)}.outils{padding-bottom:120px;background-color:var(--lighy-grey-to-light-dark);position:relative}.outils .outils-rond .outils-card{display:flex;justify-content:center;position:absolute;align-items:center;flex-direction:column;color:var(--black-to-white);background-color:var(--lighy-grey-to-light-dark);border:var(--white-card-to-green);border-radius:12px;width:393px;height:auto;opacity:0;padding:19px;transition:all .3s ease-in-out;transform:translateY(20px);pointer-events:none}.outils .orbit-petit .outils-card{top:100px;left:-30px;z-index:1}.outils .orbit-moyen .outils-card{top:100px;left:-70px;z-index:1}.outils .orbit-grand .outils-card{top:-215px;left:-75px;z-index:1}.outils .outils-titre{width:100%;display:flex;align-items:center;justify-content:center}.outils h3{max-width:615px;text-align:center;color:var(--text-theme-color)}.outils .outils-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px}@media(max-width: 768px){.outils .outils-content{flex-direction:column;align-items:center;gap:0px;margin-top:0px}}.outils .outils-rond{position:relative;width:632px;height:632px;display:flex;justify-content:center;align-items:center;margin-top:75px}@media(max-width: 768px){.outils .outils-rond{scale:.8;height:250px}.outils .outils-rond .orbit{scale:1.4}.outils .outils-rond .orbit-grand{top:-56px}.outils .outils-rond .orbit-grand .outils-card{top:-200px;left:0px;z-index:1}.outils .outils-rond .orbit-moyen{top:175px}.outils .outils-rond .orbit-moyen .outils-card{top:85px;left:-230px;z-index:1}.outils .outils-rond .orbit-petit{top:445px}.outils .outils-rond .orbit-petit .outils-card{top:80px;left:-150px;z-index:1}}@media(max-width: 600px){.outils .outils-rond{scale:.7}}@media(max-width: 500px){.outils .outils-rond{scale:.6}}@media(max-width: 400px){.outils .outils-rond{scale:.5}}@media(max-width: 350px){.outils .outils-rond{scale:.4}}@media(max-width: 325px){.outils .outils-rond{scale:.3}}@media(max-width: 300px){.outils .outils-rond{scale:.2}}.outils .ellipse{position:absolute;pointer-events:none;filter:var(--brightness-low-to-hight)}.outils .ellipse:nth-child(1){animation:rotate360 30s linear infinite}.outils .ellipse:nth-child(2){animation:rotate-360 30s linear infinite}.outils .ellipse:nth-child(3){animation:rotate360 30s linear infinite}@keyframes rotate360{0%{rotate:0deg}100%{rotate:360deg}}@keyframes rotate-360{0%{rotate:360deg}100%{rotate:0deg}}.outils :root{--time1: 2s;--time2: 7s;--time3: 6s}.outils .orbit{position:absolute;top:285px;left:287px}.outils .orbit .outils-card{color:var(--black-to-white);box-shadow:var(--shadow-picto)}.outils .orbit .outils-card ul{padding-left:40px;margin-top:15px}.outils .orbit .outils-card ul li{margin-bottom:10px}.outils .orbit-grand{transform:translateX(-200px)}.outils .orbit-grand:hover .outils-card{opacity:1;transform:translateY(0px)}.outils .orbit-moyen{transform:translateX(68px) translateY(65px)}.outils .orbit-moyen:hover .outils-card{opacity:1;transform:translateY(0px)}.outils .orbit-petit{transform:translateY(-316px)}.outils .orbit-petit:hover .outils-card{opacity:1;transform:translateY(0px)}.outils .picto{width:auto;height:auto;box-shadow:var(--shadow-picto);border-radius:50%;cursor:pointer}.eco-pour-tous{position:relative}.eco-pour-tous .eco-pour-tous-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.eco-pour-tous .eco-pour-tous-bg img{width:100%;height:200%;object-fit:cover;object-position:center}@media(max-width: 602px){.eco-pour-tous{background-size:250%}}@media(max-width: 502px){.eco-pour-tous{background-size:300%}}@media(max-width: 415px){.eco-pour-tous{background-size:350%}}@media(max-width: 371px){.eco-pour-tous{background-size:400%}}.eco-pour-tous h2{margin-bottom:30px;color:#fbfbfb}.eco-pour-tous p{margin-top:30px;color:#fbfbfb}.solutions-adaptees{position:relative;z-index:99;background-color:var(--lighy-grey-to-light-dark);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:175px}.solutions-adaptees h3{color:var(--text-theme-color)}.solutions-adaptees p{color:var(--grey);font-weight:400;line-height:30px;font-family:var(--roboto)}@media(max-width: 502px){.solutions-adaptees{gap:75px}}.solutions-adaptees .solutions-adaptees-top{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:75px}@media(max-width: 910px){.solutions-adaptees .solutions-adaptees-top{flex-direction:column;align-items:center;gap:50px}.solutions-adaptees .solutions-adaptees-top .solutions-adaptees-img{order:2}.solutions-adaptees .solutions-adaptees-top p{text-align:center}.solutions-adaptees .solutions-adaptees-top h3{text-align:center}}.solutions-adaptees .solutions-adaptees-bottom{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:75px}@media(max-width: 910px){.solutions-adaptees .solutions-adaptees-bottom{flex-direction:column;align-items:center;gap:50px}.solutions-adaptees .solutions-adaptees-bottom .solutions-adaptees-img{order:2}.solutions-adaptees .solutions-adaptees-bottom p{text-align:center}.solutions-adaptees .solutions-adaptees-bottom h3{text-align:center}}.solutions-adaptees .solutions-adaptees-img{display:flex;height:100%}.solutions-adaptees .solutions-adaptees-img img{width:465px;height:355px;border-radius:25px}@media(max-width: 600px){.solutions-adaptees .solutions-adaptees-img img{width:100%;height:auto}}.solutions-adaptees .solutions-adaptees-text{display:flex;flex-direction:column;gap:20px}.pdc-header{display:flex;flex-direction:column;background-image:url("../img/politique-de-confidentialite/systeme-de-securite.png");width:100%;height:50vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}.pdc-header h3{color:var(--white);width:100%;text-align:center}.pdc-maj{margin-bottom:32px}#pdc-texts div h3{color:var(--text-theme-color);width:100%}#pdc-texts h4{color:var(--text-theme-color);margin-top:40px;margin-bottom:15px}#pdc-texts p{padding-bottom:10px;color:var(--text-theme-color)}#pdc-texts ul{padding-left:20px;margin-bottom:20px}#pdc-texts ul li{margin-bottom:5px;color:var(--text-theme-color)}.cookies-header{display:flex;flex-direction:column;background-image:url("../img/politique-de-gestion-des-cookies/oeil-d-un-robot-futuriste.png");width:100%;height:50vh;background-repeat:no-repeat;background-position:center 30%;background-size:cover}.cookies-header h3{color:var(--white);width:100%;text-align:center}.cookies-maj{margin-bottom:32px}#cookies-texts div h3{color:var(--text-theme-color);width:100%}#cookies-texts h4{color:var(--text-theme-color);margin-top:40px;margin-bottom:15px}#cookies-texts p{padding-bottom:10px;color:var(--text-theme-color)}#cookies-texts ul{padding-left:45px;margin-bottom:20px}#cookies-texts ul li{margin-bottom:5px;color:var(--text-theme-color)}.lenis-scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.lenis-scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg, #95E0B5, #7bc99c);z-index:9999;transition:width .1s ease}.bouton-up{opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.bouton-up.show{opacity:1;visibility:visible;transform:translateY(0)}.bouton-up:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(149,224,181,.3)}.hidden{display:none}body.studio{background-color:var(--white-card-design-delivery) !important}body.studio h1{font-size:2.8rem}@media(max-width: 768px){body.studio h1{font-size:2.5rem}}body.studio h2{font-size:2.2rem}@media(max-width: 768px){body.studio h2{font-size:1.8rem}}body.studio h3{font-size:2rem}@media(max-width: 768px){body.studio h3{font-size:1.6rem}}body.studio h4{font-size:1.6rem}@media(max-width: 768px){body.studio h4{font-size:1.4rem}}.timeline{overflow:visible !important}.hero-studio{background:linear-gradient(93.19deg, #95E0C0 -10.36%, #1173B6 43.48%, #0B6EB6 70.45%, rgb(10, 110, 184) 89.79%);padding:150px 0;min-height:70vh;display:flex;align-items:center;overflow:hidden;position:relative}.hero-studio .line-bullet{position:absolute;bottom:0;z-index:0}@media(max-width: 768px){.hero-studio .line-bullet{display:none}}@media(max-width: 768px){.hero-studio{padding:0 0 80px 0;min-height:60vh}}.hero-studio::after{content:"";position:absolute;inset:0;filter:url(#grain);opacity:.15;pointer-events:none;z-index:0}.hero-container{margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:1}@media(max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}}.hero-left{padding-left:150px;z-index:1}.hero-left h1{font-family:var(--outfit);font-size:8rem !important;font-weight:700;color:#fff;margin-bottom:2rem;letter-spacing:2px;padding:0 !important}.hero-left h1 span{color:#91e3cd}@media(max-width: 768px){.hero-left h1{font-size:6rem !important}}.hero-left .hero-subtitle{font-family:var(--outfit);font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:2.5rem;line-height:1.4;letter-spacing:1px;min-height:202px}.hero-left .hero-subtitle span{color:#a4f0cf}.hero-left .hero-subtitle span#rotating-words{min-height:63px;display:block}@media(max-width: 768px){.hero-left .hero-subtitle{font-size:2rem;max-width:300px;margin:0 auto 2.5rem auto}}.hero-left .hero-buttons{display:flex;gap:2rem;flex-wrap:wrap}@media(max-width: 1024px){.hero-left .hero-buttons{justify-content:center}}@media(max-width: 768px){.hero-left .hero-buttons{flex-direction:column;align-items:center;width:100%}}@media(max-width: 1024px){.hero-left{padding-left:0px}}@media(max-width: 768px){.hero-left{margin-top:50px;padding-left:0px;margin-bottom:50px}}.hero-right{display:flex;justify-content:center;align-items:center;height:100%;width:100%;z-index:0;overflow:visible}@media(max-width: 1024px){.hero-right{order:2;height:300px}}.hero-animation{position:relative;height:100%;width:100%;overflow:visible}.parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;overflow:visible}.parallax-layer.test{z-index:-1}.parallax-layer img{width:100%;height:100%;object-fit:cover;transform:translateZ(0) scale(1.4) rotateX(30deg) rotateY(-15deg) rotateZ(31deg);overflow:visible}.parallax-layer:nth-child(1) img{filter:drop-shadow(0 10px 25px rgba(0, 0, 0, 0.3))}.parallax-layer:nth-child(3) img{filter:drop-shadow(29px -2px 10px rgba(0, 0, 0, 0.4));transform:translateX(140px) scale(1.5) rotateX(0deg) rotateY(0deg) rotateZ(-3deg)}@media(max-width: 768px){.parallax-layer:nth-child(3) img{transform:translateX(50px) scale(1.8) rotateX(0deg) rotateY(0deg) rotateZ(-3deg)}}.floating-svg{filter:drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));transition:transform .1s ease-out}.hero-buttons .studio-btn-primary,.hero-buttons .studio-btn-secondary{display:inline-block;padding:1.2rem 2.5rem;border-radius:5px;text-decoration:none;font-family:var(--outfit);font-weight:600;font-size:1rem;transition:all .3s ease;text-align:center;min-width:200px}@media(max-width: 768px){.hero-buttons .studio-btn-primary,.hero-buttons .studio-btn-secondary{min-width:250px;width:100%;max-width:400px}}.hero-buttons .studio-btn-primary{background-color:#a4f0cf;color:#216e66;border:2px solid #a4f0cf}.hero-buttons .studio-btn-primary:hover{background-color:rgba(0,0,0,0);color:#a4f0cf;transform:translateY(-3px);box-shadow:0 10px 25px hsla(0,0%,100%,.2)}.hero-buttons .studio-btn-secondary{background-color:rgba(0,0,0,0);color:#a4f0cf;border:2px solid #a4f0cf}.hero-buttons .studio-btn-secondary:hover{opacity:1;background-color:#a4f0cf;color:#216e66;transform:translateY(-3px);box-shadow:0 10px 25px hsla(0,0%,100%,.2)}.studio-offer{position:relative;padding:60px 0;margin-top:-130px;z-index:10}@media(max-width: 768px){.studio-offer{margin-top:-80px;padding:40px 14px}}.studio-offer .studio-container{position:relative}.studio-offer .offer-card{background-color:var(--white-card);border-radius:20px;padding:4rem;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:1100px;margin:0 auto;text-align:center}@media(max-width: 768px){.studio-offer .offer-card{padding:2rem 2rem 1.5rem 2rem;border-radius:15px}}.studio-offer .offer-card h2{font-family:var(--outfit);font-weight:700;color:var(--text-theme-color);margin-bottom:2rem;line-height:1.3}.studio-offer .offer-card p{font-family:var(--roboto);font-family:var(--roboto);font-size:1.2rem;color:var(--grey);line-height:1.7;max-width:800px;margin:0 auto}.studio-offer .offer-card p span{font-weight:700}@media(max-width: 768px){.studio-offer .offer-card p{font-size:1.2rem}}.studio-portfolio{padding:50px 0}.studio-portfolio .studio-container{max-width:1100px;margin:0 auto;padding:0 2rem}.studio-portfolio .portfolio-header{text-align:left;margin-bottom:4rem}.studio-portfolio .portfolio-header h2{font-family:var(--outfit);font-weight:700;color:var(--text-theme-color);margin-bottom:2rem}.studio-portfolio .portfolio-header p{font-family:var(--roboto);font-size:1.2rem;color:var(--grey);line-height:1.7}@media(max-width: 768px){.studio-portfolio .portfolio-header p{font-size:1.2rem}}.portfolio-asymmetric{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width: 1024px){.portfolio-asymmetric{grid-template-columns:1fr;height:auto;gap:2rem}}.portfolio-left .portfolio-item.large{height:100%}.portfolio-left .portfolio-item.large .portfolio-content{padding-top:0}.portfolio-left .portfolio-item.large .csws-showcase{position:relative;display:flex;justify-content:center;align-items:center;max-height:600px}.portfolio-left .portfolio-item.large .csws-showcase .csws-desktop{font-family:var(--roboto);position:absolute;width:100%;height:auto;object-fit:contain;transition:transform .3s ease;z-index:1}.portfolio-left .portfolio-item.large .csws-showcase .csws-mobile{position:absolute;top:30%;left:10%;width:40%;height:auto;object-fit:contain;transition:transform .3s ease;z-index:2;border-radius:8px}.portfolio-right{display:flex;flex-direction:column;gap:2rem}.portfolio-right .portfolio-item.small:nth-child(2) .portfolio-content{padding-top:0}.portfolio-right .portfolio-item.small .portfolio-image{transition:transform .3s ease-out;position:relative;max-height:250px}.portfolio-right .portfolio-item.small .portfolio-image img{position:relative;z-index:2}.portfolio-right .portfolio-item.small .svg-anim{border-radius:10px;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.portfolio-right .portfolio-item.small .svg-anim svg{height:100%;width:100%}.portfolio-right .portfolio-item.small .svg-anim .gray-line{fill:none;stroke:#d1d5db;stroke-width:2}.portfolio-right .portfolio-item.small .svg-anim .green-line{fill:none;stroke:#a4f0cf;stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000}.portfolio-right .portfolio-item.small .svg-anim .line-1{animation:traceLine 4s ease-in-out 0s infinite}.portfolio-right .portfolio-item.small .svg-anim .line-2{animation:traceLine 4s ease-in-out 1s infinite}.portfolio-right .portfolio-item.small .svg-anim .line-3{animation:traceLine 4s ease-in-out 2s infinite}.portfolio-right .portfolio-item.small .svg-anim .line-4{animation:traceLine 4s ease-in-out 3s infinite}.portfolio-right .portfolio-item.small .svg-anim .green-dot{fill:#a4f0cf}@keyframes traceLine{0%{stroke-dashoffset:1000}50%{stroke-dashoffset:0}100%{stroke-dashoffset:-1000}}.portfolio-right .portfolio-item.small.parallax .portfolio-image img:first-of-type{width:100%;height:315%;object-fit:cover;transform:translateY(-40%)}.portfolio-right .portfolio-item.small:hover .portfolio-image{transform:scale(1.03)}.portfolio-button{margin-top:20px}.portfolio-button a{color:var(--text-theme-color-black-to-green);border:2px solid var(--text-theme-color-black-to-green);padding:10px 30px;border-radius:5px;display:flex;width:fit-content;gap:10px;align-items:center;transition:all .3s ease}.portfolio-button a svg path{stroke:var(--text-theme-color-black-to-green)}.portfolio-button a:hover{gap:20px;opacity:1}.studio-portfolio .portfolio-item{background-color:var(--white-to-light-dark-2);border-radius:16px;overflow:hidden;transition:all .4s ease;display:flex;flex-direction:column;padding:20px}.studio-portfolio .portfolio-item:hover{transform:translateY(-8px)}.studio-portfolio .portfolio-item .portfolio-image{flex:1;overflow:hidden;min-height:200px;border-radius:11px;max-height:400px}.studio-portfolio .portfolio-item .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.studio-portfolio .portfolio-item .portfolio-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}@media(max-width: 768px){.studio-portfolio .portfolio-item .portfolio-content{padding:1rem 0 0 0 !important}}.studio-portfolio .portfolio-item .portfolio-content h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);line-height:1.3}.studio-portfolio .portfolio-item .portfolio-content p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6;flex:1}.small .studio-portfolio .portfolio-item .portfolio-content p{font-size:.9rem}.portfolio-full-width{margin-top:2rem}.portfolio-full-width .portfolio-item.wide{gap:0;border-radius:16px;overflow:hidden;transition:all .4s ease}.portfolio-full-width .portfolio-item.wide:hover{transform:translateY(-8px)}@media(max-width: 1024px){.portfolio-full-width .portfolio-item.wide{grid-template-columns:1fr;height:auto}}.portfolio-full-width .portfolio-item.wide .portfolio-image{flex:none;height:100%;position:relative;overflow:hidden}@media(max-width: 1024px){.portfolio-full-width .portfolio-item.wide .portfolio-image{height:250px}}.portfolio-full-width .portfolio-item.wide .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-full-width .portfolio-item.wide .portfolio-content{padding:3rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}@media(max-width: 1024px){.portfolio-full-width .portfolio-item.wide .portfolio-content{padding:2rem}}.portfolio-full-width .portfolio-item.wide .portfolio-content h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);line-height:1.3}.portfolio-full-width .portfolio-item.wide .portfolio-content p{font-family:var(--roboto);font-family:var(--roboto);font-size:1.2rem;color:var(--grey);line-height:1.6}@media(max-width: 1024px){.portfolio-full-width .portfolio-item.wide .portfolio-content p{font-size:1rem}}.btn-primary:not(.hero-buttons .btn-primary){display:inline-block;background-color:var(--button-link-color);color:var(--white);padding:1rem 2rem;border-radius:8px;text-decoration:none;font-family:var(--outfit);font-weight:600;transition:all .3s ease}.btn-primary:not(.hero-buttons .btn-primary):hover{background-color:var(--green-dark);transform:translateY(-2px)}.services-overview{padding:80px 0 80px 0;max-width:1100px;margin:0px auto;overflow:visible}.services-overview h2{font-family:var(--outfit);font-weight:700;color:var(--text-theme-color);margin-bottom:3rem}@media(max-width: 768px){.services-overview{padding:50px 12px 80px 12px}}.services-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2rem;margin-top:2rem;height:600px}@media(max-width: 1024px){.services-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto}}.service-card{position:relative;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;min-height:250px;transition:all .3s ease}.service-card:hover{transform:translateY(-5px)}.service-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .3s ease;z-index:0}.service-card:hover::after{transform:scale(1.08)}.service-card:first-child{grid-row:1/3}@media(max-width: 1024px){.service-card:first-child{grid-row:auto}}.service-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);z-index:2}.service-card .service-content{position:relative;z-index:3;padding:2rem;background-color:var(--white-to-light-dark-2);margin:1rem;border-radius:12px;backdrop-filter:blur(10px);width:calc(100% - 2rem)}.service-card .service-content .service-content-header{display:flex;gap:20px;align-items:center;margin-bottom:20px}.service-card .service-content .service-content-header svg{min-width:51px}.service-card .service-content .service-content-header h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color)}.service-card .service-content p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6;margin:0}@media(max-width: 768px){.service-card .service-content{margin-top:90px}}.service-card.service-web::after{background-image:url("../studio/img/services/developpement.png");transform:rotateY(180deg)}.service-card.service-mobile::after{background-image:url("../studio/img/services/web-design.png")}.service-card.service-design::after{background-image:url("../studio/img/services/co-construction.png")}@media(max-width: 768px){.service-card{background-size:cover}}.services-outils{max-width:1100px;margin:80px auto 130px auto}.services-outils .services-outils-card{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media(max-width: 768px){.services-outils .services-outils-card{grid-template-columns:1fr}}.services-outils .services-outils-card .card{background:linear-gradient(105.57deg, rgba(11, 110, 182, 0.9) 10.8%, rgba(91, 164, 218, 0.9) 40.21%, rgba(149, 224, 181, 0.9) 94.5%);position:relative;overflow:hidden;color:var(--white);padding:30px;border-radius:25px}.services-outils .services-outils-card .card .card-content{z-index:1;position:relative}.services-outils .services-outils-card .card .card-content .card-content-picto{margin-bottom:30px}.services-outils .services-outils-card .card .card-bg{position:absolute;bottom:-10px;left:-10px}.services-outils .services-outils-card .card::after{content:"";position:absolute;inset:0;background:linear-gradient(105.57deg, rgb(11, 110, 182) 10.8%, rgb(91, 164, 218) 40.21%, rgb(149, 224, 181) 94.5%);filter:url(#grain);opacity:.25;pointer-events:none;border-radius:12px;z-index:0}.services-outils h2{font-family:var(--outfit);font-weight:700;color:var(--text-theme-color);margin-bottom:3rem}@media(max-width: 768px){.services-outils{padding-left:12px;padding-right:12px;margin-bottom:0}}.services-expertise{max-width:1100px;margin:80px auto 130px auto}.services-expertise .services-expertise-card{background-color:var(--white-to-light-dark-2);display:flex;border-radius:25px;padding:20px;gap:50px}@media(max-width: 768px){.services-expertise .services-expertise-card{flex-direction:column}}.services-expertise .services-expertise-card .card-left{width:50%;height:250px;overflow:hidden;border-radius:20px}@media(max-width: 768px){.services-expertise .services-expertise-card .card-left{width:100%;height:auto}}.services-expertise .services-expertise-card .card-left img{width:100%;border-radius:20px}.services-expertise .services-expertise-card .card-right{width:50%;display:flex;align-items:center}@media(max-width: 768px){.services-expertise .services-expertise-card .card-right{width:100%}}.services-expertise .services-expertise-card .card-right p{font-family:var(--roboto);color:var(--text-theme-color);font-weight:400;font-size:1rem;line-height:1.5;padding-right:30px}@media(max-width: 768px){.services-expertise .services-expertise-card .card-right p{padding:0}}.services-expertise h2{font-family:var(--outfit);font-weight:700;color:var(--text-theme-color);margin-bottom:3rem}@media(max-width: 768px){.services-expertise{padding-left:12px;padding-right:12px;margin-bottom:80px;margin-top:0}}.services-efficacite{max-width:1100px;margin:80px auto 130px auto}.services-efficacite .services-efficacite-card{background-color:var(--white-to-light-dark-2);display:flex;flex-direction:column;border-radius:25px;padding:30px;gap:50px;transition:all .3s ease}.services-efficacite .services-efficacite-card .card-left{overflow:hidden;border-radius:20px}@media(max-width: 768px){.services-efficacite .services-efficacite-card .card-left{height:auto}}.services-efficacite .services-efficacite-card .card-left img{width:100%;border-radius:20px;transition:transform .3s ease}.services-efficacite .services-efficacite-card:hover .card-left img{transform:scale(1.05)}.services-efficacite .services-efficacite-card .card-right{align-items:center;margin-bottom:30px}.services-efficacite .services-efficacite-card .card-right .cards-efficacite{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media(max-width: 768px){.services-efficacite .services-efficacite-card .card-right .cards-efficacite{grid-template-columns:1fr}}.services-efficacite .services-efficacite-card .card-right .cards-efficacite .card{background:var(--card-gradient-green-to-white);padding:30px 15px;border-radius:15px;display:flex;align-items:center;gap:40px;justify-content:center}.services-efficacite .services-efficacite-card .card-right .cards-efficacite .card svg path{fill:var(--black)}.services-efficacite .services-efficacite-card .card-right .cards-efficacite .card p{font-family:var(--roboto);font-weight:500;font-size:1rem;line-height:100%;color:var(--black)}.services-efficacite .services-efficacite-card .card-right h4{font-weight:400;line-height:100%;margin-bottom:60px;color:var(--black-to-white)}.services-efficacite h2{font-family:var(--outfit);font-weight:700;color:var(--text-theme-color);margin-bottom:3rem}@media(max-width: 768px){.services-efficacite{padding-left:12px;padding-right:12px;margin-bottom:0px}}.studio-submenu{background:var(--lighy-grey-to-light-dark);padding:12px 0}.studio-submenu .submenu-nav ul.submenu-links{display:flex;flex-wrap:wrap;gap:30px;margin:0;padding:0;list-style:none;justify-content:center}.studio-submenu .submenu-nav ul.submenu-links li a{font-family:var(--inter);font-size:.9rem;font-weight:500;color:var(--text-theme-color);text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .3s ease;position:relative}.studio-submenu .submenu-nav ul.submenu-links li a:hover{color:var(--alt-green);transform:translateY(-2px)}.studio-submenu .submenu-nav ul.submenu-links li a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--alt-green);transition:width .3s ease,left .3s ease}.studio-submenu .submenu-nav ul.submenu-links li a:hover::after{width:100%;left:0}.page-header{background-color:var(--primary);padding:100px 0 60px 0;text-align:center}.page-header h1{font-family:var(--outfit);font-weight:700;color:var(--text-theme-color);margin-bottom:1rem}.page-header p{font-family:var(--roboto);font-family:var(--roboto);font-size:1.2rem;color:var(--grey)}.realisations-grid{padding:80px 0;background-color:var(--background)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2.5rem;margin-top:2rem}@media(max-width: 768px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-item{border-radius:12px;overflow:hidden;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-8px)}.portfolio-item .portfolio-image{height:200px;overflow:hidden}.portfolio-item .portfolio-image.gradient-bottom::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:var(--white-to-dark-gradient);pointer-events:none;z-index:3}.portfolio-item .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item .portfolio-content{padding:2rem}.portfolio-item .portfolio-content h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:1rem}.portfolio-item .portfolio-content p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6}.eco-intro{padding:80px 0;background-color:var(--background)}.eco-intro .eco-content{max-width:800px;margin:0 auto;text-align:center}.eco-intro .eco-content h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:2rem}.eco-intro .eco-content p{font-family:var(--roboto);font-family:var(--roboto);font-size:1.2rem;color:var(--grey);line-height:1.7;margin-bottom:2rem}.eco-practices{padding:80px 0;background-color:var(--lighy-grey-to-light-dark)}.eco-practices h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);text-align:center;margin-bottom:3rem}.practices-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2rem}@media(max-width: 768px){.practices-grid{grid-template-columns:1fr}}.practice-item{background-color:var(--white-card);padding:2rem;border-radius:12px;box-shadow:var(--shadow-picto);text-align:center;transition:transform .3s ease}.practice-item:hover{transform:translateY(-5px)}.practice-item .practice-icon{font-size:2.8rem;margin-bottom:1rem}.practice-item h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:1rem}.practice-item p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6}.eco-benefits{padding:80px 0;background-color:var(--background)}.eco-benefits h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);text-align:center;margin-bottom:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}@media(max-width: 768px){.benefits-grid{grid-template-columns:1fr}}.benefit-item{background-color:var(--white-card);padding:2rem;border-radius:12px;box-shadow:var(--shadow-picto)}.benefit-item h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:1rem}.benefit-item p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6}.eco-cta{padding:80px 0;background:linear-gradient(135deg, var(--primary) 0%, var(--green-dark) 100%);text-align:center}.eco-cta .cta-content{max-width:600px;margin:0 auto}.eco-cta .cta-content h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:2rem}.eco-cta .cta-content p{font-family:var(--roboto);font-family:var(--roboto);font-size:1.2rem;color:var(--text-theme-color);margin-bottom:2rem;line-height:1.6}.process-steps{padding:80px 0}.process-steps h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);text-align:center;margin-bottom:3rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}@media(max-width: 768px){.steps-grid{grid-template-columns:1fr}}.step-item{background-color:var(--white-card);padding:2rem;border-radius:12px;box-shadow:var(--shadow-picto);text-align:center;position:relative;transition:transform .3s ease}.step-item:hover{transform:translateY(-5px)}.step-item .step-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background-color:var(--primary);color:var(--text-theme-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--outfit);font-weight:700;font-size:1.2rem;box-shadow:var(--shadow-picto)}.step-item h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin:2rem 0 1rem 0}.step-item p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6}.methodology-values{padding:80px 0;background-color:var(--lighy-grey-to-light-dark)}.methodology-values h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);text-align:center;margin-bottom:3rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}@media(max-width: 768px){.values-grid{grid-template-columns:1fr}}.value-card{background-color:var(--white-card);padding:2rem;border-radius:12px;box-shadow:var(--shadow-picto);text-align:center;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-card h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:1rem}.value-card p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6}.contact-content{padding:80px 0;background-color:var(--background)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:3rem}}.contact-info h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:2rem}.contact-info p{font-family:var(--roboto);font-family:var(--roboto);color:var(--grey);line-height:1.6}.contact-methods{margin-bottom:2rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.contact-method .method-icon{font-size:1.4rem;padding:10px;background-color:var(--primary);border-radius:8px;flex-shrink:0}.contact-method .method-content h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:.5rem}.contact-method .method-content p{font-family:var(--roboto);margin:0}.contact-method .method-content p a{color:var(--button-link-color);text-decoration:none}.contact-method .method-content p a:hover{text-decoration:underline}.response-time{background-color:var(--primary);padding:2rem;border-radius:12px;margin-top:2rem}.response-time h3{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:.5rem}.response-time p{font-family:var(--roboto);margin:0;font-family:var(--roboto);color:var(--text-theme-color)}.contact-form-container{background-color:var(--white-card);padding:2rem;border-radius:12px;box-shadow:var(--shadow-picto)}.contact-form h2{font-family:var(--outfit);font-weight:600;color:var(--text-theme-color);margin-bottom:2rem}.contact-form .form-group{font-family:var(--roboto);margin-bottom:2rem}.contact-form .form-group label{display:block;font-family:var(--outfit);font-weight:500;color:var(--text-theme-color);margin-bottom:.5rem}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{width:100%;padding:12px;border:2px solid var(--lighy-grey-to-light-dark);border-radius:6px;font-family:var(--roboto);font-size:1rem;background-color:var(--background);color:var(--text-theme-color);transition:border-color .3s ease;box-sizing:border-box}.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus{outline:none;border-color:var(--primary)}.contact-form .form-group textarea{resize:vertical;min-height:120px}.contact-form .form-group.checkbox-group{font-family:var(--roboto);display:flex;align-items:flex-start;gap:.5rem}.contact-form .form-group.checkbox-group input[type=checkbox]{width:auto;margin:0;flex-shrink:0;margin-top:2px}.contact-form .form-group.checkbox-group label{margin:0;font-size:.9rem;cursor:pointer}.contact-form .btn-primary{width:100%;text-align:center;margin-top:1rem}.contact-cta{padding:60px 0;background:linear-gradient(135deg, var(--green-dark) 0%, var(--primary) 100%);text-align:center}.contact-cta .cta-content{max-width:600px;margin:0 auto}.contact-cta .cta-content h2{font-family:var(--outfit);font-weight:600;color:var(--white);margin-bottom:2rem}.contact-cta .cta-content p{font-family:var(--roboto);font-family:var(--roboto);font-size:1.2rem;color:var(--white);line-height:1.6}.pricing{overflow:visible}.pricing .pricing-legende{max-width:1100px;margin:50px auto 30px auto;padding-bottom:20px}.pricing .pricing-legende p{font-weight:700;font-size:24px;color:var(--black-to-white)}.pricing .pricing-header{background:linear-gradient(105.57deg, rgba(11, 110, 182, 0.9) 10.8%, rgba(91, 164, 218, 0.9) 40.21%, rgba(149, 224, 181, 0.9) 94.5%);color:#fff;text-align:center;padding:50px 20px 250px 20px;border-radius:20px;position:relative;overflow:hidden;z-index:-1}.pricing .pricing-header::after{content:"";position:absolute;inset:0;background:linear-gradient(105.57deg, rgba(11, 110, 182, 0.9) 10.8%, rgba(91, 164, 218, 0.9) 40.21%, rgba(149, 224, 181, 0.9) 94.5%);filter:url(#grain);opacity:.25;pointer-events:none;z-index:0}.pricing .pricing-header h2{margin:auto;max-width:1100px;text-align:left;position:relative;margin-bottom:10px;z-index:1}.pricing .pricing-header p{margin:auto;max-width:1100px;text-align:left;position:relative;font-size:1rem;z-index:1}.pricing .cards{max-width:1100px;margin:-200px auto 0 auto;padding-bottom:20px;display:flex;flex-direction:column}.pricing .cards>div{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.pricing .cards>div:first-of-type{min-height:536px}.pricing .cards>div:first-of-type .card{margin-bottom:30px;flex:1}.pricing .cards>div:last-of-type .card{flex:0 0 360px}.pricing .cards>div:first-of-type{margin-bottom:30px}.pricing .cards>div:first-of-type .card:nth-child(1){z-index:5}.pricing .cards>div:first-of-type .card:nth-child(1) .card-face{min-height:536px}.pricing .cards>div:first-of-type .card:nth-child(2){z-index:4}.pricing .cards>div:first-of-type .card:nth-child(2) .card-face{min-height:536px}.pricing .cards>div:first-of-type .card:nth-child(3){z-index:3}.pricing .cards>div:first-of-type .card:nth-child(3) .card-face{min-height:536px}@media(max-width: 768px){.pricing .cards>div:first-of-type .card:nth-child(3) .card-face{min-height:603px}}.pricing .cards>div:last-of-type .card:nth-child(1){z-index:2;margin-bottom:30px}.pricing .cards>div:last-of-type .card:nth-child(1) .card-face{min-height:631px}.pricing .cards>div:last-of-type .card:nth-child(1) .card-face .card-content{min-height:511px}@media(max-width: 768px){.pricing .cards>div:last-of-type .card:nth-child(1) .card-face{min-height:714px}}.pricing .cards>div:last-of-type .card:nth-child(2){z-index:1}.pricing .cards>div:last-of-type .card:nth-child(2) .card-face{min-height:631px}.pricing .cards .card{perspective:1000px;min-width:300px;max-width:360px;height:fit-content;position:relative}.pricing .cards .card:hover{z-index:10}.pricing .cards .card:hover .card-flip{font-family:var(--roboto);transform:rotateY(180deg)}.pricing .cards .card-flip{font-family:var(--roboto);width:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease-in-out}.pricing .cards .card-face{width:100%;backface-visibility:hidden;background-color:var(--white-to-light-dark-2);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:30px 20px;display:flex;flex-direction:column;text-align:center;overflow:hidden}.pricing .cards .card-face .card-header{display:flex;align-items:center;gap:20px;justify-content:center}.pricing .cards .card-face .card-content{height:100%;display:flex;flex-direction:column;min-height:416px;justify-content:space-between}.pricing .cards .card-face ul li{text-align:start;margin-bottom:10px;margin-left:15px;color:var(--black-to-white)}.pricing .cards .card-face p{font-family:var(--roboto);color:var(--black-to-white);font-weight:400;font-size:1rem;line-height:130%;text-align:left;margin-bottom:20px}.pricing .cards .card-face p.portfolio-star span{color:var(--alt-green)}.pricing .cards .card-face h3{margin-bottom:20px;font-weight:600;color:var(--black-to-white)}.pricing .cards .card-face h3 span{color:var(--alt-green);margin-left:10px}.pricing .cards .card-face .price{font-size:2rem;font-weight:bold;margin:20px 0;color:var(--alt-green)}.pricing .cards .card-face .cta{margin-top:auto;padding:10px 20px;border-radius:8px;border:none;background:#2d6a4f;color:#fff;font-size:.9rem;font-weight:bold;cursor:pointer;transition:background .3s}.pricing .cards .card-face .cta:hover{background:#1b4332}.pricing .cards .card-face-front .portfolio-button{margin-top:40px}@media(max-width: 768px){.pricing .cards .card-face-front .portfolio-button a{pointer-events:none}}.pricing .cards .card-face-back{position:absolute;top:0;left:0;transform:rotateY(180deg);background-color:var(--white-to-light-dark-2);box-shadow:0 4px 20px rgba(0,0,0,.15)}.pricing .cards .card-face-back .price{font-size:1.8rem;font-weight:bold;color:var(--alt-green);margin:0;text-align:center}.pricing .cards .card-face-back .services-list{flex:1;margin:20px 0}.pricing .cards .card-face-back .services-list ul{list-style:none;padding:0;margin:0}.pricing .cards .card-face-back .services-list ul li{font-size:.9rem;line-height:1;text-align:left;display:flex}.pricing .cards .card-face-back .services-list ul li svg{width:16px;height:16px;flex-shrink:0;margin-right:10px}.pricing .cards .card-face-back .services-list ul li.active{color:var(--black-to-white)}.pricing .cards .card-face-back .services-list ul li.inactive{color:var(--grey);opacity:.6}@media(max-width: 768px){.pricing .cards{flex-direction:column;padding:0px 20px}.pricing .cards .card-face{padding:20px 15px}.pricing .cards .card-face-back .services-list ul li{font-size:.9rem;padding:6px 0}}.timeline{max-width:1100px;margin:40px auto 40px auto}.timeline h3{font-weight:700;line-height:100%;margin-bottom:30px;color:var(--black-to-white)}.timeline>p{font-family:var(--roboto);font-weight:400;font-size:1.4rem;color:var(--black-to-white);margin-bottom:50px}.timeline-container{max-width:1100px;margin:0 auto;position:relative}.timeline-line{position:absolute;left:50%;top:0;width:4px;height:100%;background:var(--lighy-grey-to-light-dark);transform:translateX(-50%);z-index:-1}.timeline-line::before{content:"";position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg, var(--primary), var(--alt-green));transition:height .3s ease;z-index:2}.timeline-item{position:relative;margin:40px 0;display:flex;width:100%;transition:all .6s cubic-bezier(0.4, 0, 0.2, 1)}.timeline-item.active{opacity:1}.timeline-item.active::before{background:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary), 0.2);scale:1.2}.timeline-item:nth-child(odd){justify-content:flex-end}.timeline-item:nth-child(even){justify-content:flex-start}.timeline-content{position:relative;background:var(--white-card);border-radius:12px;padding:30px;max-width:500px;width:100%;border:2px solid rgba(0,0,0,0);transition:all .4s ease}.timeline-item.active .timeline-content{border:2px solid rgba(0,0,0,0);background:linear-gradient(var(--white-card), var(--white-card)) padding-box,var(--default-boder-gradient);transform:translateY(-5px) scale(1.02)}.timeline-title{display:flex;gap:20px}.timeline-title h4{font-weight:700;color:var(--text-theme-color);margin-bottom:20px}.timeline-title svg{height:40px;width:40px}.timeline-title svg path{fill:var(--text-theme-color)}.timeline-description{font-size:.9rem;color:var(--grey);line-height:1.5}@media(max-width: 768px){.timeline{padding:0 20px}.timeline-line{display:none}.timeline-item{margin:60px 0}.timeline-item:nth-child(odd),.timeline-item:nth-child(even){justify-content:flex-start}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{margin-right:0;max-width:100vw}.timeline-content{padding:25px}.timeline-title{font-size:1.2rem}.timeline-description{font-size:.9rem}}.container-studio-web{max-width:1100px;margin:0 auto;border-radius:25px}.hero-studio-web{padding:80px 0 40px;overflow:visible}.hero-studio-web .hero-header{text-align:center;margin-bottom:60px}.hero-studio-web .hero-header h1{font-weight:700;color:var(--text-theme-color);margin-bottom:30px;line-height:1.1}.hero-studio-web .hero-header p{font-family:var(--roboto);font-size:1.2rem;color:var(--grey);line-height:1.7;max-width:800px;margin:0 auto}.hero-studio-web .hero-image{width:100%;margin-top:40px;background:linear-gradient(105.57deg, rgba(11, 110, 182, 0.9) 10.8%, rgba(91, 164, 218, 0.9) 40.21%, rgba(149, 224, 181, 0.9) 94.5%);border-radius:20px;position:relative}.hero-studio-web .hero-image .image-placeholder{width:100%;min-height:400px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.9);font-size:1rem;border:none;position:relative;transition:transform .3s ease-out;top:50px}.hero-studio-web .hero-image .image-placeholder img{width:100%;z-index:2}.hero-studio-web .hero-image .image-placeholder:hover{transform:translateY(-8px)}.hero-studio-web .hero-image .image-placeholder .svg-anim{position:absolute;top:0;left:0;z-index:1;width:102%;height:100%;opacity:1}.hero-studio-web .hero-image .image-placeholder .svg-anim svg{height:100%;width:100%}.hero-studio-web .hero-image .image-placeholder .svg-anim .gray-line{fill:none;stroke:hsla(0,0%,100%,.3);stroke-width:1;stroke-dasharray:4,4;animation:dash 2s linear infinite}.hero-studio-web .hero-image .image-placeholder .svg-anim .green-line{fill:none;stroke:#a4f0cf;stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000}.hero-studio-web .hero-image .image-placeholder .svg-anim .line-1{animation:traceLine 4s ease-in-out 0s infinite}.hero-studio-web .hero-image .image-placeholder .svg-anim .line-2{animation:traceLine 4s ease-in-out 1s infinite}.hero-studio-web .hero-image .image-placeholder .svg-anim .line-3{animation:traceLine 4s ease-in-out 2s infinite}.hero-studio-web .hero-image .image-placeholder .svg-anim .line-4{animation:traceLine 4s ease-in-out 3s infinite}.hero-studio-web .hero-image .image-placeholder .svg-anim .green-dot{fill:#a4f0cf}@keyframes traceLine{0%{stroke-dashoffset:1000}50%{stroke-dashoffset:0}100%{stroke-dashoffset:-1000}}@keyframes dash{to{stroke-dashoffset:-8}}.hero-studio-web .hero-content-wrapper{display:flex;gap:60px;align-items:center;margin-top:80px}.hero-studio-web .hero-content-wrapper .hero-visual{flex:0 0 50%}.hero-studio-web .hero-content-wrapper .hero-visual .portfolio-item{max-height:400px;overflow:hidden;border-radius:20px}.hero-studio-web .hero-content-wrapper .hero-visual .portfolio-item img{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:20px}.hero-studio-web .hero-content-wrapper .hero-text{flex:0 0 50%;color:var(--white)}.hero-studio-web .hero-content-wrapper .hero-text h2{font-weight:700;color:var(--white);margin-bottom:30px;line-height:1.2}.hero-studio-web .hero-content-wrapper .hero-text p{font-family:var(--roboto);font-size:1.2rem;color:var(--white);line-height:1.7;margin-bottom:30px;opacity:.9}.hero-studio-web .hero-content-wrapper .hero-text ul{list-style:none;padding:0;margin:0}.hero-studio-web .hero-content-wrapper .hero-text ul li{font-size:1.2rem;color:var(--white);margin-bottom:10px;padding-left:20px;position:relative;opacity:.9}.hero-studio-web .hero-content-wrapper .hero-text ul li::before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:bold}@media(max-width: 768px){.hero-studio-web .hero-content-wrapper{flex-direction:column;gap:40px;margin-top:40px}.hero-studio-web .hero-content-wrapper .hero-visual,.hero-studio-web .hero-content-wrapper .hero-text{flex:none;width:100%}}@media(max-width: 768px){.hero-studio-web{padding:40px 12px}.hero-studio-web .hero-header{margin-bottom:20px}}.creation-section .container-studio-web{background:var(--lighy-grey-to-light-dark);padding:30px}.creation-section .section-header{margin-bottom:60px;padding:0 40px}.creation-section .section-header h2{font-family:var(--outfit);color:var(--text-theme-color);margin-bottom:20px;font-weight:700}.creation-section .section-header .intro-text{font-family:var(--outfit);color:var(--text-theme-color);margin-bottom:20px;font-weight:400;font-size:1.4rem}.creation-section .visual-content{position:relative}.creation-section .dev-web-showcase{position:relative;width:100%;min-height:350px}.creation-section .dev-web-showcase .desktop-img,.creation-section .dev-web-showcase .mobile-img{position:absolute;transition:transform .6s ease}.creation-section .dev-web-showcase .desktop-img{top:0;left:0;width:100%;height:auto;z-index:1}.creation-section .dev-web-showcase .mobile-img{top:20%;left:-10%;width:30%;height:auto;z-index:2;max-width:150px}.accessibilite-section{overflow:visible}.accessibilite-section .container-studio-web{background:var(--lighy-grey-to-light-dark);padding:30px}.accessibilite-section .section-header{margin-bottom:60px;padding:0 40px}.accessibilite-section .section-header h2{font-family:var(--outfit);color:var(--text-theme-color);margin-bottom:20px;font-weight:700}.accessibilite-section .section-header .intro-text{font-family:var(--outfit);color:var(--text-theme-color);margin-bottom:20px;font-weight:400;font-size:1.4rem}.accessibilite-section .visual-content{position:relative}.accessibilite-section .dev-accessibilite-showcase{position:relative;width:100%;min-height:350px}.accessibilite-section .dev-accessibilite-showcase .mobile-img-2,.accessibilite-section .dev-accessibilite-showcase .mobile-img-3{position:absolute;transition:transform .6s ease}.accessibilite-section .dev-accessibilite-showcase .mobile-img-2{top:10%;left:20%;width:25%;height:auto;z-index:1}.accessibilite-section .dev-accessibilite-showcase .mobile-img-3{top:30%;right:15%;width:25%;height:auto;z-index:2}.accessibilite-section .content-wrapper{display:flex;gap:60px;align-items:center}.accessibilite-section .content-wrapper>div{flex:1}.accessibilite-section .features-list{list-style:none;padding:0;margin:0}.accessibilite-section .features-list li{color:var(--grey);font-size:1.4rem;line-height:1.6;margin-bottom:15px;padding-left:20px;position:relative}.accessibilite-section .features-list li::before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:bold}.accessibilite-section .features-list li strong{color:var(--text-theme-color);font-weight:600}@media(max-width: 768px){.accessibilite-section{padding:0 12px}.accessibilite-section .content-wrapper{flex-direction:column;gap:40px}.accessibilite-section .content-wrapper .visual-content{order:2;height:300px;width:100%}.accessibilite-section .content-wrapper .text-content{order:1}.accessibilite-section .dev-accessibilite-showcase{min-height:300px}.accessibilite-section .dev-accessibilite-showcase .mobile-img-2{top:15% !important;left:10% !important;width:35% !important;position:absolute !important}.accessibilite-section .dev-accessibilite-showcase .mobile-img-3{top:0% !important;right:5% !important;width:35% !important;position:absolute !important}}@media(max-width: 768px){.accessibilite-section{padding:0 12px}.accessibilite-section .container-studio-web{padding:20px}.accessibilite-section .section-header{padding:0}}.creation-section .content-wrapper{display:flex;gap:60px;align-items:center}.creation-section .content-wrapper>div{flex:1}.creation-section h2{font-weight:700;color:var(--text-theme-color);margin-bottom:20px}.creation-section .intro-text{color:var(--grey);font-size:1rem;margin-bottom:30px;line-height:1.6}.creation-section .features-list{list-style:none;margin-bottom:30px}.creation-section .features-list li{margin-bottom:12px;color:var(--grey);font-size:1.4rem;line-height:1.6;padding-left:20px;position:relative}.creation-section .features-list li::before{content:"•";color:var(--primary);position:absolute;left:0;font-size:1.2rem}.creation-section .features-list li strong{color:var(--text-theme-color)}.creation-section .result-text{color:var(--grey);font-size:.9rem}.creation-section .result-text strong{color:var(--text-theme-color)}@media(max-width: 768px){.creation-section{padding:0 12px}.creation-section .image-placeholder{min-height:200px}.creation-section .mobile-img{left:5% !important}.creation-section .section-header{padding:0}}.interactive-section{text-align:center;margin-top:50px}.interactive-section .container-studio-web{background:var(--lighy-grey-to-light-dark);padding:30px}.interactive-section .section-header{margin-bottom:20px;text-align:start}.interactive-section .section-header h2{font-family:var(--outfit);color:var(--text-theme-color);margin-bottom:20px;font-weight:700}.interactive-section .section-header .subtitle{font-family:var(--outfit);color:var(--text-theme-color);margin-bottom:20px;font-weight:400;font-size:1.4rem}.interactive-section .image-placeholder{margin-top:50px;position:relative;overflow:hidden}.interactive-section .image-placeholder.logos{display:flex;flex-wrap:wrap;min-height:70px;justify-content:space-around;margin-bottom:40px;gap:20px}.interactive-section .image-placeholder.logos .logo{background:var(--lighy-grey-to-light-dark-2);padding:10px;border-radius:20px}.interactive-section .image-placeholder img{width:100%;height:100%}.interactive-section .interactive-features{margin:0 auto;text-align:left}.interactive-section .interactive-features li{list-style:none;color:var(--grey);font-size:1.4rem;line-height:1.6;padding-left:20px;position:relative}.interactive-section .interactive-features li::before{content:"•";color:var(--primary);position:absolute;left:0;font-size:1.2rem}.interactive-section .interactive-features li strong{color:var(--text-theme-color)}.interactive-section .portfolio-slider{position:relative}.interactive-section .portfolio-slider.gradient-bottom::after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:var(--white-to-dark-gradient);pointer-events:none;z-index:3}.interactive-section .portfolio-slider-container{width:100%;max-width:1100px;margin:0 auto;overflow:hidden;position:relative;margin-top:50px}.interactive-section .portfolio-slider-container.gradient-left-right::after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:var(--white-to-dark-gradient-left-right);pointer-events:none;z-index:3}.interactive-section .slider-wrapper{display:flex;height:100%}.interactive-section .slide{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;padding:40px;background-color:var(--other-gray-to-dark);border-radius:25px;margin-right:30px}.interactive-section .slide img{width:auto;height:100%;max-height:500px;object-fit:contain;display:block}@media(max-width: 768px){.interactive-section{padding:0 12px;margin-bottom:40px}}.accessibility-section .content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start}.accessibility-section h2{font-weight:700;color:var(--text-theme-color);margin-bottom:20px}.accessibility-section .intro-text{color:var(--grey);font-size:1rem;margin-bottom:30px;line-height:1.6}.accessibility-section .accessibility-features{list-style:none}.accessibility-section .accessibility-features li{margin-bottom:15px;color:var(--grey);font-size:.9rem;line-height:1.6;padding-left:20px;position:relative}.accessibility-section .accessibility-features li::before{content:"•";color:var(--primary);position:absolute;left:0;font-size:1.2rem}.accessibility-section .accessibility-features li strong{color:var(--text-theme-color)}.optimization-section{padding:80px 0}.optimization-section .text-content{background:var(--lighy-grey-to-light-dark);padding:40px;border-radius:25px}.optimization-section .content-wrapper{display:flex;gap:60px;align-items:stretch}.optimization-section .content-wrapper .text-content,.optimization-section .content-wrapper .visual-content{flex:0 0 calc(50% - 30px)}.optimization-section .content-wrapper .visual-content{display:flex;align-items:center}.optimization-section h2{font-weight:700;color:var(--text-theme-color);margin-bottom:20px}.optimization-section .intro-text{color:var(--text-theme-color);font-weight:400;font-size:1.4rem;line-height:100%;margin-bottom:30px}.optimization-section .optimization-list{list-style:none;padding:0;margin:0}.optimization-section .optimization-list li{color:var(--grey);font-size:1.4rem;line-height:1.6;margin-bottom:15px;padding-left:20px;position:relative}.optimization-section .optimization-list li::before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:bold}.optimization-section .optimization-list li strong{color:var(--text-theme-color);font-weight:600}.optimization-section .image-placeholder{width:100%;max-width:100%;border-radius:25px;overflow:hidden;background:linear-gradient(105.57deg, rgba(11, 110, 182, 0.9) 10.8%, rgba(91, 164, 218, 0.9) 40.21%, rgba(149, 224, 181, 0.9) 94.5%)}.optimization-section .image-placeholder img{width:100%;height:auto;max-width:100%;border-radius:25px;display:block}@media(max-width: 768px){.optimization-section{padding:0px 12px;margin-bottom:80px}.optimization-section .content-wrapper{flex-direction:column;gap:40px}.optimization-section .content-wrapper .text-content{order:1;flex:1}.optimization-section .content-wrapper .visual-content{order:2;flex:1}}.final-section{padding:80px 0;margin-top:50px}.final-section .text-content{background:var(--lighy-grey-to-light-dark);padding:20px;border-radius:25px;height:350px;display:flex;align-items:center}.final-section .content-wrapper{display:flex;gap:60px;align-items:center}.final-section .content-wrapper .text-content,.final-section .content-wrapper .visual-content{flex:0 0 calc(50% - 30px)}.final-section .visual-content{width:100%;height:100%;max-height:350px;overflow:hidden;border-radius:25px}.final-section .visual-content img{width:103%;height:103%}.final-section h2{font-weight:700;color:var(--text-theme-color);margin-bottom:20px}.final-section .intro-text{color:var(--grey);font-size:1rem;line-height:1.6;margin-bottom:30px}.final-section .final-text{color:var(--grey);font-size:1.4rem;line-height:1.6;margin-bottom:15px;padding:0 30px}.final-section .final-text strong{color:var(--text-theme-color);font-weight:600}.final-section .image-placeholder{width:100%;height:100%}.final-section .image-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:15px}@media(max-width: 768px){.final-section{padding:0px 12px;margin-bottom:80px}.final-section .content-wrapper{flex-direction:column;gap:40px}.final-section .content-wrapper .text-content{order:1;flex:1}.final-section .content-wrapper .final-text{padding:0}.final-section .content-wrapper .visual-content{order:2;flex:1}}.image-placeholder{border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--grey);font-size:.9rem;min-height:300px}.hero .image-placeholder{min-height:400px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));border:2px dashed hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8)}@media(max-width: 768px){.creation-section .content-wrapper{gap:40px;flex-direction:column}.creation-section .content-wrapper .visual-content{order:2;height:100%;width:100%}.creation-section .content-wrapper .visual-content .image-placeholder{height:150px;width:100%}.creation-section .content-wrapper .text-content{order:1}.accessibility-section .content-wrapper{grid-template-columns:1fr;gap:40px}.interactive-features{grid-template-columns:1fr}}.container-conception{max-width:1100px;margin:0 auto;padding:0 20px}.header-section{background:var(--background);padding:80px 0 0 0;text-align:center}.header-section h1{font-weight:700;color:var(--text-theme-color);margin-bottom:40px;line-height:1.1}.header-section p{font-family:var(--roboto);font-size:1.2rem;color:var(--grey);line-height:1.7;max-width:900px;margin:0 auto}.portfolio-section{padding:40px 0 80px 0}.portfolio-section .portfolio-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin-top:20px}.portfolio-section .project-card{border-radius:25px;overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.portfolio-section .project-card img{transition:transform .3s ease}.portfolio-section .project-card .bg-bullet{position:absolute;bottom:-10px;z-index:0}.portfolio-section .project-card>div{transform:scale(1);transition:transform .3s ease}.portfolio-section .project-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.portfolio-section .project-card:hover>div{transform:scale(1.02)}.portfolio-section .project-card:hover img{transform:scale(1.05)}.portfolio-section .project-card.green{background:linear-gradient(152.46deg, #21AA89 3.46%, #20C0B9 102.54%)}.portfolio-section .project-card.green-2{background:linear-gradient(323.68deg, #3BB19B 2.61%, #57D4AA 97.39%)}.portfolio-section .project-card.blue{background:linear-gradient(98.09deg, #4092EA 14.74%, #7DD8FF 122.05%)}.portfolio-section .project-card.dark-blue{background:#3c7fd7}.portfolio-section .project-card.cyan{background:linear-gradient(112.61deg, #00AAFF 0.57%, #23D2B5 97.7%, #23D2B5 106.9%)}.portfolio-section .project-card.teal{background:linear-gradient(45deg, #b0c396 0%, #5797cc 100%)}.portfolio-section .project-card .project-mockup{font-family:var(--roboto);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--grey);font-size:.9rem;text-align:center}.portfolio-section .project-card .project-mockup img{width:100%}.portfolio-section .project-card .project-info{padding:20px 30px 30px 30px;color:#fff;display:flex;gap:15px;align-items:center}.portfolio-section .project-card .project-info .project-logo{width:45px;height:45px;background:hsla(0,0%,100%,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1rem;border:2px solid hsla(0,0%,100%,.3)}.portfolio-section .project-card .project-info .project-text{flex:1;min-height:45px;display:flex;flex-direction:column;justify-content:center}.portfolio-section .project-card .project-info .project-text .project-title{font-size:1.2rem;font-weight:700;margin-bottom:4px;line-height:1.2}.portfolio-section .project-card .project-info .project-text .project-description{font-size:.85rem;line-height:1.3;opacity:.9}@media(max-width: 768px){.portfolio-section .project-card .project-info{flex-direction:column}}@media(max-width: 1024px){.portfolio-section .portfolio-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.portfolio-section .portfolio-grid{grid-template-columns:1fr;gap:25px}}@media(max-width: 480px){.header-section{padding:60px 0 40px 0}.portfolio-section{padding:20px 0 60px 0}}.logos .header-section{background:rgba(0,0,0,0) !important}.logos .container-logo{max-width:1100px;margin:0 auto;padding:0 20px}.logos .header-logo-section{background:var(--background);padding:80px 0 40px 0}.logos .header-logo-section h1{font-weight:700;color:var(--text-theme-color);margin-bottom:30px;line-height:1.2}.logos .header-logo-section p{font-family:var(--roboto);font-size:1rem;color:var(--grey);line-height:1.7;max-width:800px}.logos .logo-icons-section{padding:40px 0;background:var(--background)}.logos .logo-icons-section .logo-icons{display:flex;justify-content:space-between;gap:20px;margin:0 auto;flex-wrap:wrap}.logos .logo-icons-section .logo-icons .logo-icon{width:70px;height:70px;background:var(--background);border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--grey);text-align:center}.logos .process-section{padding:60px 0}.logos .process-section .process-title{font-size:2rem;font-weight:700;color:var(--text-theme-color);margin-bottom:50px}.logos .process-section .process-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;padding:0}.logos .process-section .process-steps .process-step{font-family:var(--roboto);background:var(--green-gradient-to-dark);color:var(--text-theme-color);padding:30px 25px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.08);position:relative}.logos .process-section .process-steps .process-step h3{font-weight:700;margin-bottom:15px}.logos .process-section .process-steps .process-step p{font-family:var(--roboto);font-size:.9rem;line-height:1.5}.logos .portfolio-section{padding:0px 0;padding-bottom:50px}.logos .portfolio-section .portfolio-title{font-weight:700;color:var(--text-theme-color);margin-bottom:50px}.logos .portfolio-section .logo-showcase{display:flex;flex-direction:column;gap:60px}.logos .portfolio-section .logo-showcase .logo-project{display:flex;flex-direction:column;gap:25px}.logos .portfolio-section .logo-showcase .logo-project h3{font-weight:700;color:var(--text-theme-color)}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase{border-radius:25px;color:#fff;display:flex;align-items:stretch;justify-content:space-between;min-height:250px;font-size:.9rem;overflow:hidden;position:relative}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.cs{background:#21aa89}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.cs .bulle{position:absolute;opacity:.3;bottom:0;left:0;width:100%;z-index:1;transform:rotateY(180deg)}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.cs::before{background:radial-gradient(circle at 20% -20%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 30%),radial-gradient(circle at 100% 20%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 30%);content:"";position:absolute;top:0;left:0;right:0;height:100%;opacity:.4;pointer-events:none}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.dyd{background:linear-gradient(45deg, #A3BC9E 11.66%, #8DB2AA 31.52%, #71ADC0 48.98%, #4E94D2 70.44%)}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.dyd::before{background:radial-gradient(circle at 120% 120%, rgba(175, 193, 152, 0.8) 38%, rgba(255, 255, 255, 0) 38%),radial-gradient(circle at 100% 0%, rgb(98, 143, 172) 30%, rgba(255, 255, 255, 0) 30%),radial-gradient(circle at -5% -5%, rgba(97, 158, 196, 0.52) 38%, rgba(255, 255, 255, 0) 38%);content:"";position:absolute;top:0;left:0;right:0;height:100%;opacity:.4;pointer-events:none;z-index:1}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.econrj{background:linear-gradient(323.68deg, #3BB19B 2.61%, #57D4AA 97.39%)}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.mdpt{background:#3c7fd7}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.mdpt .leaf{position:absolute;opacity:.8;top:25%;left:0;width:50%;height:auto;z-index:1}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.soneval{background:linear-gradient(94.49deg, #3F91EA 0.72%, #91DAF8 114%)}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase>div:first-child{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px;gap:20px}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase>div:first-child p{text-align:left;line-height:1.6;z-index:2}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase .app-showcase-img{flex:0 0 50%;position:relative;overflow:hidden;z-index:2}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase .app-showcase-img .app-showcase-img-container{position:absolute;top:0;left:0;width:100%;height:100%}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase .app-showcase-img .app-showcase-img-container img{width:100%;height:100%;object-fit:cover;object-position:center 12%}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.blue{background:linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%)}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.cyan{background:linear-gradient(135deg, #06b6d4 0%, #67e8f9 100%)}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase.teal{background:linear-gradient(135deg, #0d9488 0%, #5eead4 100%)}.logos .portfolio-section .logo-showcase .logo-project .logo-variants{display:flex;flex-wrap:wrap;gap:20px;align-items:center;height:255px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants img{width:100%}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-main{background:var(--lighy-grey-to-light-dark);border-radius:25px;display:flex;align-items:center;justify-content:center;min-height:120px;font-size:.9rem;color:var(--grey);text-align:center;height:100%;flex:1;padding:80px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant{background:var(--lighy-grey-to-light-dark);border-radius:12px;align-items:center;justify-content:center;aspect-ratio:1;font-size:.8rem;color:var(--grey);text-align:center;height:100%;flex:1;display:flex;justify-content:space-around;padding:20px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant img{height:100px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div{flex:1;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type{border-radius:20px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type.green{background:#21aa89}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type.green::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% -20%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 30%),radial-gradient(circle at 80% 80%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 30%);opacity:.3;pointer-events:none;z-index:0;border-radius:25px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type.dyd{background:linear-gradient(45deg, #A3BC9E 11.66%, #8DB2AA 31.52%, #71ADC0 48.98%, #4E94D2 70.44%)}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type.dyd::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 120% 120%, rgba(175, 193, 152, 0.8) 38%, rgba(255, 255, 255, 0) 38%),radial-gradient(circle at 100% 0%, rgb(98, 143, 172) 30%, rgba(255, 255, 255, 0) 30%),radial-gradient(circle at -5% -5%, rgba(97, 158, 196, 0.52) 38%, rgba(255, 255, 255, 0) 38%);opacity:.3;pointer-events:none;z-index:0;border-radius:25px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type.econrj{background:linear-gradient(323.68deg, #3BB19B 2.61%, #57D4AA 97.39%)}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type.mdpt{background:#3c7fd7}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div:last-of-type.soneval{background:linear-gradient(129.08deg, #3C8DE9 0.96%, #85DAFA 99.04%)}@media(max-width: 1024px){.logos .portfolio-section .logo-variants{grid-template-columns:1fr;gap:15px}.logos .portfolio-section .logo-variants .logo-app-showcase{grid-column:1}}@media(max-width: 768px){.logos .process-section .process-steps{grid-template-columns:1fr;gap:20px}.logos .logo-icons-section .logo-icons{justify-content:center}.logos .portfolio-section .logo-showcase{gap:40px}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase{flex-direction:column;min-height:auto}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase>div:first-child{padding:30px 20px}.logos .portfolio-section .logo-showcase .logo-project .logo-app-showcase .app-showcase-img{flex:0 0 300px;width:100%}.logos .portfolio-section .logo-showcase .logo-project .logo-variants{height:auto;flex-direction:column}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-main,.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant{flex-direction:column;width:100%;min-height:150px;height:auto;aspect-ratio:unset;padding:30px;gap:20px}.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-main>div,.logos .portfolio-section .logo-showcase .logo-project .logo-variants .logo-variant>div{width:100%;padding:20px 0}}@media(max-width: 480px){.logos .header-section{padding:60px 0 30px 0}.logos .process-section,.logos .portfolio-section{padding:50px 0}}.eco-conception-page .optimization-section .text-content{padding:40px}.eco-conception-page .optimization-section .text-content h2{margin-bottom:40px}.eco-conception-page .optimization-section .text-content .intro-text{font-weight:400;font-size:1.4rem;line-height:100%;color:var(--text-theme-color)}.eco-conception-page .optimization-section .text-content .intro-text:last-of-type{font-weight:700;font-size:1.4rem;line-height:100%;margin-bottom:80px}.eco-conception-page .optimization-section .visual-content{position:relative;background:linear-gradient(105.57deg, rgba(11, 110, 182, 0.9) 10.8%, rgba(91, 164, 218, 0.9) 40.21%, rgba(149, 224, 181, 0.9) 94.5%);border-radius:25px}.eco-conception-page .optimization-section .visual-content .image-placeholder{background:rgba(0,0,0,0)}.eco-conception-page .optimization-section .visual-content img{position:absolute;top:40px;height:100%;width:auto}.eco-conception-page .hero-studio-web .hero-image{overflow:hidden;margin-top:0}.eco-conception-page .hero-studio-web .image-placeholder{top:0;max-height:300px;background-image:url("../studio/img/eco-conception/vision.jpg");background-size:cover;background-position:center}.eco-conception-page .hero-studio-web .image-placeholder:hover{transform:scale(1.02)}.eco-conception-page .services-expertise{margin:0px auto 80px auto}.eco-conception-page .services-expertise .studio-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.eco-conception-page .services-expertise h2{font-weight:700;line-height:100%;text-align:center;max-width:600px}.eco-conception-page .services-expertise .services-expertise-card{padding:20px 20px 20px 70px;transform:translateX(0px);transition:transform .3s ease}.eco-conception-page .services-expertise .services-expertise-card:hover{transform:translateY(-8px)}.eco-conception-page .services-expertise .services-expertise-card .card-left{background:linear-gradient(118.83deg, #07503E -49.55%, #007B5C 93.6%);height:400px;transform:scale(1);transition:transform .3s ease}.eco-conception-page .services-expertise .services-expertise-card .card-left img{transform:scale(1);transition:transform .3s ease}.eco-conception-page .services-expertise .services-expertise-card .card-left:hover{transform:scale(1.02)}.eco-conception-page .services-expertise .services-expertise-card .card-left:hover img{transform:scale(1.02)}.eco-conception-page .services-expertise .services-expertise-card .card-right p{font-family:var(--roboto);font-weight:400;font-size:1.4rem;line-height:28px}@media(max-width: 768px){.eco-conception-page .services-expertise{margin:0px auto 40px auto}.eco-conception-page .services-expertise .services-expertise-card{padding-left:20px}.eco-conception-page .services-expertise .card-left{height:auto !important}}.da .interactive-section{margin-top:40px}.da .interactive-section .container-studio-web{padding:50px}@media(max-width: 768px){.da .interactive-section .container-studio-web{padding:20px}}.da .interactive-section .container-studio-web .section-header{padding:0}.da .interactive-section .container-studio-web ul{padding:0;margin:20px 0}.da .interactive-section .container-studio-web ul li{font-weight:400;font-size:1.4rem;line-height:100%;color:var(--text-theme-color);text-align:left;margin-bottom:15px}.da .interactive-section .container-studio-web p{font-family:var(--roboto);font-weight:400;font-size:1.4rem;line-height:100%;color:var(--text-theme-color);text-align:left;display:block;margin-top:40px}.da .interactive-section .container-studio-web p:first-of-type{margin-bottom:40px}.da .hero-content-wrapper{overflow:hidden;position:relative;background:linear-gradient(105.57deg, rgb(11, 110, 182) 10.8%, rgb(91, 164, 218) 40.21%, rgb(149, 224, 181) 94.5%);gap:0;border-radius:25px;transition:transform .3s ease}.da .hero-content-wrapper.full-width{margin-top:0}.da .hero-content-wrapper.full-width .hero-visual{flex:1}.da .hero-content-wrapper.full-width .hero-visual .portfolio-item{max-height:400px}.da .hero-content-wrapper.full-width .hero-visual .portfolio-item .portfolio-image{display:flex;justify-content:center}.da .hero-content-wrapper.full-width .hero-visual .portfolio-item img{width:120%}.da .hero-content-wrapper:hover{transform:translateY(-8px)}.da .hero-content-wrapper.top{font-family:var(--roboto)}.da .hero-content-wrapper.top .portfolio-item{border-radius:0 !important;max-height:550px !important}.da .hero-content-wrapper .portfolio-item{border-radius:0 !important;max-height:550px}.da .hero-content-wrapper .portfolio-item .portfolio-image{height:100%}.da .hero-content-wrapper .portfolio-item img{max-height:fit-content !important}.da .hero-content-wrapper .portfolio-item:hover{transform:translateY(0px)}.da .hero-content-wrapper .hero-text{padding:0 40px;position:relative;z-index:1}.da .hero-content-wrapper .hero-text ul li{opacity:1}.da .hero-content-wrapper .hero-visual{position:relative;z-index:1}.da .hero-content-wrapper::after{content:"";position:absolute;inset:0;filter:url(#grain);opacity:.2;pointer-events:none;border-radius:12px;z-index:0}@media(max-width: 768px){.da .hero-content-wrapper{gap:40px}.da .hero-content-wrapper .hero-text{padding:30px}.da .hero-content-wrapper .hero-visual .portfolio-item{max-height:400px !important}.da .hero-content-wrapper .hero-visual .portfolio-item .portfolio-image img{width:160%}.da .hero-content-wrapper .hero-visual .portfolio-item .portfolio-image.deux img{width:250%}}.projet .container-projet{max-width:1100px;margin:0 auto}.projet .header-section-projet{padding:80px 0 50px 0;text-align:center}.projet .header-section-projet h1{color:var(--text-theme-color);font-weight:700;font-size:90px;line-height:100%;letter-spacing:3%;text-align:center;vertical-align:middle;margin-bottom:40px}.projet .header-section-projet p{font-family:var(--roboto);color:var(--text-theme-color);font-weight:400;font-size:1.4rem;line-height:130%}.projet .hero-mockup{font-family:var(--roboto);padding:40px 0}.projet .hero-mockup .mockup-container{background:#21aa89;border-radius:25px;padding:40px;position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;text-align:center;overflow:hidden}.projet .hero-mockup .mockup-container::before{background:radial-gradient(circle at 20% -20%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 30%),radial-gradient(circle at 100% 20%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 30%);content:"";position:absolute;top:0;left:0;right:0;height:100%;opacity:.4;pointer-events:none}.projet .hero-mockup .mockup-container.dyd{background:linear-gradient(45deg, #A3BC9E 11.66%, #8DB2AA 31.52%, #71ADC0 48.98%, #4E94D2 70.44%)}.projet .hero-mockup .mockup-container.dyd .mockup-image-left{left:10%}.projet .hero-mockup .mockup-container.dyd .mockup-image-right{left:50%}.projet .hero-mockup .mockup-container.dyd::before{background:radial-gradient(circle at 120% 120%, rgba(175, 193, 152, 0.8) 38%, rgba(255, 255, 255, 0) 38%),radial-gradient(circle at 100% 0%, rgb(98, 143, 172) 30%, rgba(255, 255, 255, 0) 30%),radial-gradient(circle at -5% -5%, rgba(97, 158, 196, 0.52) 38%, rgba(255, 255, 255, 0) 38%)}.projet .hero-mockup .mockup-container.mdpt{background:#3c7fd7;position:relative}.projet .hero-mockup .mockup-container.mdpt .mdpt-leaf{width:75%;height:auto;position:absolute;bottom:-20%;left:-20%}.projet .hero-mockup .mockup-container.mdpt .hero-img{position:absolute;top:0;width:100%;height:100%;transform:rotate(20deg);z-index:1}.projet .hero-mockup .mockup-container.mdpt .hero-img .mockup-image-right{box-shadow:none;max-width:75%;top:unset;position:relative;left:0}@media(max-width: 768px){.projet .hero-mockup .mockup-container.mdpt .hero-img .mockup-image-right{max-width:100%}}.projet .hero-mockup .mockup-container.mdpt .hero-img .mockup-image-left{box-shadow:none;max-width:75%;left:unset;top:unset;position:relative;left:0}@media(max-width: 768px){.projet .hero-mockup .mockup-container.mdpt .hero-img .mockup-image-left{max-width:100%;transform:translateY(0%)}}.projet .hero-mockup .mockup-container.mdpt .mockup-image-left{left:10%}.projet .hero-mockup .mockup-container.mdpt .mockup-image-right{left:50%}.projet .hero-mockup .mockup-container.mdpt::before{background:rgba(0,0,0,0)}.projet .hero-mockup .mockup-container.engie{background:linear-gradient(112.61deg, #00AAFF 0.57%, #23D2B5 97.7%, #23D2B5 106.9%)}.projet .hero-mockup .mockup-container.engie .hero-img{position:absolute;top:-50px;width:100%;height:100%;transform:rotate(-10deg);z-index:1}@media(max-width: 768px){.projet .hero-mockup .mockup-container.engie .hero-img{top:0px}}.projet .hero-mockup .mockup-container.engie .hero-img .mockup-image-right{box-shadow:none;max-width:95%;top:unset;position:relative;left:0}@media(max-width: 768px){.projet .hero-mockup .mockup-container.engie .hero-img .mockup-image-right{max-width:100%}}.projet .hero-mockup .mockup-container.engie .hero-img .mockup-image-left{box-shadow:none;max-width:95%;position:relative;left:0;top:-35px}@media(max-width: 768px){.projet .hero-mockup .mockup-container.engie .hero-img .mockup-image-left{max-width:100%;transform:translateY(0%);top:unset}}.projet .hero-mockup .mockup-container.engie .mockup-image-left{left:10%}.projet .hero-mockup .mockup-container.engie .mockup-image-right{left:50%}.projet .hero-mockup .mockup-container.engie::before{background:rgba(0,0,0,0)}.projet .hero-mockup .mockup-container.soneval{background:linear-gradient(98.09deg, #4092EA 14.74%, #7DD8FF 122.05%)}.projet .hero-mockup .mockup-container.soneval .hero-img{position:absolute;top:80px;width:100%;height:100%;transform:rotate(-10deg);z-index:1}@media(max-width: 768px){.projet .hero-mockup .mockup-container.soneval .hero-img{top:0px}}.projet .hero-mockup .mockup-container.soneval .hero-img .mockup-image-right{box-shadow:none;top:unset;position:relative;left:-15%;width:130%;max-width:130%}@media(max-width: 768px){.projet .hero-mockup .mockup-container.soneval .hero-img .mockup-image-right{width:170%;max-width:170%;left:-35%;top:50%;transform:translateY(-50%)}}.projet .hero-mockup .mockup-container.soneval .mockup-image-left{left:10%}.projet .hero-mockup .mockup-container.soneval .mockup-image-right{left:50%}.projet .hero-mockup .mockup-container.soneval::before{background:rgba(0,0,0,0)}.projet .hero-mockup .mockup-container .mockup-image-bulles{position:absolute;opacity:.3;bottom:0;left:0;width:100%}.projet .hero-mockup .mockup-container .mockup-image-left,.projet .hero-mockup .mockup-container .mockup-image-right{position:absolute;max-width:55%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.projet .hero-mockup .mockup-container .mockup-image-left{left:0%;bottom:0%;z-index:2}.projet .hero-mockup .mockup-container .mockup-image-right{max-width:45%;right:20%;top:0%;z-index:1}@media(max-width: 768px){.projet .hero-mockup .mockup-container{min-height:300px;padding:20px}.projet .hero-mockup .mockup-container .mockup-image-left,.projet .hero-mockup .mockup-container .mockup-image-right{max-width:70%}.projet .hero-mockup .mockup-container .mockup-image-left{left:10%;top:60%;transform:translateY(-50%);z-index:3}.projet .hero-mockup .mockup-container .mockup-image-right{right:10%;top:5%;bottom:auto;z-index:2}}.projet .description-section{padding:80px 0}.projet .description-section .description-content{background:var(--lighy-grey-to-light-dark);padding:50px 70px;border-radius:25px}.projet .description-section .description-content h2{font-weight:700;color:var(--text-theme-color);margin-bottom:30px;line-height:1.3;text-align:center}.projet .description-section .description-content p{font-family:var(--roboto);font-size:1rem;color:var(--text-theme-color);line-height:1.7}.projet .process-section{padding:40px 0}.projet .process-section .process-title{color:var(--text-theme-color);font-weight:700;font-size:2.8rem;line-height:100%;text-align:center;margin-bottom:60px}.projet .process-section .process-step .step-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:60px;row-gap:0;align-items:center;background:var(--lighy-grey-to-light-dark);padding:50px;border-radius:25px}.projet .process-section .process-step .step-content.col{grid-template-columns:unset;text-align:center}.projet .process-section .process-step .step-content.col .step-text{margin-bottom:40px}@media(max-width: 768px){.projet .process-section .process-step .step-content.col .step-text{margin-bottom:0px}}@media(max-width: 768px){.projet .process-section .process-step .step-content.col .step-visual{min-height:150px;margin-bottom:50px}}.projet .process-section .process-step .step-content.img-full-height{padding:0}.projet .process-section .process-step .step-content.img-full-height .step-text{padding:40px}.projet .process-section .process-step .step-content h3{grid-column:1/-1;margin-bottom:40px}.projet .process-section .process-step .step-content.reverse{direction:rtl}.projet .process-section .process-step .step-content.reverse>*{direction:ltr}.projet .process-section .process-step h3{color:var(--text-theme-color);font-weight:700;line-height:100%}.projet .process-section .process-step .step-text p{font-family:var(--roboto);font-size:1rem;color:var(--text-theme-color);line-height:1.7}.projet .process-section .process-step .step-visual{border-radius:15px;min-height:250px;display:flex;align-items:center;justify-content:center;color:var(--text-theme-color);font-size:.9rem;text-align:center}.projet .process-section .process-step .step-visual.green{background:linear-gradient(135deg, #10b981 0%, #34d399 100%);color:#fff}.projet .process-section .process-step .step-visual img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:25px}.projet .wireframes-section{padding:20px 0}.projet .wireframes-section .wireframes-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.projet .wireframes-section .wireframes-text{padding:40px;background:var(--lighy-grey-to-light-dark);border-radius:25px;height:100%}.projet .wireframes-section .wireframes-text h3{font-weight:700;color:var(--text-theme-color);margin-bottom:20px}.projet .wireframes-section .wireframes-text strong{font-family:var(--outfit);font-weight:700;font-size:1rem;line-height:100%;color:var(--text-theme-color);margin-bottom:10px}.projet .wireframes-section .wireframes-text p{font-family:var(--roboto);font-size:1rem;line-height:1.7;color:var(--text-theme-color)}.projet .wireframes-section .wireframes-text ul{margin-bottom:20px;padding-left:20px}.projet .wireframes-section .wireframes-text ul li{margin-bottom:8px;color:var(--text-theme-color)}.projet .wireframes-section .wireframes-visual{border-radius:25px;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;height:100%}.projet .wireframes-section .wireframes-visual img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:25px}@media(max-width: 768px){.projet{margin-bottom:40px}.projet .header-section-projet{padding:40px 12px}.projet .wireframes-section .wireframes-content{padding:0 !important}.projet .wireframes-section .wireframes-content .wireframes-text{padding:40px 20px;margin-bottom:40px}.projet .wireframes-section .wireframes-content .wireframes-text h3{margin-bottom:20px}.projet .process-section .process-step .step-content,.projet .wireframes-section .wireframes-content,.projet .final-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0;padding:50px 20px}.projet .process-section .process-step .step-content.img-full-height .step-text,.projet .wireframes-section .wireframes-content.img-full-height .step-text,.projet .final-content.img-full-height .step-text{padding:40px 20px}.projet .process-section .process-step .step-content .wireframes-visual,.projet .wireframes-section .wireframes-content .wireframes-visual,.projet .final-content .wireframes-visual{order:2;min-height:auto}.projet .process-section .process-step .step-content h3,.projet .wireframes-section .wireframes-content h3,.projet .final-content h3{order:1;margin-bottom:0}.projet .process-section .process-step .step-content .step-visual,.projet .wireframes-section .wireframes-content .step-visual,.projet .final-content .step-visual{order:2}.projet .process-section .process-step .step-content .step-text,.projet .wireframes-section .wireframes-content .step-text,.projet .final-content .step-text{order:3}.projet .process-section .process-step .step-content .step-text h3,.projet .wireframes-section .wireframes-content .step-text h3,.projet .final-content .step-text h3{margin-bottom:20px}.projet .step-content.reverse{direction:ltr}.projet .process-section,.projet .wireframes-section,.projet .final-section{padding:60px 12px;padding-bottom:0}}@media(max-width: 480px){.projet .header-section{padding:60px 0 40px 0}.projet .hero-mockup{font-family:var(--roboto);padding:30px 0 30px 0}.projet .description-section{padding:30px 12px}.projet .description-section .description-content{padding:50px 20px}}.hebergement{background-color:var(--lighy-grey-to-light-dark-3);border-radius:25px;padding:40px;display:flex;justify-content:center;color:var(--text-theme-color)}.hebergement .hebergement-subtitle{font-family:var(--roboto);font-weight:400;font-size:1.4rem;color:var(--black-to-white);margin-top:20px}.hebergement .hebergement-legende{max-width:1100px;margin:50px auto 30px 0;padding-bottom:20px}.hebergement .hebergement-legende p{font-weight:700;font-size:24px;color:var(--black-to-white)}.hebergement .studio-container{max-width:1100px}.hebergement h2{font-weight:700}.hebergement .cards{max-width:1100px;display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;justify-content:center}.hebergement .cards .card{background-color:var(--lighy-grey-to-light-dark);min-width:300px;max-width:360px;flex:1;padding:30px;border:1px solid var(--lighy-grey-to-light-dark-4);border-radius:20px;display:flex;flex-direction:column;gap:40px}.hebergement .cards .card .card-bottom{background-color:var(--lighy-grey-to-light-dark-4);padding:20px;border-radius:20px}.hebergement .cards .card .card-bottom h5{font-weight:700;font-size:18px;letter-spacing:4%}.hebergement .cards .card h3{text-align:center;font-weight:600}.hebergement .cards .card h3 span{color:var(--alt-green);font-size:80%}.hebergement .cards .card h4{font-weight:700;font-size:32px;text-align:center}.hebergement .cards .card .card-list ul{min-height:252px}.hebergement .cards .card ul{list-style-type:none;margin-top:20px}.hebergement .cards .card ul li{font-weight:400;font-size:16px;line-height:17px;letter-spacing:4%;margin-bottom:20px}.hebergement .cards .card ul li span{font-weight:600}