@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Share+Tech&display=swap";@font-face{font-family:Nippo Variable;src:url(/assets/fonts/Nippo-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;height:100%;width:100%;scroll-behavior:smooth;overflow-y:auto;overscroll-behavior:none;background-color:#fdfdf7;background-image:url(/assets/main_bg.png)}.sp_container{margin:0 auto;padding-left:15px;padding-right:15px}@media(min-width:576px){.sp_container{padding-left:20px;padding-right:20px}}@media(min-width:768px){.sp_container{padding-left:20px;padding-right:20px}}@media(min-width:1024px){.sp_container{padding-left:40px;padding-right:40px}}@media(min-width:1200px){.sp_container{padding-left:80px;padding-right:80px}}@media(min-width:1440px){.sp_container{padding-left:100px;padding-right:100px}}@media(min-width:2560px){.sp_container{padding-left:150px;padding-right:150px}}.hero_section{height:100vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding-top:140px;padding-bottom:100px}.hero_section .hero_section_header h2{font-weight:400;font-size:40px}.hero_section .hero_section_header h2 .name .strong{color:#8a9b5f}.hero_section .hero_section_header .hero_section_header_line{display:flex;align-items:center;gap:10px}.hero_section .hero_section_header .hero_section_header_line h1{font-size:90px;font-family:Nippo Variable,sans-serif;font-weight:400;font-style:normal;position:relative}.hero_section .hero_section_header .hero_section_header_line h1 span{display:inline-block;transition:all .3s ease-in-out}.hero_section .hero_section_header .hero_section_header_line img{width:70px;height:70px;object-fit:contain}.hero_section .hero_section_content{display:flex;align-items:stretch;gap:25px}.hero_section .hero_section_content .left{width:50%;display:flex;align-items:flex-start;flex-direction:column;gap:20px}.hero_section .hero_section_content .left p{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:38px;line-height:130%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.hero_section .hero_section_content .left p span{color:#8a9b5f;transform:rotate(45deg)}.hero_section .hero_section_content .right{width:50%;display:flex;align-items:flex-end;justify-content:flex-end}.hero_section .hero_section_content .right .scroll{font-family:Nippo Variable,sans-serif;font-weight:400;font-style:normal;display:flex;align-items:center;gap:5px;font-size:16px;animation:moveUpDown 2s ease-in-out infinite alternate}@media(max-width:1200px){.hero_section{padding-top:120px;padding-bottom:50px}.hero_section .hero_section_header h2{font-size:30px}.hero_section .hero_section_header .hero_section_header_line h1{font-size:60px}.hero_section .hero_section_content .left p{font-size:28px}}@media(max-width:1024px){.hero_section{padding-top:150px;padding-bottom:80px}.hero_section .hero_section_header h2{font-size:40px;display:flex;flex-direction:column}.hero_section .hero_section_header .hero_section_header_line h1{font-size:80px}.hero_section .hero_section_header .hero_section_header_line img{display:none}.hero_section .hero_section_content{flex-direction:column;gap:80px}.hero_section .hero_section_content .left{width:80%}.hero_section .hero_section_content .left p{font-size:44px}.hero_section .hero_section_content .right{width:100%;display:flex;align-items:center;justify-content:center}}@media(max-width:768px){.hero_section{padding-top:150px;padding-bottom:50px}.hero_section .hero_section_header h2{font-size:24px}.hero_section .hero_section_header .hero_section_header_line h1{font-size:50px}.hero_section .hero_section_header .hero_section_header_line img{display:none}.hero_section .hero_section_content{flex-direction:column;gap:80px}.hero_section .hero_section_content .left{width:100%}.hero_section .hero_section_content .left p{font-size:28px}.hero_section .hero_section_content .right{width:80%;display:flex;align-items:center;justify-content:center}.hero_section .hero_section_content .right .scroll{font-size:14px}}@media(max-width:576px){.hero_section{padding-top:100px;padding-bottom:40px}.hero_section .hero_section_header h2{font-size:20px}.hero_section .hero_section_header .hero_section_header_line h1{font-size:40px}.hero_section .hero_section_header .hero_section_header_line img{display:none}.hero_section .hero_section_content{flex-direction:column;gap:50px}.hero_section .hero_section_content .left{width:80%}.hero_section .hero_section_content .left p{font-size:22px}.hero_section .hero_section_content .right{width:100%;display:flex;align-items:center;justify-content:center}}@keyframes moveUpDown{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}.primary_button{background-color:rgba(138,155,95,.9);font-family:monospace;color:#fdfdf7;padding:15px 25px;border-radius:0;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;margin:10px;border:none;position:relative}.primary_button .bor{position:absolute;transition:all .2s ease-in-out}.primary_button .bor.tr{right:-5px;border-right:1px solid #000}.primary_button .bor.tl,.primary_button .bor.tr{top:-5px;width:10px;height:10px;border-top:1px solid #000}.primary_button .bor.tl{left:-5px;border-left:1px solid #000}.primary_button .bor.br{right:-5px;border-right:1px solid #000}.primary_button .bor.bl,.primary_button .bor.br{bottom:-5px;width:10px;height:10px;border-bottom:1px solid #000}.primary_button .bor.bl{left:-5px;border-left:1px solid #000}.primary_button:hover .bor.tr{top:0;right:0}.primary_button:hover .bor.tl{top:0;left:0}.primary_button:hover .bor.br{bottom:0;right:0}.primary_button:hover .bor.bl{bottom:0;left:0}.about_me_section{background-color:rgba(138,155,95,.25);padding-top:60px;padding-bottom:60px;display:flex;align-items:center;gap:50px}.about_me_section .image_container .contimg{width:260px;height:340px}.about_me_section .about_me_content{flex:1 1}.about_me_section .about_me_content h2{font-family:Nippo Variable,sans-serif;font-weight:400;font-style:normal;color:#8a9b5f;font-size:20px;margin-bottom:20px}.about_me_section .about_me_content p{text-wrap:pretty}.about_me_section .about_me_content p span{font-family:Share Tech,sans-serif;font-weight:400;font-style:normal;font-size:30px;line-height:130%;margin-bottom:20px;margin-left:20%}@media(max-width:1200px){.about_me_section{padding-top:40px;padding-bottom:40px;gap:40px}.about_me_section .image_container .contimg{width:200px;height:260px}.about_me_section .about_me_content h2{font-size:18px}.about_me_section .about_me_content p span{font-size:24px}}@media(max-width:1024px){.about_me_section{padding-top:40px;padding-bottom:40px;gap:40px;flex-direction:column}.about_me_section .image_container .contimg{width:200px;height:260px}.about_me_section .about_me_content h2{font-size:18px}.about_me_section .about_me_content p span{margin-left:15%;font-size:22px}}@media(max-width:768px){.about_me_section{padding-top:40px;padding-bottom:40px;gap:20px;flex-direction:column}.about_me_section .image_container .contimg{width:150px;height:200px}.about_me_section .about_me_content h2{font-size:16px}.about_me_section .about_me_content p span{margin-left:10%;font-size:18px}}.expertise_section{padding-top:50px;padding-bottom:50px;display:flex}.expertise_section .expertise_content{flex:1 1;margin-left:20%}.expertise_section .expertise_content h2{font-family:Nippo Variable,sans-serif;font-style:normal;color:#8a9b5f;font-size:20px;margin-bottom:20px;font-weight:400}.expertise_section .expertise_content .expertise_list{display:flex;flex-direction:column;gap:20px}.expertise_section .expertise_content .expertise_list .expertise_item{display:flex;align-items:flex-start;gap:40px;padding:15px 0;border-bottom:2px dashed rgba(0,0,0,.3)}.expertise_section .expertise_content .expertise_list .expertise_item .count{font-size:24px;padding-top:5px}.expertise_section .expertise_content .expertise_list .expertise_item .title{flex:1 1;font-size:34px;font-family:Share Tech,sans-serif;font-weight:400;font-style:normal}.expertise_section .expertise_content .expertise_list .expertise_item .description{width:45%;font-size:20px;font-weight:300}@media(max-width:1024px){.expertise_section{padding-top:30px;padding-bottom:30px}.expertise_section .expertise_content{margin-left:10%}.expertise_section .expertise_content h2{font-size:18px}.expertise_section .expertise_content .expertise_list .expertise_item{gap:20px}.expertise_section .expertise_content .expertise_list .expertise_item .count{font-size:20px}.expertise_section .expertise_content .expertise_list .expertise_item .title{font-size:28px}.expertise_section .expertise_content .expertise_list .expertise_item .description{width:50%;font-size:18px}}@media(max-width:768px){.expertise_section{padding-top:30px;padding-bottom:30px;flex-direction:column}.expertise_section .expertise_content{margin-left:0}.expertise_section .expertise_content h2{font-size:16px}.expertise_section .expertise_content .expertise_list .expertise_item{flex-direction:column;gap:10px}.expertise_section .expertise_content .expertise_list .expertise_item .count{font-size:18px}.expertise_section .expertise_content .expertise_list .expertise_item .title{font-size:24px}.expertise_section .expertise_content .expertise_list .expertise_item .description{width:100%;font-size:16px}}.contact_section{padding-top:50px;padding-bottom:50px}.contact_section,.contact_section .contact_content{display:flex;align-items:center;justify-content:center}.contact_section .contact_content{gap:5px;text-decoration:none}.contact_section .contact_content h2{font-family:Share Tech,sans-serif;font-style:normal;font-size:80px;color:#1e1e1e;text-decoration:none;font-weight:400}.contact_section .contact_content .icon{font-size:80px;color:#8a9b5f;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}.contact_section .contact_content:hover h2{font-weight:600}.contact_section .contact_content:hover .icon{transform:rotate(0deg)}@media(max-width:1024px){.contact_section{padding-top:30px;padding-bottom:30px}.contact_section .contact_content .icon,.contact_section .contact_content h2{font-size:60px}}@media(max-width:768px){.contact_section{padding-top:20px;padding-bottom:20px}.contact_section .contact_content .icon,.contact_section .contact_content h2{font-size:40px}}@media(max-width:576px){.contact_section{padding-top:10px;padding-bottom:10px}.contact_section .contact_content .icon,.contact_section .contact_content h2{font-size:26px}}.social_links{padding-top:40px;padding-bottom:80px;display:flex;align-items:center;justify-content:space-between}.social_links a{text-decoration:none;color:#1e1e1e;font-size:30px;transition:all .3s ease-in-out;font-family:monospace}.social_links a:hover{color:#8a9b5f;transform:scale(1.05)}@media(max-width:1024px){.social_links{padding-top:40px;padding-bottom:80px}.social_links a{font-size:24px}}@media(max-width:768px){.social_links{padding-top:40px;padding-bottom:60px;flex-wrap:wrap;justify-content:center;gap:20px}.social_links a{font-size:20px}}@media(max-width:576px){.social_links{padding-top:40px;padding-bottom:60px}.social_links a{font-size:14px}}.project_section .project_top{display:flex;align-items:stretch;justify-content:center}.project_section .project_top div{height:50px;background-color:#1e1e1e}.project_section .project_top .left{-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%);width:50px}.project_section .project_top .middle{flex:1 1}.project_section .project_top .right{-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);width:50px}@media(max-width:1024px){.project_section .project_top div{height:30px}.project_section .project_top .left,.project_section .project_top .right{width:30px}}@media(max-width:768px){.project_section .project_top div{height:20px}.project_section .project_top .left,.project_section .project_top .right{width:20px}}.project_section .project_bottom{display:flex;align-items:stretch;justify-content:center}.project_section .project_bottom div{height:50px;background-color:#1e1e1e}.project_section .project_bottom .left{-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);width:50px}.project_section .project_bottom .middle{flex:1 1}.project_section .project_bottom .right{-webkit-clip-path:polygon(100% 0,0 0,0 100%);clip-path:polygon(100% 0,0 0,0 100%);width:50px}@media(max-width:1024px){.project_section .project_bottom div{height:30px}.project_section .project_bottom .left,.project_section .project_bottom .right{width:30px}}@media(max-width:768px){.project_section .project_bottom div{height:20px}.project_section .project_bottom .left,.project_section .project_bottom .right{width:20px}}.project_section .project_content{background-color:#1e1e1e;position:relative}.project_section .project_content:before{bottom:100%}.project_section .project_content:after,.project_section .project_content:before{position:absolute;content:"";left:0;right:0;width:100%;height:1px;background-color:#1e1e1e}.project_section .project_content:after{top:100%}.project_section .project_content .project_header{display:flex;justify-content:flex-end;border-bottom:2px dashed hsla(0,0%,100%,.3);padding-bottom:10px}.project_section .project_content .project_header h1{color:#8a9b5f;font-size:40px;font-family:Share Tech,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase}@media(max-width:1024px){.project_section .project_content .project_header h1{font-size:32px}}@media(max-width:768px){.project_section .project_content .project_header h1{font-size:24px}}.project_section .project_list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:40px 20px;padding:40px 0}.project_section .project_list .project_item{display:flex;flex-direction:column;gap:20px;padding:20px;max-width:60%}.project_section .project_list .project_item.small{max-width:37%}.project_section .project_list .project_item .project_image{position:relative;overflow:hidden}.project_section .project_list .project_item .project_image img{max-height:450px;max-width:100%;width:100%;object-fit:cover;transition:all .3s ease-in-out}.project_section .project_list .project_item .project_image:after{position:absolute;content:"";left:-1px;top:-1px;width:50px;height:50px;background-color:#1e1e1e;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);z-index:2}.project_section .project_list .project_item .project_image:before{position:absolute;content:"";right:-1px;bottom:-1px;width:50px;height:50px;background-color:#1e1e1e;-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%);z-index:2}.project_section .project_list .project_item:hover .project_image img{transform:scale(1.05)}.project_section .project_list .project_item .project_info h2{color:#fff;font-size:24px;font-family:Share Tech,sans-serif;font-weight:400;font-style:normal;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.project_section .project_list .project_item .project_info h2 span{color:#8a9b5f}.project_section .project_list .project_item .project_info p{color:hsla(0,0%,100%,.6392156863);font-size:16px;font-weight:300}.project_section .project_list .project_item .project_info a{text-decoration:none;color:#8a9b5f;font-size:16px;font-weight:500;margin-top:10px;display:flex;align-items:center;gap:5px;transition:all .3s ease-in-out;position:relative}.project_section .project_list .project_item .project_info a .icon{font-size:24px;transition:all .3s ease-in-out;transform:translateX(0)}.project_section .project_list .project_item .project_info a:hover .icon{transform:translateX(5px)}@media(max-width:1440px){.project_section .project_list .project_item.small{max-width:35%}.project_section .project_list .project_item .project_image img{max-height:450px}}@media(max-width:1024px){.project_section .project_list{padding:30px 0;gap:30px 15px}.project_section .project_list .project_item,.project_section .project_list .project_item.small{max-width:100%}.project_section .project_list .project_item .project_info h2{font-size:20px}.project_section .project_list .project_item .project_info p{font-size:14px}}@media(max-width:768px){.project_section .project_list{padding:20px 0;gap:20px 10px}.project_section .project_list .project_item{max-width:100%}.project_section .project_list .project_item .project_info h2{font-size:18px}.project_section .project_list .project_item .project_info p{font-size:12px}}.story_section{padding-top:60px;padding-bottom:0}.story_section p{font-size:32px;max-width:70%;font-weight:300;margin-bottom:0}@media(max-width:1024px){.story_section{padding-top:60px;padding-bottom:20px}.story_section p{font-size:28px;max-width:80%}}@media(max-width:768px){.story_section p{font-size:22px;max-width:90%}}.fadein_on_visible{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fadein_on_visible.revealed{opacity:1;transform:translateY(0)}