:root{--body-regular-font-family:"Space Grotesk",Helvetica;--body-regular-font-weight:500;--body-regular-font-size:18px;--body-regular-letter-spacing:0;--body-regular-line-height:25.200000762939453px;--body-regular-font-style:normal;--h-3-font-family:"Turret Road",Helvetica;--h-3-font-weight:800;--h-3-font-size:22px;--h-3-letter-spacing:0;--h-3-line-height:normal;--h-3-font-style:normal;--body-light-font-family:"Space Grotesk",Helvetica;--body-light-font-weight:400;--body-light-font-size:15px;--body-light-letter-spacing:0;--body-light-line-height:25.200000762939453px;--body-light-font-style:normal;--h-1-font-family:"Turret Road",Helvetica;--h-1-font-weight:800;--h-1-font-size:53.75px;--h-1-letter-spacing:0;--h-1-line-height:normal;--h-1-font-style:normal;--h-2-font-family:"Turret Road",Helvetica;--h-2-font-weight:800;--h-2-font-size:33px;--h-2-letter-spacing:0;--h-2-line-height:normal;--h-2-font-style:normal;--h-4-font-family:"Turret Road",Helvetica;--h-4-font-weight:800;--h-4-font-size:18px;--h-4-letter-spacing:0;--h-4-line-height:normal;--h-4-font-style:normal;--body-extra-light-font-family:"Space Grotesk",Helvetica;--body-extra-light-font-weight:400;--body-extra-light-font-size:12px;--body-extra-light-letter-spacing:0;--body-extra-light-line-height:25.200000762939453px;--body-extra-light-font-style:normal;--h-5-font-family:"Turret Road",Helvetica;--h-5-font-weight:800;--h-5-font-size:15px;--h-5-letter-spacing:0;--h-5-line-height:normal;--h-5-font-style:normal;--h-6-font-family:"Turret Road",Helvetica;--h-6-font-weight:800;--h-6-font-size:12px;--h-6-letter-spacing:0;--h-6-line-height:normal;--h-6-font-style:normal;--body-bold-font-family:"Space Grotesk",Helvetica;--body-bold-font-weight:700;--body-bold-font-size:18px;--body-bold-letter-spacing:0;--body-bold-line-height:25.200000762939453px;--body-bold-font-style:normal;--h1-mobile-font-family:"Turret Road",Helvetica;--h1-mobile-font-weight:800;--h1-mobile-font-size:28.75px;--h1-mobile-letter-spacing:0;--h1-mobile-line-height:normal;--h1-mobile-font-style:normal;--body-regular-mobile-font-family:"Space Grotesk",Helvetica;--body-regular-mobile-font-weight:500;--body-regular-mobile-font-size:16px;--body-regular-mobile-letter-spacing:0;--body-regular-mobile-line-height:20.8px;--body-regular-mobile-font-style:normal;--h2-mobile-font-family:"Turret Road",Helvetica;--h2-mobile-font-weight:800;--h2-mobile-font-size:26.400001525878906px;--h2-mobile-letter-spacing:0;--h2-mobile-line-height:normal;--h2-mobile-font-style:normal;--variable-collection-black-background:rgba(6,5,5,1);--variable-collection-red-hover-applied:rgba(242,19,19,1);--variable-collection-red-hover-4:rgba(245,0,8,1);--variable-collection-red-hover-3:rgba(149,92,255,1);--variable-collection-red-hover-2:rgba(242,19,19,1);--variable-collection-purple-highlight:rgba(242,27,206,1);--variable-collection-pink-secondary-applied:rgba(242,15,140,1);--variable-collection-pink-secondary-4:rgba(255,0,9,1);--variable-collection-pink-secondary-3:rgba(155,105,247,1);--variable-collection-pink-secondary-2:rgba(242,15,140,1);--variable-collection-main-texte-color-applied:rgba(242,12,96,1);--variable-collection-main-texte-color-4:rgba(245,0,8,1);--variable-collection-main-texte-color-3:rgba(174,134,249,1);--variable-collection-main-texte-color-2:rgba(242,12,96,1);--variable-collection-light-pink:rgba(0,0,0,.2);--variable-collection-background-transparent:rgba(14,12,12,.5);--variable-collection-background-ultratransparent:rgba(14,12,12,.01);--variable-collection-number:0;--variable-collection-green-positive:rgba(19,242,158,1);--variable-collection-green-flash:rgba(12,242,108,1);--variable-collection-green-degrad:rgba(0,0,0,.2);--variable-collection-error-fluo:rgba(242,222,12,1);--variable-collection-error-mat:rgba(242,194,19,1);--variable-collection-pinklight:rgba(250,163,163,1);--variable-collection-redlight-applied:rgba(255,56,59,1);--variable-collection-redlight-4:rgba(245,0,8,1);--variable-collection-redlight-3:rgba(156,102,255,1);--variable-collection-redlight-2:rgba(255,56,59,1);--gradient-main-color:linear-gradient(90deg,var(--variable-collection-pink-secondary-applied),var(--variable-collection-main-texte-color-applied));--gradient-color-start:#f20f8c;--gradient-color-end:#f20c60;--glow-intensity:0;--pulse-intensity:1;}body{font-family:var(--body-regular-font-family);font-optical-sizing:auto;font-weight:var(--body-regular-font-weight);font-style:normal;font-variation-settings:"slnt" 0;font-size:var(--body-regular-font-size);line-height:28.5px;margin:0;background:var(--variable-collection-black-background);color:var(--variable-collection-main-texte-color-applied);overflow-x:hidden;}p,h1,h2,h3,h4,h5,h6{background:var(--gradient-main-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{text-decoration:none;}span{font-weight:600;}.body-light{font-size:var(--body-light-font-size);line-height:var(--body-light-line-height);}h1{font-family:var(--h-1-font-family);font-size:var(--h-1-font-size);font-weight:var(--h-1-font-weight);line-height:var(--h-1-line-height);}h2{font-family:var(--h-2-font-family);font-size:var(--h-2-font-size);font-weight:var(--h-2-font-weight);line-height:var(--h-2-line-height);}h3{font-family:var(--h-3-font-family);font-size:var(--h-3-font-size);font-weight:var(--h-3-font-weight);line-height:var(--h-3-line-height);}h5{font-size:var(--h-5-font-size);font-weight:var(--h-5-font-weight);line-height:var(--h-5-line-height);}em{font-style:italic;}.margin-block-large{margin-block:4rem;}#trigger-burger{display:none;}.video-wrapper-background{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}#background-video{width:100vw;height:100vh;object-fit:cover;margin-bottom:-6rem;opacity:.3;}.lottie-container-left{position:absolute;top:-160px;left:50%;margin-left:-572px;max-width:40rem;z-index:2;}.titre-accueil{text-align:center}.titre-center{text-align:center;margin-top:8rem;}.titre-page-right{color:var(--dark);position:relative;z-index:2;padding-top:10rem;padding-bottom:10rem;}.taches{position:absolute;width:20rem;z-index:1;top:130px;left:10px;}.titre-taches-left{grid-column:3 / span 5;position:relative}.titre-taches-right{grid-column:7 / span 5;position:relative}.container,.container-audio>* + *{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.container>* + *,.container-audio>* + *{margin-top:2rem}.container>a{justify-self:center;}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;justify-content:center;}.texte-formulaire-contact{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;justify-content:center;}.col-6-centered{grid-column:4 / span 6;}.col-5-1-left{grid-column:2 / span 5;}.col-5-1-left p{}.texte-contact{grid-column:2 / span 5}.col-5-1-right{grid-column:7 / span 5;}.col-5-1-right p{}.image-gauche-textes{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;justify-content:center;padding-top:43px;padding-bottom:43px;align-items:center;}.cadre-exp{grid-column:3 / 11;display:grid;grid-template-columns:repeat(8,1fr);border:2px solid;border-image-slice:1;border-width:1px;border-image-source:linear-gradient(90deg,#f20f8c,#f20c60);align-items:center;padding:1rem;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);}.image-projet-wrapper{position:relative;width:100%;grid-column:6 / 8;max-width:266px;min-width:200px;scale:1.3;}.image-gauche-textes .image-projet-wrapper{grid-column:2 / 3;max-width:266px;min-width:200px;}.image-wrapper img{width:100%;height:auto;display:block;}.image-base{height:200px;}.cadre-exp:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 10px #f20c60,0 0 20px #f20c60,0 0 30px #f20c60;}.image-droite-textes{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;justify-content:center;padding-top:43px;padding-bottom:43px}.image-droite-textes .textes-projet{grid-column:1 / 5;display:flex;flex-direction:column;gap:12px;width:100%;padding:10px 0;margin-left:1rem;}.image-gauche-textes .textes-projet{margin-right:1rem;}.textes-projet{grid-column:4 / 9;display:flex;padding:10px 0;flex-direction:column;gap:12px;}.video-wrapper{display:flex;justify-content:center;min-width:100px;padding-top:6rem;}.video-accueil{max-width:50%;height:auto}.video-accueil-safari{max-width:50%;height:auto}.video-wrapper-safari{display:none;justify-content:center;align-items:center;width:100%;padding-top:6rem;}.video-lottie-fond{top:-10rem;left:45%;}.web-lottie-fond{top:-10rem;left:47%;scale:142%;}.logo-okto{width:24rem;}.bloc-contact{padding-top:7rem;padding-bottom:1rem;}.a-propos{grid-column:2 / span 5;position:relative;align-items:center;}.a-propos h1{font-size:var(--h-3-font-size);display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;}.a-propos h1 img{top:-1px;position:relative;}.a-propos .logo-okto{display:none;}.a-propos .rs-icons-div{display:flex;gap:1rem;padding-top:2rem;margin:auto;}.a-propos .btn-portfolio{display:flex;margin:auto;margin-top:2rem;padding-block:.3rem;}.texte-contact>* + *{margin-top:2rem}.logo-formulaire{grid-column:8 / span 4;text-align:center;}.logo-formulaire .logo-okto{padding-bottom:4rem;}.logo-formulaire h2{padding-bottom:2rem;}.container>* + *,.container-audio>* + *{margin-top:2rem}iframe{grid-column:1 / 6;}.formulaire{max-width:400px;width:100%;margin:0 auto;position:relative;}fieldset{border:medium none!important;margin:0 0 10px;min-width:100%;padding:0;width:100%;}#contact input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="url"],#contact textarea{width:100%;margin:0 0 5px;padding:10px;background-color:var(--variable-collection-black-background);border:2px solid;border-image:var(--gradient-main-color) 1;color:transparent;-webkit-text-fill-color:transparent;caret-color:white;}#contact input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="url"],#contact textarea{background-image:var(--gradient-main-color);background-clip:text;-webkit-background-clip:text;}#contact textarea{height:100px;max-width:100%;resize:none;}#contact input::placeholder,#contact textarea::placeholder{background:var(--gradient-main-color);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:.6;}fieldset .bouton-1 .overlap-group{position:relative;width:317px;height:81px;top:-4px;left:-20px;}.condition-field{text-align:center;}.checkbox-container{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;font-size:.95rem;}.checkbox-container a{color:var(--variable-collection-main-texte-color-applied);text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:all ease-in-out 3000ms;}.checkbox-container a:hover{opacity:.8;text-decoration-thickness:2px;}.checkbox-container input[type="checkbox"]{opacity:0;position:absolute;left:45px;margin-top:10px;}.custom-checkbox{width:16px;height:16px;border:2px solid var(--variable-collection-main-texte-color-applied);background-color:transparent;display:inline-block;vertical-align:middle;position:relative;}.custom-checkbox::after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;background-color:var(--variable-collection-main-texte-color-applied);opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease;}.checkbox-container input[type="checkbox"]:checked + .custom-checkbox::after{opacity:1;transform:scale(1);}.white-background{display:none;position:fixed;background-color:#fff;width:10000px;height:10000px;opacity:0;z-index:999;}.navbar{position:sticky;top:0;width:100%;height:50px;background-color:white;box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:1000;}.navbar-content{height:100%;display:flex;align-items:center;justify-content:center;gap:40px}.nav-item{display:flex;flex-direction:column;align-items:center;font-size:23px;position:relative}.nav-element{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;}.menu-icon{width:22px}.nav-item a{color:inherit;text-decoration:none;font-family:var(--h-3-font-family);font-weight:var(--h-3-font-weight);}.experiences-nav{align-self:stretch;text-align:right}.experiences-nav a{font-family:var(--body-bold-font-family);font-size:var(--body-bold-font-size);font-weight:var(--body-bold-font-weight);display:block;padding-top:10px;}.navbar{position:fixed;right:-250px;top:5px;width:200px;height:823px;display:flex;flex-direction:column;background-color:var(--variable-collection-black-background);box-shadow:none;background-size:cover;background-repeat:no-repeat;background-position:center;transition:right .5s ease-in-out;border:2px solid transparent;background-image:linear-gradient(var(--variable-collection-black-background),var(--variable-collection-black-background)),var(--gradient-main-color);background-origin:border-box;background-clip:padding-box,border-box;}.white-background{display:flex;position:fixed;background-color:var(--variable-collection-black-background);width:10000px;height:10000px;z-index:999;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;}#trigger-burger:checked ~ .white-background{opacity:.8;transition:opacity .5s ease-in-out;}#trigger-burger:checked ~ .navbar{transition:right .5s ease-in-out;right:10px;}.navbar-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding-right:20px;padding-top:20px;padding-bottom:20px;}.burger-cross{display:block;width:30px;position:relative;right:0;top:10px;cursor:pointer;}.burger-menu{display:block;width:48px;position:fixed;right:30px;top:25px;z-index:1000;cursor:pointer;}#trigger-burger{display:inline-block;position:fixed;top:20px;right:25px;width:58px;height:58px;z-index:1001;opacity:0;}.rs-icons-div{display:block;width:fit-content;}.rs-icons{display:block;margin-bottom:10px;fill:var(--variable-collection-dark);}.lottie{width:20px;height:20px;margin-top:4px;}.hidden{display:none;}.logo-img{height:50px;width:auto;display:block;}.rs-icons-div{}.rs-icons{display:flex;flex-direction:row;margin-bottom:10px;fill:var(--variable-collection-main-texte-color-applied);}.btn-experience,.btn-portfolio{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:5px 15px;background:transparent;color:var(--gradient-color-start);font-size:18px;font-weight:bold;border:1px solid;border-image:linear-gradient(90deg,var(--gradient-color-start),var(--gradient-color-end)) 1;cursor:pointer;transition:all .3s ease;background-clip:padding-box;border-radius:6px;font-family:var(--h-3-font-family);font-size:var(--h-3-font-size);width:fit-content;}.btn-experience .btn-icon,.btn-portfolio .btn-icon{width:20px;height:20px;filter:brightness(1.2);}.btn-experience:hover,.btn-portfolio:hover{background:linear-gradient(90deg,var(--gradient-color-start),var(--gradient-color-end));color:#060505;box-shadow:0 0 10px #f20f8caa,0 0 20px #f20f8caa,0 0 30px #f20f8caa;}.btn-experience:hover .btn-icon,.btn-portfolio:hover .btn-icon{filter:brightness(0) saturate(100%) invert(9%) sepia(6%) saturate(602%) hue-rotate(354deg) brightness(95%) contrast(100%);}.btn-contact{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:5px 15px;background:linear-gradient(90deg,var(--gradient-color-start),var(--gradient-color-end));color:#060505;font-weight:bold;font-size:var(--h-3-font-size);font-family:var(--h-3-font-family);border:1px solid transparent;justify-self:center;cursor:pointer;width:fit-content;transition:all .3s ease;}.btn-contact div{text-decoration:none;}.btn-contact .btn-icon{width:20px;height:20px;filter:brightness(0)}.btn-contact:hover{background:var(--variable-collection-black-background);color:var(--gradient-color-start);border-image:linear-gradient(90deg,var(--gradient-color-start),var(--gradient-color-end)) 1;box-shadow:0 0 10px #f20f8caa,0 0 20px #f20f8caa,0 0 30px #f20f8caa;}.btn-contact:hover .btn-icon{filter:brightness(1) saturate(100%) invert(29%) sepia(92%) saturate(1460%) hue-rotate(309deg) brightness(103%) contrast(95%);}.bouton-1 .rectangle{position:absolute;width:100%;height:60%;top:16px;left:3px;background-color:var(--variable-collection-dark);transform:rotate(-.49deg);opacity:0;transition:opacity .3s ease-in-out;box-shadow:inset 0 4px 8px rgba(0,0,0,.9);}.bouton-1:hover .rectangle{opacity:100%;}.lien-overlay{position:absolute;inset:0;z-index:999;text-decoration:none;pointer-events:auto}.lien-projet{text-decoration:none;color:inherit;display:block;}.boutons-projet{display:flex;}.boutons-projet-section{display:flex;margin:auto;gap:1rem;}.image-projet-web{max-width:500px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;padding:2rem;text-align:center;}.image-projet-web h1{font-size:39.4px;color:var(--variable-collection-dark);padding-bottom:1rem;}.accordions{padding-bottom:2rem;}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:1rem;border-radius:5px;transition:background-color .3s;}.accordion-header:hover{background-color:var(--variable-collection-lightest);}.accordion-icon{transition:transform .3s ease;width:20px;height:20px;}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 1rem;}.accordion-item.open .accordion-content{max-height:100%;padding:1rem;}.accordion-item.open .accordion-icon{transform:rotate(180deg);}.video-youtube{max-width:1000px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;padding:2rem;}.video-embedded-container{position:relative;width:100%;padding-top:56.25%;height:0;}.video-embedded{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:0;border-radius:5px;display:block;}.audio-player{position:fixed;left:30px;top:25px;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;background-color:transparent;border:1px solid;border-image:linear-gradient(90deg,var(--gradient-color-start),var(--gradient-color-end)) 1;border-radius:6px;z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-audio{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}.btn-audio img{width:20px;height:20px;filter:brightness(1.2);transition:transform .2s ease;}.btn-audio:hover img{transform:scale(1.2);}.matrix-container{display:flex;justify-content:center;padding:4rem;}.matrix-board{display:grid;grid-template-columns:repeat(3,272.17px);grid-template-rows:repeat(3,auto);gap:32px;}.matrix-box{background:transparent;padding:0;text-align:left;}.album-cover{width:100%;aspect-ratio:1;border-radius:5px;display:flex;align-items:center;justify-content:center;color:white;font-size:28px;margin-bottom:16px;cursor:pointer;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.3);}.album-cover>img{border-radius:5px;}.album-link{display:block;text-decoration:none;color:inherit;transition:all .3s ease;}.album-link:hover .album-cover{transform:translateY(-1px) scale(1.02);box-shadow:0 5px 10px rgba(0,0,0,.4),0 5px 10px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);}.album-cover::after{content:"";position:absolute;inset:0;border-radius:5px;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 60%);opacity:0;transition:opacity .3s ease;}.album-link:hover .album-cover::after{opacity:1;}.album-title{font-size:16px;font-weight:600;color:var(--dark);margin:0 0 6px 0;line-height:1.4;text-align:left;}.album-date{font-size:14px;color:var(--variable-collection-medium);margin:0;font-weight:400;text-align:left;}.texte-gauche-projet{padding-top:2rem;grid-column:2 / span 5;}.texte-gauche-projet h1{font-size:39.4px;}.texte-gauche-projet h2{font-size:27.36px;}.texte-gauche-projet h3{font-size:22.8px;}.texte-gauche-projet h1,.texte-gauche-projet h2,.texte-gauche-projet h3{color:var(--variable-collection-dark);padding-bottom:1rem;}.texte-gauche-projet p{padding-bottom:2rem;}.texte-gauche-projet ul{padding-bottom:2rem;}.texte-centre-projet{padding-top:2rem;grid-column:3 / span 8;}.texte-centre-projet h1{font-size:39.4px;}.texte-centre-projet h2{font-size:27.36px;}.texte-centre-projet h3{font-size:27.36px;}.texte-centre-projet h1,.texte-centre-projet h2{color:var(--variable-collection-dark);padding-bottom:1rem;}.texte-centre-projet p{padding-bottom:2rem;}.gallery-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:105vh;}.gallery-in-grid-projet-image{grid-column:7 / span 5;}.arrow{position:absolute;z-index:999;background:rgba(255,255,255,.9);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;color:#333;transition:all .3s ease}.arrow:hover{transform:scale(1.1)}.arrow-up:hover{transform:translateX(-50%) scale(1.1);}.arrow-up{transform:translateX(-50%);}.img-arrow-up{rotate:90deg;}.container .arrow-down{margin-top:8rem;}.arrow-down{display:flex;position:relative;left:50%;animation:arrow-move 1s infinite ease-in-out;}@keyframes arrow-move{0%{top:0}50%{top:5px}100%{top:0}}.arrow-down img{rotate:90deg;width:30px;}.img-arrow-right{rotate:180deg;}.arrow-down img:hover{transition:all .3s ease-in-out;scale:1.1;}.arrow-down{display:flex;position:relative;left:50%}.carousel-wrapper{position:relative;width:400px;height:660px;perspective:1200px;overflow:hidden;}.carousel{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);}.carousel-item{position:absolute;width:300px;height:300px;left:50%;top:50%;transform-origin:center center;transition:all .6s cubic-bezier(.4,0,.2,1),opacity .4s ease;cursor:pointer;border-radius:5px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.3);}.carousel-item img{width:100%;height:100%;object-fit:cover;border-radius:5px;transition:all .3s ease;}.carousel-item:hover img{transform:scale(1.05);}.carousel-item:nth-child(1){transform:translate(-50%,-50%) translateZ(0) scale(1);z-index:5;}.carousel-item:nth-child(2){transform:translate(-50%,-50%) translateY(-120px) translateZ(-100px) scale(.8);z-index:4;opacity:.8;}.carousel-item:nth-child(3){transform:translate(-50%,-50%) translateY(-240px) translateZ(-200px) scale(.6);z-index:3;opacity:.6;}.carousel-item:nth-child(4){transform:translate(-50%,-50%) translateY(120px) translateZ(-100px) scale(.8);z-index:4;opacity:.8;}.carousel-item:nth-child(5){transform:translate(-50%,-50%) translateY(240px) translateZ(-200px) scale(.6);z-index:3;opacity:.6;}.carousel.rotating-up .carousel-item:nth-child(1){transform:translate(-50%,-50%) translateY(120px) translateZ(-100px) scale(.8);z-index:4;opacity:.8;}.carousel.rotating-up .carousel-item:nth-child(2){transform:translate(-50%,-50%) translateZ(0) scale(1);z-index:5;}.carousel.rotating-up .carousel-item:nth-child(3){transform:translate(-50%,-50%) translateY(-120px) translateZ(-100px) scale(.8);z-index:4;opacity:.8;}.carousel.rotating-up .carousel-item:nth-child(4){transform:translate(-50%,-50%) translateY(240px) translateZ(-200px) scale(.6);z-index:3;opacity:.6;}.carousel.rotating-up .carousel-item:nth-child(5){transform:translate(-50%,-50%) translateY(-240px) translateZ(-200px) scale(.6);z-index:3;opacity:.6;}.carousel.transitioning .carousel-item{opacity:.3;transition:all .3s ease,opacity .3s ease;}.indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:1000;}.dot{width:12px;height:12px;border-radius:50%;background:var(--variable-collection-lightest);opacity:.5;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 2px rgba(0,0,0,.3);z-index:999;}.dot.active{background:var(--variable-collection-dark);transform:scale(1.2);opacity:1;}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);opacity:0;transition:opacity .3s ease;overflow:auto}.modal.show{display:flex;align-items:center;justify-content:center;opacity:1;}.modal.show.zoomed{overflow:auto;}.modal-content{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;}.modal-image{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:none;cursor:zoom-in;transition:transform .3s ease;}.modal-image.zoomed{transform:scale(1.8);transition:transform .3s ease;cursor:zoom-out;margin-top:46rem}.modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.9);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;font-weight:bold;color:#333;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.modal-close:hover{background:white;transform:scale(1.1);}body.modal-open{overflow:hidden;}.container #lottie{margin-top:5%;}.commands-desktop{display:flex;}.commands-mobile{display:none;}.bottom-menu{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:90%;max-width:1200px;background:var(--variable-collection-black-background);transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:900;cursor:pointer;margin-bottom:20px;padding:0;overflow:hidden;}.bottom-menu::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(45deg,var(--gradient-color-start),var(--gradient-color-end));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;box-sizing:border-box;}.bottom-menu>*{position:relative;z-index:1;}.bottom-menu.closed{height:140px}.bottom-menu.open{height:auto;min-height:273px;}.menu-header{position:absolute;top:33px;left:50%;transform:translateX(-50%);font-size:1.8rem;font-weight:bold;color:#ff0066;z-index:10;pointer-events:none;transition:opacity .4s ease;}.menu-content{padding:35px 40px 20px 40px;opacity:0;transform:translateY(20px);transition:all .4s ease .1s;visibility:hidden;height:0;overflow:hidden;}.bottom-menu.open .menu-content{opacity:1;transform:translateY(0);visibility:visible;height:auto;}.explanation-section{display:grid;grid-template-columns:repeat(8,1fr);gap:60px;margin-bottom:20px;font-size:.95rem;line-height:1.6;}.explanation-text{grid-column:1 / span 5;}.explanation-text p{margin-bottom:15px;}.commands-section{grid-column:6 / span 3;}.commands-section h3{margin-bottom:.25rem;font-size:1rem;}.commands-section p{color:#ff0066;}.arrow-menu{display:flex;align-items:center;justify-content:center;padding:.2rem;}.arrow-menu img{rotate:-90deg;width:30px;}.bottom-menu.open .arrow-menu img{rotate:90deg;}.menu-buttons{display:flex;gap:20px;justify-content:center;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 80px)}.menu-buttons button{height:41px;}.menu-buttons button div{text-align:center;}.bottom-menu.clicked{transform:translateX(-50%) scale(.98);}.menu-btn.button-clicked{transform:scale(.95);}.line-wrapper{display:flex;justify-content:center;padding-bottom:1rem;}.horizontal-line{height:1px;width:85%;background:linear-gradient(90deg,var(--gradient-color-start),var(--gradient-color-end));margin:20px 0;justify-self:center;}footer div:last-of-type{margin-bottom:.5rem;}.footer-text-1{grid-column:3 / span 3;}.footer-text-1 p,.footer-text-2 p{padding-bottom:.5rem;font-size:12px;line-height:16.8px;}.footer-text-2{grid-column:7 / span 4;}.footer-text-3{grid-column:3 / span 2;}.footer-text-4{grid-column:5 / span 2;}.footer-text-5{grid-column:7 / span 2;}.footer-text-6{grid-column:9 / span 2;}.footer-text-3 div,.footer-text-4 div,.footer-text-5 div,.footer-text-6 div{margin:0;}.footer-text-3 div a,.footer-text-4 div a,.footer-text-5 div a,.footer-text-6 div a{font-size:12px;line-height:16.8px;color:var(--variable-collection-pink-secondary-applied);text-decoration:underline;text-underline-offset:2px;font-weight:500;}footer .container>* + *{margin-top:0;}#bg-video-404{width:100vw;height:100vh;object-fit:cover;margin-bottom:-6rem;}.content-404-top{position:absolute;top:38vh;left:50%;color:var(--variable-collection-medium);z-index:10;translate:-50%;}.content-404-bottom{position:absolute;top:43vh;color:var(--variable-collection-medium);z-index:10;left:50%;translate:-50%;}.content-404-top h1{font-size:2rem;margin:0;}.content-404-bottom p{font-size:1.5rem;margin:5px 0 0 0;}.glow-hover{transition:all .3s ease;}.glow-hover *{transition:inherit;}.glow-hover:hover{filter:drop-shadow(0 3px 4px #f20f8caa) drop-shadow(0 3px 8px #f20c60aa);}.glow-hover:hover *{filter:none;text-shadow:0 3px 6px #f20f8caa,0 3px 10px #f20c60aa;}@keyframes glow-drop-shadow{0%{filter:drop-shadow(0 3px 4px #f20f8caa) drop-shadow(0 3px 8px #f20c60aa)}50%{filter:drop-shadow(0 6px 8px #f20f8caa) drop-shadow(0 6px 12px #f20c60aa)}100%{filter:drop-shadow(0 3px 4px #f20f8caa) drop-shadow(0 3px 8px #f20c60aa)}}.glow{animation:glow-drop-shadow 4s infinite ease-in-out;}@keyframes glow-drop-shadow-bigger{0%{filter:drop-shadow(0 0 30px #f20f8caa) drop-shadow(0 0 30px #f20c60aa)}50%{filter:drop-shadow(0 0 8px #f20f8caa) drop-shadow(0 0 12px #f20c60aa)}100%{filter:drop-shadow(0 0 30px #f20f8caa) drop-shadow(0 0 30px #f20c60aa)}}.glow-bigger{animation:glow-drop-shadow-bigger 4s infinite ease-in-out;}.galerie3d{padding-block:16rem;margin-top:-2rem;overflow:hidden;margin-top:-8rem;margin-bottom:-15rem;}.scroll-wrapper{height:50vh;display:flex;align-items:center;justify-content:center;}.video-outer{width:100%;height:100%;perspective:1200px;overflow-y:visible;display:flex;align-items:center;justify-content:center;}.video-inner{transform-style:preserve-3d}video{width:80vw;max-width:100%;display:block;transform-origin:center;}@media (max-width:950px){body{font-family:var(--body-regular-mobile-font-family);font-optical-sizing:auto;font-weight:var(--body-regular-mobile-font-weight);font-style:normal;font-variation-settings:"slnt" 0;font-size:var(--body-regular-mobile-font-size);line-height:var(--body-regular-mobile-line-height);margin:0;background:var(--variable-collection-black-background);color:var(--variable-collection-main-texte-color-applied)}h1{font-family:var(--h1-mobile-font-family);font-size:var(--h1-mobile-font-size);font-weight:var(--h1-mobile-font-weight);line-height:var(--h1-mobile-line-height)}h2{font-family:var(--h2-mobile-font-family);font-size:var(--h2-mobile-font-size);font-weight:var(--h2-mobile-font-weight);line-height:var(--h2-mobile-line-height)}h3{font-family:var(--h-3-font-family);font-size:var(--h-3-font-size);font-weight:var(--h-3-font-weight);line-height:var(--h-3-line-height)}h5{font-size:var(--h-5-font-size);font-weight:var(--h-5-font-weight);line-height:var(--h-5-line-height)}.body-light{font-size:12px;line-height:16.8px}.grid{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center}.margin-block-large{margin-block:2rem}.audio-player{left:20px}#background-video{width:auto;height:100vh;object-fit:cover;position:absolute;top:0;left:50%;transform:translateX(-50%);opacity:.3}.texte-formulaire-contact{display:block}.logo-container{left:0;width:90%;position:relative}.lottie-container-left{left:0;margin-left:0;width:90%;position:relative}.video-lottie-fond{top:-8rem;left:-10%}.web-lottie-fond{top:-5rem;left:-10%;scale:1}.contact-logo-fond{top:1rem;left:-10%;scale:1.2}.container{padding:0 2rem 2rem;justify-items:center}.container-audio{padding:1rem;justify-items:center;width:100%}.container-audio grid{width:100%}.page-header{margin-top:-20rem}.navbar{height:773px}.col-6-centered{grid-column:1 / -1;max-width:500px}.col-5-1-left{grid-column:1 / -1;max-width:500px}.texte-contact{grid-column:1 / 1;max-width:500px;padding-bottom:2rem}.col-5-1-right{grid-column:1 / -1;max-width:500px;min-width:0;overflow-wrap:break-word}.video-wrapper{padding-top:6rem;padding-bottom:4rem}.video-wrapper-safari{padding-top:6rem;padding-bottom:4rem}.video-accueil{min-width:360px}.video-accueil-safari{min-width:375px}.titre-taches-left{grid-column:1 / -1;max-width:500px}.titre-page-left{padding-bottom:0}.titre-taches-right{grid-column:1 / -1;max-width:500px}.bloc-contact{margin-top:6rem}.a-propos{grid-column:1 / 6;max-width:500px}.a-propos h1{font-size:var(--h-3-font-size)}.a-propos .btn-portfolio{margin-top:0}.a-propos .rs-icons-div{gap:.5rem}.logo-formulaire{grid-column:1 / 6}.logo-okto{width:15rem;margin:auto}.logo-formulaire h2{padding-bottom:1rem}.logo-formulaire .logo-okto{display:none}.a-propos .logo-okto{display:flex;padding-bottom:2rem}iframe{grid-column:1 / 6}.titre-page-right{padding-bottom:0;word-break:break-word;overflow-wrap:break-word;max-width:100%}.cadre-exp{display:flex;align-items:center;padding:20px 0;flex-direction:column}.image-droite-textes .cadre-exp{flex-direction:column-reverse}.image-gauche-textes,.image-droite-textes{display:flex;align-items:center;padding:20px 0}.image-gauche-textes{flex-direction:column}.image-droite-textes{flex-direction:column-reverse}.image-projet-wrapper,.textes-projet{width:100%}.image-projet-wrapper{scale:1}.titre-accueil{font-size:var(--h1-mobile-font-size)}.textes-projet{padding-inline:20px;align-items:center}.image-droite-textes .textes-projet{padding-inline:20px;margin-left:0}.image-gauche-textes .textes-projet{margin-right:0}.textes-projet h5{margin-bottom:10px;text-align:center}.textes-projet p{max-width:31rem}.image-gauche-textes .image-projet-wrapper,.image-droite-textes .image-projet-wrapper,.image-droite-textes .textes-projet,.image-gauche-textes .textes-projet{grid-column:auto}.image-projet-wrapper img{max-width:266px;min-width:200px}.btn-experience{padding:8px 10px}.menu-buttons button{width:270px}.boutons-projet-section{display:block}.boutons-projet-section .bouton-1{display:block;padding-bottom:0;scale:.8;gap:0}.video-embedded-container{}.matrix-board{display:grid;grid-template-columns:repeat(2,160px);gap:24px}.matrix-box:nth-child(1):nth-last-child(odd){grid-column:1 / -1;justify-self:center}.texte-gauche-projet{order:2;grid-column:1 / -1}.texte-centre-projet{grid-column:1 / -1}.gallery-container{flex-direction:row;height:15rem;justify-content:center;align-items:center;order:1;grid-column:1 / -1;margin-top:6rem}.gallery-web{margin-top:-1rem}.container .arrow-down{margin-top:3rem}.arrow-down{left:0}.arrow-left,.arrow-right{display:flex;position:absolute;z-index:999;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;font-size:16px;font-weight:bold;color:#333;transition:all .3s ease;top:50%;transform:translateY(-50%)}.arrow-left{left:-1rem}.arrow-right{right:-1rem}.arrow-left:hover,.arrow-right:hover{background:white;transform:translateY(-50%) scale(1.1)}.carousel-wrapper{width:100vw;height:370px;perspective:1000px;overflow:hidden}.carousel-item{width:200px;height:200px;left:50%;top:50%;transform-origin:center center}.carousel-item:nth-child(1){transform:translate(-50%,-50%) translateZ(0) scale(1);z-index:5}.carousel-item:nth-child(2){transform:translate(-50%,-50%) translateX(-120px) translateZ(-80px) scale(.8);z-index:4;opacity:.8}.carousel-item:nth-child(3){transform:translate(-50%,-50%) translateX(-240px) translateZ(-160px) scale(.6);z-index:3;opacity:.6}.carousel-item:nth-child(4){transform:translate(-50%,-50%) translateX(120px) translateZ(-80px) scale(.8);z-index:4;opacity:.8}.carousel-item:nth-child(5){transform:translate(-50%,-50%) translateX(240px) translateZ(-160px) scale(.6);z-index:3;opacity:.6}.indicator{bottom:40px}.modal-close{top:20px;right:20px;position:fixed}.formulaire{max-width:280px}.projet-question{transform:scale(.8);transform-origin:top center}.bouton-1 .icon{fill:var(--variable-collection-white)!important}.bouton-1 .text-wrapper{color:var(--variable-collection-white)!important}.footer-text-1{grid-column:1 / span 5}.footer-text-2{grid-column:1 / span 5;margin-top:0}.footer-text-3{grid-column:1 / span 5;margin-top:0;margin-bottom:0}.footer-text-4{grid-column:1 / span 5}.footer-text-5{grid-column:1 / span 5}.footer-text-6{grid-column:1 / span 5}footer div:last-of-type{margin-bottom:0}.bg-video-wrapper{width:100vw;overflow-x:hidden;position:relative}#bg-video-404{width:100vw;height:100vh;object-fit:cover;margin-bottom:-6rem}.content-404-top,.content-404-bottom{position:static;color:var(--variable-collection-medium)}.content-404-top{position:absolute;top:40%;left:50%;color:var(--variable-collection-medium);z-index:10;translate:-50%;width:302px}.content-404-bottom{position:absolute;top:50%;color:var(--variable-collection-medium);z-index:10;left:50%;translate:-50%;width:246px}.content-404-top h1{font-size:1.5rem}.content-404-bottom p{font-size:1.1rem}.container #lottie{margin-top:20vh}.bottom-menu{width:95%;margin-bottom:10px}.bottom-menu.open{height:567px}.bottom-menu.closed{height:240px}.menu-content{padding:30px 20px 20px 20px}.explanation-section{grid-template-columns:1fr;gap:10px;font-size:.9rem}.menu-buttons{flex-direction:column;align-items:center;gap:10px}.menu-btn{width:100%;max-width:250px}.menu-header{font-size:1.5rem}.explanation-text{grid-column:auto}.commands-section{grid-column:auto}.commands-desktop{display:none}.commands-mobile{display:flex}.galerie3d{padding-block:5rem;overflow:hidden;margin-top:-5rem;margin-bottom:-10rem}.scroll-wrapper{height:30vh}}@media (max-width:480px){:root{--h-1-font-size:48.94px}.titre-taches-left,.titre-taches-right{display:flex;padding-left:8rem;position:relative}.matrix-board{grid-template-columns:200px;justify-content:center}.matrix-box:nth-child(9){grid-column:auto}.video-lottie-fond{top:-5rem}}