.hero{position:relative;height:100%;z-index:0;padding:2em 0;overflow:hidden;font-size:20px}.hero,.hero__inner{width:100%;display:flex;flex-direction:column;flex:1}.hero__inner{gap:20px}.hero__top{width:100%;padding:1em;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hero__top-socials{display:flex;flex-direction:column;gap:1em}.hero__top-button{display:flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;cursor:pointer}.hero__top-button img{width:100%;height:100%;object-fit:contain}.hero__logo{display:flex;align-items:center;justify-content:center;width:9em}.hero__logo._lg{width:75%;max-width:600px;margin:auto}.hero__logo img{width:100%;height:100%;object-fit:contain}.hero__discover{display:flex;flex-direction:column;align-items:flex-start;gap:1em;margin-left:auto}.hero__discover-chevron{margin-left:.2em}.hero__discover-chevron .chevron{width:1em;height:.3em;margin-bottom:.4em}.hero__discover-text{writing-mode:vertical-lr;font-family:Acor,sans-serif;font-size:1.1em;line-height:1;transform:rotate(180deg)}.hero__footer{padding:0 1em;position:relative}.hero__footer,.hero__footer-text{display:flex;flex-direction:column}.hero__footer-text{font-family:Acor,sans-serif;font-size:1.5em;line-height:1.2em;font-weight:300;font-style:italic;transform:translateY(4vh)}.hero__inner-group{display:flex;flex-direction:column;gap:6vh;margin:auto 0}@media (max-width:768px){.hero{font-size:18px}.hero__inner-group{width:75%;max-width:600px;margin:15px auto}.hero__inner-group .hero__logo{width:100%}}@media (max-width:540px){.hero{font-size:16px;padding:2em 0}.hero__footer,.hero__top{padding:0}.hero__top-socials{gap:1.2em}}@media (max-width:390px){.hero{font-size:13px}.hero__footer-text{font-size:1.5em}}.projects{width:100%;height:100%;position:relative;z-index:0;display:flex;flex-direction:column;flex:1;font-size:20px;padding:3em 1em}.projects__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.projects__inner{display:flex;flex-direction:column;justify-content:space-between;gap:2em;flex:1}.projects__inner._sm{gap:1em}.projects__group{width:100vw;height:50vw;position:relative;left:50%;transform:translateX(-50%);z-index:0}.projects__group:before{content:"";width:100%;height:calc(100% + 4px);position:absolute;top:-2px;left:0;background:linear-gradient(270deg,#1d2228,#4e5e6d);z-index:-3}.projects__group:after{content:"";background:#0d0e0f;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-2}.projects__group-image{display:flex;align-items:center;justify-content:center;width:95%;max-width:50vh;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.projects__group-image._sm{max-width:55vw}.projects__group-image img{width:100%;height:100%;object-fit:contain}.projects__group-bg{position:absolute;width:100%;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:-1}.projects__group-bg img{width:100%;height:100%;object-fit:contain}.projects__group-bg._show{display:flex;height:100%}.projects__group-bg._show img{object-fit:cover}.projects__content{gap:3em}.projects__content,.projects__content-title{display:flex;flex-direction:column}.projects__content-title h2{font-size:5em;line-height:1;font-weight:500;color:#22fe8d;text-shadow:0 -3px 20px rgba(52,211,153,.5),0 0 18px rgba(52,211,153,.5);filter:drop-shadow(0 0 18px rgba(52,211,173,.3))}.projects__content h4{font-size:1.4em;line-height:1;color:#22fe8d}.projects__content-box{display:flex;flex-direction:column;gap:3em}.projects__content-box p{font-size:1.2em;line-height:1.4;font-family:Kanit-Light,sans-serif;z-index:2}.projects__content .button{margin:0 auto}.projects .chevronBottom{margin-left:auto}@media (max-width:768px){.projects{font-size:18px}}@media (max-width:540px){.projects{font-size:16px;padding:2em 0}.projects__group{height:60vw}.projects__group-image._sm{width:65%;max-width:unset}.projects__group-bg{display:flex}.projects .button{font-size:16px}.projects__content-title._image{width:100%;max-width:38vh}}@media (max-width:460px){.projects__content-title{font-size:2.8vw}.projects__content-box p{font-size:16px}.projects .button,.projects .button._orange{font-size:14px}}@media (max-width:390px){.projects{font-size:14px}.projects__content-box{gap:25px}.projects__content-title{font-size:2.8vw}.projects__content-title img{margin:-2em auto 1em}.projects__content-box p{font-size:14px}.projects__group{height:27vh}.projects__group-image{width:95%}.projects__group-image._sm{width:60%}.projects__content._sm{gap:2em}}