@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;outline:none;box-sizing:border-box}body{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;overflow-x:hidden;background-color:#000;line-height:1.5;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-size:112px 112px;background-image:linear-gradient(90deg,hsla(0,3%,48%,.239) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,50%,.4) 1px,transparent 0)}img{max-width:100%;vertical-align:middle}ul{list-style:none}a,a:hover{text-decoration:none;color:#fff}.bg-transparent{background:transparent}@keyframes move{0%{transform:translateX(5px);opacity:0}to{transform:translateX(0);opacity:1}}@media screen and (min-width:1300px){.has-max-width{padding-left:calc(50% - 650px);padding-right:calc(50% - 650px)}}.flex{display:flex}.ai-center{align-items:center}.jc-between{justify-content:space-between}.jc-center{justify-content:center}.wrapper{min-height:100vh}.wrapper:after,.wrapper:before{position:absolute;width:1px;background-color:#c18700;height:100%;opacity:.5;top:0}.wrapper:after{left:calc(50% - 650px)}.wrapper:before{right:calc(50% - 650px)}@media screen and (max-width:1300px){.wrapper:after{left:5rem}.wrapper:before{right:5rem}}header{padding:2rem 4rem;align-items:center;justify-content:space-between;background-color:#000;z-index:100}header,header .logo{display:flex;position:relative}header .logo{color:#fff;align-items:baseline}header .logo a{color:#fff}header .logo h1{letter-spacing:-3px;position:relative;display:block}header .logo h1:before{content:"";position:absolute;width:105%;height:5px;border-radius:50px;background-color:#fdb100;top:2px;left:0}header .logo:hover .name_reveal span{animation:move 1s ease-in-out forwards}header .logo:hover .name_reveal span:first-of-type{animation-delay:.1s}header .logo:hover .name_reveal span:nth-of-type(2){animation-delay:.2s}header .logo:hover .name_reveal span:nth-of-type(3){animation-delay:.3s}header .logo:hover .name_reveal span:nth-of-type(4){animation-delay:.4s}header .logo:hover .name_reveal span:nth-of-type(5){animation-delay:.5s}header .logo:hover .name_reveal span:nth-of-type(6){animation-delay:.6s}header .logo:hover .name_reveal span:nth-of-type(7){animation-delay:.7s}header .logo:hover .name_reveal span:nth-of-type(8){animation-delay:.8s}header .logo:hover .name_reveal span:nth-of-type(9){animation-delay:.9s}header .logo:hover .name_reveal span:nth-of-type(10){animation-delay:1s}header .logo:hover .name_reveal span:nth-of-type(11){animation-delay:1.1s}header .logo .name_reveal{position:absolute;top:60%;transform:translateY(-50%);left:50px;display:flex;align-items:flex-end;justify-content:flex-start;gap:.15rem;transition:all .3s ease-in-out}header .logo .name_reveal span{transform:translateX(5px);opacity:0}header ul{list-style:none;display:flex;align-items:center;justify-content:flex-end;transition:all .3s ease-in-out}header ul li,header ul li a{display:flex;align-items:center;justify-content:center}header ul li a{padding:.85rem}@media screen and (max-width:600px){header ul{position:absolute;width:100%;background-color:#000;flex-direction:column;align-items:center;justify-content:center;top:-100%;opacity:0;left:0;z-index:-1;box-shadow:-4px 3px 20px 0 rgba(99,96,96,.31);border-bottom:1px solid #3f3f3f;padding:.5rem}header ul.show{opacity:1;top:100%}header ul li{width:100%;border-top:1px solid #3f3d3d}header ul li a{width:100%}header ul li:last-of-type{border-bottom:none}}header .link_menu{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;cursor:pointer;display:none}@media screen and (max-width:600px){header .link_menu{display:flex}}@media screen and (max-width:500px){header{padding:2rem}}@media screen and (min-width:1070px){header{padding-left:calc(50% - 500px);padding-right:calc(50% - 500px)}}@media screen and (max-width:350px){header{padding:1rem}}.presentation-contain{min-height:60vh;padding:2rem 4rem;margin-top:3rem}.presentation-contain .presentation{width:100%}.presentation-contain .presentation h1{font-size:6rem;font-weight:900;line-height:130px;letter-spacing:5px;text-transform:uppercase}@media screen and (max-width:1070px){.presentation-contain .presentation h1{font-size:4rem;line-height:100px}}@media screen and (max-width:500px){.presentation-contain .presentation h1{font-size:4rem;line-height:70px}}@media screen and (max-width:390px){.presentation-contain .presentation h1{font-size:15vw;line-height:60px}}.presentation-contain .presentation h1 span{-webkit-text-stroke:4px;-webkit-text-stroke-color:#fdb100;-webkit-text-fill-color:transparent;font-size:8rem}@media screen and (max-width:1070px){.presentation-contain .presentation h1 span{font-size:6rem}}@media screen and (max-width:500px){.presentation-contain .presentation h1 span{font-size:5rem;-webkit-text-stroke:2px;-webkit-text-stroke-color:#fdb100;-webkit-text-fill-color:transparent}}@media screen and (max-width:390px){.presentation-contain .presentation h1 span{font-size:17vw;-webkit-text-stroke:1px;-webkit-text-stroke-color:#fdb100;-webkit-text-fill-color:transparent}}.presentation-contain .presentation .badge{background:#fff;color:#000;width:-moz-max-content;width:max-content;padding:.35rem .75rem;border-radius:30px;font-weight:600;font-size:.85rem;position:relative}.presentation-contain .presentation .badge svg{position:absolute;top:-35px;transform:rotate(20deg)}@media screen and (min-width:1070px){.presentation-contain{padding-left:calc(50% - 500px);padding-right:calc(50% - 500px)}}@media screen and (max-width:500px){.presentation-contain{padding:2rem}}.project-contain{min-height:60vh;padding:2rem 4rem;margin-top:3rem}.project-contain .title{font-size:4rem;text-transform:uppercase}.project-contain .projects{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.project-contain .projects .project{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;overflow:hidden;position:relative;opacity:0;transition:all .3s ease-in-out;transform:translateY(10px)}.project-contain .projects .project.type_2{flex-direction:row-reverse}.project-contain .projects .project.visible{opacity:1;transform:translateY(0)}.project-contain .projects .project .project_info{transition:all .3s ease-in-out;transform:translateY(5px);width:calc(100% - 350px - .75rem)}.project-contain .projects .project .project_info h1{font-size:5rem;font-weight:lighter}@media screen and (max-width:615px){.project-contain .projects .project .project_info h1{font-size:4rem}}.project-contain .projects .project .project_info h1,.project-contain .projects .project .project_info p{opacity:.8;transition:all .3s ease-in-out}.project-contain .projects .project .project_info p{opacity:0}.project-contain .projects .project:hover .project_info{transform:translateY(0);background-color:hsla(0,0%,60%,.2);padding:.5rem;border-radius:10px}@media screen and (max-width:500px){.project-contain .projects .project:hover .project_info{background-color:transparent}}.project-contain .projects .project:hover h1,.project-contain .projects .project:hover p{opacity:1}.project-contain .projects .project:hover img{filter:grayscale(0)}.project-contain .projects .project img{width:350px;filter:grayscale(1);transition:all .3s ease-in-out}@media screen and (max-width:1070px){.project-contain .projects .project{flex-direction:column;width:100%}.project-contain .projects .project .project_info{width:100%;max-width:700px}.project-contain .projects .project.type_2{align-items:flex-start;flex-direction:column}}@media screen and (min-width:1070px){.project-contain{padding-left:calc(50% - 500px);padding-right:calc(50% - 500px)}}@media screen and (max-width:500px){.project-contain{padding:2rem;margin-top:0}}@media screen and (max-width:350px){.project-contain{padding:1rem}}footer{display:flex;align-items:center;color:#fff;padding:1rem 0;background-color:#000}footer .container{width:100%}footer .container,footer .container a{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}footer .container a{padding:2rem 4rem;color:#fff}footer .container a p{font-weight:300}@media screen and (max-width:500px){footer .container a{padding:0}}@media screen and (min-width:1070px){footer .container{padding-left:calc(50% - 500px);padding-right:calc(50% - 500px)}}@media screen and (max-width:500px){footer .container{padding:2rem}}.circle{height:30px;display:flex;justify-content:center;align-items:center;border:2px solid #fff;transition:.1s ease-out}.dot{height:5px;background-color:#fff}.circle,.dot{aspect-ratio:1;border-radius:100%;position:fixed;transform:translate(-50%,-50%);top:0;left:0;z-index:1999;pointer-events:none;will-change:width,height,border}.circle.hover{background-color:#fff;opacity:.5;height:80px}.dot.hover{background-color:transparent}