:root{--white: #ffffff;--orange: #df660f;--black: #1b1b1b;--grey: #3d3d3d;--dark-grey: #2c2c2c;--red: #851818;--pink: #f95a5a;--blue: #125d6e;--green: #456f2b;--accent-color: var(--orange)}@font-face{font-family:MPLUS1;src:url(/fonts/MPLUS1.ttf)}*,*:after,*:before{box-sizing:border-box;list-style:none;text-decoration:none;margin:0;padding:0;font-weight:400;font-family:MPLUS1}:root{--buffer: 0}html{scroll-behavior:smooth}#projects{display:block;padding-top:200px}#about{display:block;padding-top:100px;margin-top:-200px}a:link,a:visited{color:var(--white)}body{background-color:var(--dark-grey);height:100vh;overflow-x:hidden}.wrapper{max-width:1280px;margin:0 auto;padding:0 var(--buffer)}section{min-height:100svh}h1{font-size:5rem;font-weight:700;color:var(--white);line-height:95%}h1 span{font-weight:inherit;display:inline-block}h2{font-size:3rem;font-weight:200;color:var(--white)}h2 span{font-weight:inherit;display:inline-block}h3{font-size:4.5rem;font-weight:700;color:var(--white)}footer{position:relative;color:var(--white);text-align:center;padding:20px 0;cursor:pointer;overflow:hidden}footer span{position:absolute;transition:top .5s ease}footer .copyright{top:0;left:50%;translate:-50%}footer .credit{top:100%;left:50%;translate:-50%}footer:hover .copyright,footer a:focus .copyright{top:-100%}footer:hover .credit,footer a:focus .credit{top:0}iframe{border:none;width:100%;height:100%}.loading{position:fixed;top:0;left:0;width:100vw;height:100svh;z-index:1100000;background-color:var(--dark-grey)}.project-loading{position:fixed;top:0;left:0;width:100vw;height:100svh;z-index:1000;background-color:var(--dark-grey)}@keyframes enter{0%{top:0;left:0}to{top:var(--y);left:var(--x)}}@keyframes exit{0%{top:var(--y);left:var(--x)}to{top:0;left:0}}@media screen and (width < 840px){#about{margin-top:0}}@media screen and (width < 1280px){:root{--buffer: 20px}}@media screen and (width >= 940px){.project-loading,.loading,body{background-image:url(/images/background/background.png);background-size:cover;background-attachment:fixed}}@media screen and (width < 640px){footer{margin-top:70px}}@media screen and (width < 600px){.hero-section{justify-content:center!important}.hero-section .hero-title{align-items:center!important}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:3.5rem}}@media screen and (width < 485px){h1{font-size:3rem}h2{font-size:1.8rem}h3{font-size:2.5rem}}.main-btn{background:transparent;font-size:1.3rem;color:var(--white);border:3px solid var(--accent-color);border-radius:5px;padding:20px 40px;cursor:pointer;transition:background .2s ease}.main-btn:hover{background:var(--accent-color)}.hover-container{position:relative;width:100%;max-width:400px;height:100px;cursor:pointer}.hover-container:hover .event-btn-container{animation:enter .5s forwards;position:absolute;outline:5px solid orange}.hover-container:hover .event-btn-container .connector-container .line svg path{stroke-dashoffset:0}.event-btn-container{position:relative;background:var(--black);border-radius:15px;border:1px rgba(255,255,255,.5) solid;border-right:none;border-bottom:none;outline:5px solid transparent;width:100%;color:var(--white);pointer-events:none;-webkit-box-shadow:0px 3px 15px 0px rgb(0,0,0);box-shadow:0 3px 15px #000;animation:exit .5s forwards;transition:outline .3s ease}.event-btn-container .top-part{position:relative;display:flex;align-items:center;gap:20px;background:linear-gradient(90deg,var(--red) 0%,transparent 100%);border-radius:15px 15px 0 0}.event-btn-container .top-part p{font-weight:700}.event-btn-container .top-part img{margin:10px;height:25px}.event-btn-container .top-part span{position:absolute;top:50%;right:15px;translate:0 -50%;display:block;width:20px;aspect-ratio:1;border:3px solid var(--pink);border-radius:3px;background-color:var(--black)}.event-btn-container .connector-container{position:relative;width:20px;margin-left:auto;margin-right:15px}.event-btn-container .connector-container .connector{width:15px;margin:10px 0}.event-btn-container .connector-container .line{position:absolute;top:calc(50% - 8px);right:10px;translate:100% -50%}.event-btn-container .connector-container .line svg path{stroke-dasharray:500 50000;stroke-dashoffset:500;transition:stroke-dashoffset .3s ease}@media screen and (width < 1100px){.hover-container{height:50px}.event-btn-container .top-part{border-radius:15px;font-size:1.2rem}.event-btn-container .top-part span,.event-btn-container .connector-container,.event-btn-container .line{display:none}}.main-navigation{position:fixed;top:0;left:0;z-index:10000;right:0;color:var(--white);padding:30px var(--buffer)}.main-navigation:after{content:"";position:absolute;top:0;left:50%;translate:-50% -100%;z-index:-1;display:block;width:100vw;height:100%;background-color:var(--black);transition:translate ease .2s}.main-navigation.show:after{translate:-50% 0}.main-navigation ul{display:flex;justify-content:end;align-items:end;gap:50px}.main-navigation ul li{cursor:pointer;transition:color .2s ease}.main-navigation ul li:hover{color:var(--accent-color)}.hamburger{display:none}.socials-container{position:fixed;bottom:40px;right:0;z-index:10000;display:flex;justify-content:end;align-items:end;gap:20px;padding-right:var(--buffer)}.socials-container .social-element{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--accent-color);color:var(--white);font-size:1.5rem;border-radius:50%;margin:0 5px;width:40px;height:40px;cursor:pointer;transition:all .2s ease}.socials-container .social-element .message{display:block;background-color:var(--accent-color);font-size:.8rem;position:absolute;top:0;translate:0 -120%;width:150px;padding:5px;border-radius:10px;pointer-events:none;overflow:hidden}.socials-container .social-element.blue{background-color:#0072b1}.socials-container .social-element:hover{width:50px;height:50px;margin:0}@media screen and (min-width: 1280px){.socials-container{right:calc((100vw - 1280px)/2)}}@media screen and (width < 530px){.hamburger{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:60px;height:50px;position:fixed;top:var(--buffer);right:var(--buffer);z-index:1000000}.hamburger i{display:block;width:100%;height:8px;background-color:var(--white);border-radius:100px;transition:all .3s ease}.hamburger.close i{transform-origin:100% 50%}.hamburger.close i:nth-child(1){rotate:-45deg}.hamburger.close i:nth-child(2){width:0}.hamburger.close i:nth-child(3){rotate:45deg}.main-navigation{height:100%;font-size:2rem;translate:0 -100%;transition:translate .5s ease;display:flex;justify-content:center}.main-navigation ul{justify-content:center;align-items:center;flex-direction:column}.main-navigation.open{translate:0 0}.main-navigation:after{translate:-50% 0}}.node-hover-container{position:relative;width:250px;height:60px}.node-hover-container:hover .node{animation:enter .5s forwards;position:absolute}.node-hover-container .node{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;height:50px;padding:10px 20px;border-radius:25px;color:var(--white);border:1px rgba(255,255,255,.5) solid;border-right:none;border-bottom:5px solid var(--grey);pointer-events:none;-webkit-box-shadow:0px 3px 15px 0px rgba(0,0,0,.5);box-shadow:0 3px 15px #00000080;animation:exit .5s forwards}.node-hover-container .node .node-image{height:150%}.node-hover-container .node p{width:100%;text-align:center}.node-hover-container .node.blue{background-image:linear-gradient(90deg,var(--grey) 0%,var(--blue) 30%,var(--blue) 70%,var(--grey) 100%)}.node-hover-container .node.red{background-image:linear-gradient(90deg,var(--grey) 0%,var(--red) 30%,var(--red) 70%,var(--grey) 100%)}.node-hover-container .node.green{background-image:linear-gradient(90deg,var(--grey) 0%,var(--green) 30%,var(--green) 70%,var(--grey) 100%)}.node-hover-container .node .connector-container{position:absolute;top:50%;left:10px;translate:0 -50%;display:flex}.node-hover-container .node .connector-container .line{position:absolute;top:50%;left:5px;translate:-100% -50%}@media screen and (width < 830px){.node-hover-container .node .connector-container .line{display:none}}.hero-section{display:flex;justify-content:start;align-items:center}.hero-section .hero-title{display:flex;gap:10px;flex-direction:column;align-items:start}.hero-section .hero-title .name{overflow:hidden;position:relative}.isHeader{position:fixed!important;top:20px;left:0;z-index:10000;padding:0 var(--buffer)}.isHeader h1{font-size:2rem}.isHeader h2{font-size:1rem}.hero-image{position:absolute;top:50%;right:0;translate:-13% -42%;height:98vh;z-index:-2;opacity:0}.transition h1,.transition h2{transition:all ease .2s}@media screen and (min-width: 1280px){.isHeader{left:calc((100vw - 1280px)/2)!important}}@media screen and (width < 1280px){.hero-image{transform:translate(30%)}.hero-video{transform:translate(14%)}}@media screen and (width < 940px){.hero-video,.hero-image{display:none}}.project-section .text-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;gap:10px;width:100%;max-width:350px}.project-section .text-container h3{padding-bottom:20px}.project-section .text-container a{width:100%;max-width:400px}.project-section .text-container .mobile-image{display:none;width:100%;max-width:600px;border-radius:5px;-webkit-box-shadow:0px 3px 15px 0px rgba(0,0,0,.5);box-shadow:0 3px 15px #00000080}.project-section .project-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.project-section .project-container .images-container{position:relative}.project-section .project-container .images-container .current-image{position:relative;overflow:hidden;width:600px;aspect-ratio:4/3;border-radius:5px;-webkit-box-shadow:0px 3px 15px 0px rgba(0,0,0,.5);box-shadow:0 3px 15px #00000080}.project-section .project-container .images-container .current-image>*{position:absolute;top:50%;left:50%;translate:-50% -50%;height:100%;transition:all .3s ease;opacity:1}.project-section .project-container .images-container .current-image>*.hide{opacity:0}.project-section .project-container .images-container .small-image{position:absolute;bottom:0;left:0;translate:-40% 10%;height:70%}.project-section .project-button{display:flex;justify-content:center;padding-top:50px}@media screen and (width < 1100px){.images-container{display:none}.project-section{width:100%}.project-section .text-container{gap:20px;width:100%}.project-section .project-container{justify-content:center;width:100%}.project-section .project-container .mobile-image{display:block}}.about-section{overflow:hidden}.about-section h3{text-align:center}.about-section .about-container{display:flex;justify-content:start;align-items:start;gap:150px;padding-top:50px}.about-section .about-description{color:var(--white);width:600px;-webkit-box-shadow:0px 3px 15px 0px rgba(0,0,0,.5);box-shadow:0 3px 15px #00000080;border-radius:25px;border:1px rgba(255,255,255,.5) solid;border-right:none;border-bottom:none}.about-section .about-description .top-part{font-size:1.6rem;background:linear-gradient(90deg,var(--accent-color) 0%,transparent 100%);padding:10px 20px;border-radius:25px 25px 0 0}.about-section .about-description .bottom-part{position:relative;font-size:1.2rem;display:flex;flex-direction:column;gap:15px;padding:20px 100px 20px 20px;background-color:var(--black);border-radius:0 0 25px 25px}.about-section .about-description .bottom-part img{position:absolute;top:20px;right:20px;transform:rotate(180deg)}@media screen and (width >= 830px){.about-section{min-height:calc(100svh - 150px)}}@media screen and (width < 830px){.about-section .about-container{flex-direction:column;justify-content:space-between;align-items:center;gap:30px}}@media screen and (width < 640px){.about-section .about-description{width:100%}.about-section .about-description .bottom-part{padding-right:20px}.about-section .about-description .bottom-part img{display:none}}.project-top-section{padding-top:150px}.project-top-section nav{width:100%;padding:50px 0}.project-top-section nav ul{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:10px}.project-top-section nav ul li{color:#df660f80;font-size:2rem;cursor:pointer;transition:color .2s ease}.project-top-section nav ul li:hover{color:#df660f}.project-top-section nav ul li.selected{color:#df660f}.project-sub-section{min-height:auto;padding:20px 0}.project-sub-section h3{font-weight:400;font-size:3.2rem;line-height:1;padding-bottom:20px}.project-sub-section .top-section{display:flex;justify-content:center;align-items:start;gap:20px}.project-sub-section .top-section .text-section{width:100%;flex-shrink:3}.project-sub-section .top-section .text-section p{color:var(--white);font-size:1.2rem}.project-sub-section .top-section .image-section{width:100%;max-height:calc(100svh - 4rem);aspect-ratio:16/9;display:flex;justify-content:center;align-items:center}.project-sub-section .top-section .image-section>*{cursor:pointer;max-width:100%;width:fit-content;max-height:100%;-webkit-box-shadow:0px 3px 15px 0px rgba(0,0,0,.5);box-shadow:0 3px 15px #00000080;border-radius:5px}.project-sub-section .embed{padding-top:30px;width:100%;aspect-ratio:16/9}.team{padding-top:100px}.team h3{font-weight:400;font-size:3.2rem}.team nav{width:fit-content}.team nav ul li{color:var(--white);font-size:1.2rem;padding:5px 0;cursor:pointer;transition:color .2s ease}.team nav ul li:hover{color:var(--accent-color)}@media screen and (width < 980px){.project-top-section nav ul li{font-size:1.4rem}.project-sub-section .top-section{flex-direction:column}.project-sub-section .top-section .text-section{max-width:100%}}@media screen and (width < 600px){.project-top-section nav ul li{font-size:1.2rem}.project-sub-section h3{font-size:2.2rem}.project-sub-section .top-section .text-section p{font-size:1rem}.team h3{font-size:2.2rem}.team nav ul li{font-size:1rem}}