@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition:all .5s}h1,h2,h3,h4,h5,h6{font-family:Popins,sans-serif;color:#fff}a,button,input,li,p,span,textarea{font-family:Manrope,sans-serif;color:#fff;text-decoration:none}body{background-color:#0f0f0f;position:relative}svg{display:flex}#h1{font-size:60px}#h2{font-size:36px}#h3{font-size:18px}#bt{font-size:20px}#p{font-size:16px}#xs{font-size:14px}#drop-lt{filter:drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 30px #ffffff)}.lt-title{display:flex;gap:20px;align-items:center}.lt-title .circle{width:12px;height:12px;border-radius:50%;background-color:#fff}.iframe-container{width:100%;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center}.lottie{height:24px;cursor:pointer}.iframe{width:100%;height:100%;border:none}.underline{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.underline h1,.underline h2{z-index:30}.underline .rectangle{width:100%;height:15px;background-color:#7085a6;transform:translateY(-20px);z-index:29}.underline .rectangle-lt{width:100%;height:10px;background-color:#7085a6;transform:translateY(-15px);z-index:29}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:zoom-out}@media screen and (max-width:780px){#bt{font-size:14px}#h1{font-size:24px}#h2{font-size:20px}#base{font-size:14px}.rectangle{transform:translateY(-10px)!important;height:10px!important}.rectangle-lt{transform:translateY(-5px)!important;height:5px!important}}.homepage{position:relative}.homepage .hero-section{height:100vh;display:flex;flex-direction:column;z-index:100}.homepage .hero-section .low-box{z-index:1000;position:absolute;left:46%;transform:translateX(-50%)}.homepage .hero-section .low-box .square{display:flex;padding:5px 10px;gap:10px;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:rgba(27,27,27,.7);border-radius:30px}.homepage .hero-section .low-box .square p{font-size:12px;cursor:pointer}.homepage .hero-section .low-box .square .cross{cursor:pointer}.homepage .hero-section .top-content{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.homepage .hero-section .top-content .img-container{width:40%;height:40%}.homepage .hero-section .top-content .img-container img{width:100%;height:100%;object-fit:contain}.homepage .hero-section .top-content .scene{width:100%;height:100%}.homepage .hero-section .bottom-content{display:flex;align-items:center;justify-content:center;flex-direction:column}.homepage .hero-section .bottom-content .btn{padding-bottom:8vh}.homepage .hero-section .bottom-content .btn p{font-weight:300;cursor:pointer}.homepage .projects-section{display:flex;flex-direction:column;align-items:center;gap:80px;margin:150px 13.5%}.homepage .projects-section a{width:100%;display:flex;justify-content:center}@media(max-width:780px){.projects-section{margin:60px 20px!important}}footer{flex-direction:column;gap:80px;border-top:1px solid #7c7c7c;padding:120px 13.5% 11px}footer,footer .top-content{width:100%;display:flex;align-items:center}footer .top-content{justify-content:space-between}footer .top-content .left-content{display:flex;flex-direction:column;align-items:center;gap:20px}footer .top-content .left-content .top-content{width:-moz-fit-content;width:fit-content}footer .top-content .left-content p{font-weight:700}footer .top-content .right-content{display:flex;flex-direction:column;gap:10px;align-items:center}footer .top-content .right-content .lt-title{font-size:16px;font-weight:300;color:#6d6d6d}footer .top-content .right-content .btn-container{display:flex;flex-direction:column;gap:10px}footer .bottom-content .bottom-text{font-size:14px;font-weight:300;color:#6d6d6d;text-align:center}@media screen and (max-width:780px){footer{gap:60px}footer .top-content{text-align:center;flex-direction:column;gap:70px}}.default{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:5px 20px;border-radius:5px;gap:5px;font-size:16px;cursor:pointer}.primary{background-color:hsla(0,0%,43%,.5)}.primary:hover{background-color:#6d6d6d}.ghost{background-color:transparent}.ghost:hover svg{translate:10px}header{position:fixed}.big-header{z-index:100}.big-header,.big-header .left-content{height:100vh;justify-content:space-between;align-items:center}.big-header .left-content{display:flex;padding:40px 25px;width:-moz-fit-content;width:fit-content;height:100%;flex-direction:column}.big-header .left-content nav{display:flex;flex-direction:column;gap:32px}.big-header .left-content nav a{cursor:pointer}.big-header .left-content nav :hover{transform:scale(1.2)}.right-header{position:fixed;z-index:1001;right:30px;top:40px;display:flex}.mobile-header{display:none}.showreel-container{position:fixed;right:30px;height:100vh;display:flex;align-items:flex-end;padding-bottom:40px;z-index:1000}@media(max-width:780px){.big-header{display:none}header{position:absolute}.mobile-header{z-index:999;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:40px 20px}.mobile-header .mobile-right{display:flex}.mobile-header .mobile-right a{height:-moz-fit-content;height:fit-content}.right-header{display:none}}.card{max-width:1260px;position:relative;max-height:725px;aspect-ratio:253/145;background-color:#292929;width:100%;height:100%;overflow:hidden;border-radius:30px;border:1px solid #fff;cursor:pointer}.card .elipse{position:absolute;top:-650px;left:-650px;filter:grayscale(100%)}.card .content{position:relative;width:100%;height:100%;z-index:1;padding:5.5% 7% 0;display:flex;flex-direction:column;justify-content:space-between}.card .content .img-container{width:100%;border-top-left-radius:15px;border-top-right-radius:15px;max-height:645px;aspect-ratio:72/43;transform:translateY(27%);overflow:hidden}.card .content .img-container img{width:100%;height:100%;object-fit:cover}.card .content .top-content{display:flex;flex-direction:column;gap:10px}.card .content .top-content .project-title{filter:drop-shadow(#ffffff 0 0 15px)}.card .content .top-content .project-info{display:flex;gap:10px;font-weight:700;color:#fff}.card .content .top-content .project-info .description{color:#bdbdbd;font-weight:300}.card:hover .elipse{top:-480px;filter:grayscale(0)}.card:hover .img-container{transform:translateY(17%)}@media screen and (max-width:780px){.card{aspect-ratio:171/173;border-radius:20px}.img-container{transform:translateY(0)!important}}.social-link{display:flex;justify-content:space-between;width:100%}.langue-switcher{display:flex;flex-direction:column;align-items:center;gap:5px;align-items:flex-end}.langue-switcher .btn-opener{display:flex;padding:10px;border:.5px solid #fff;border-radius:10px;width:-moz-fit-content;width:fit-content;cursor:pointer}.langue-switcher .btn-opener svg{width:18px;height:18px;stroke:#fff}.langue-switcher .btn-opener:hover{background-color:hsla(0,0%,100%,.3)}.langue-switcher .content{transition:max-height .5s ease-in-out;overflow:hidden;padding:5px;border:.2px solid #fff;border-radius:10px;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:10px;background-color:#0f0f0f}.langue-switcher .content .c-title{padding:5px 20px;border-bottom:.2px solid #fff}.langue-switcher .content .c-item{padding:5px 20px;border-radius:5px;display:block;width:150px!important}.langue-switcher .content .c-item:hover{background-color:hsla(0,0%,100%,.3)}.project-detail{display:flex;flex-direction:column;padding:120px;background-color:#3d3d3d;border-radius:30px;gap:100px;width:-moz-fit-content;width:fit-content;align-self:center}.project-detail .project-title{display:flex;flex-direction:column;width:100%;align-items:center;gap:40px}.project-detail .project-img{max-width:1260px;border-radius:30px;aspect-ratio:16/9;overflow:hidden}.project-detail .project-img img{width:100%;height:100%;object-fit:cover}.project-detail .project-text{width:100%;display:flex;justify-content:space-between;gap:30px}.project-detail .project-text .left-content,.project-detail .project-text .right-content{display:flex;flex-direction:column;gap:30px;max-width:470px}.project-detail .project-text .left-content p,.project-detail .project-text .right-content p{text-align:justify}.project-detail .project-link{display:flex;flex-direction:column;gap:30px}.project-detail .project-link .link-thread{display:flex;gap:20px;flex-wrap:wrap}.project-detail .project-link .link-thread .link-container{display:flex;gap:5px;align-items:center}.project-detail .project-link .link-thread .link-container a{cursor:pointer;color:#fff;text-decoration:underline}.project-detail .project-thread{display:flex;flex-direction:column;gap:50px}.project-detail .project-thread .img-thread{display:flex;flex-direction:column;gap:40px}.project-detail .project-thread .img-thread .img-content{display:flex;flex-direction:column;gap:5px;width:-moz-fit-content;width:fit-content}.project-detail .project-thread .img-thread .img-content p{margin-left:20px;font-family:Manrope,sans-serif;font-size:14px;color:#bdbdbd}.project-detail .project-thread .img-thread .img-content .img-container{max-width:1260px;border-radius:30px;aspect-ratio:16/9;overflow:hidden}.project-detail .project-thread .img-thread .img-content .img-container img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:780px){.project-detail{padding:20px;gap:40px}.project-detail .project-title{gap:20px}.project-detail .project-img{border-radius:15px}.project-detail .project-text{flex-direction:column}}.project-page{display:flex;flex-direction:column;align-items:center;gap:150px;margin:100px 65px 150px}.project-page .return-btn{align-self:flex-start}@media screen and (max-width:780px){.project-page{margin:40px 10px;gap:100px}}.showreelBtn{display:flex;padding:11px;border:.5px solid #fff;border-radius:10px;width:-moz-fit-content;width:fit-content;cursor:pointer;font-size:12px}.showreelBtn:hover{background-color:hsla(0,0%,100%,.3)}@media(max-width:780px){.showreel-container{display:none}.showreelBtn{transform:translateX(100px)}}