@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(50%,.5vw + 44%,62.5%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:D-DIN,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:1.6rem;line-height:1.6;margin:0;word-break:keep-all}@font-face{font-family:D-DIN;font-style:normal;font-weight:700;src:url(/static/media/D-DIN-Bold.552fdc53ba9112990a9d.woff) format("woff")}.d-din{font-family:D-DIN,sans-serif;letter-spacing:.05rem;text-transform:uppercase}label,p,span{font-weight:400;letter-spacing:-.01em}.nav-item,h1,h2{font-family:D-DIN,sans-serif;letter-spacing:.1rem;text-transform:uppercase}button{border:none;padding:0}input,select,textarea{background:#0000;border:none;border-bottom:1px solid #ffffff26;color:#fff;font-size:1.6rem;padding:1.2rem 0;transition:.3s}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:focus,select:focus,textarea:focus{border-bottom-color:#e0e0e0;outline:none}.cta-button{align-items:center;background-color:#00000080;border:1px solid #ffffff59;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.4rem;font-weight:600;height:4.8rem;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:0 2rem;position:relative;text-transform:uppercase;transition:background-color .5s cubic-bezier(.19,1,.22,1),color .5s cubic-bezier(.19,1,.22,1)}.cta-button .button-text{margin-right:1.2rem}.cta-button .button-icon{align-items:center;display:flex;height:1.8rem;position:relative;width:1.8rem}.cta-button .button-icon svg{stroke:currentColor;display:block;transition:transform .5s cubic-bezier(.19,1,.22,1)}.cta-button:hover{background-color:#fff;color:#000}.cta-button:hover .button-icon svg{transform:translateX(5px)}.cta-button:active{transform:scale(.98)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero{animation:fadeInUp 1.2s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.5s;opacity:0;padding:12rem 0 8rem;text-align:center;transform:translateY(30px)}.hero h2{font-size:4rem;font-weight:800;line-height:1.1}.hero h2 span,.hero p{color:#e0e0e0}.hero p{font-size:1.5rem;margin-top:1.5rem}.service-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:6rem 0 0}@media(max-width:1024px){.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.service-grid{grid-template-columns:1fr}}.service-grid .service-card{background:#111;border:1px solid #ffffff1a;border-radius:2.4rem;overflow:hidden;padding:3rem 2rem;position:relative;transition:.4s cubic-bezier(.165,.84,.44,1)}.service-grid .service-card:after{background:#e0e0e0;bottom:0;box-shadow:0 0 10px #e0e0e0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:.4s ease;width:0}.service-grid .service-card:hover{background:#ffffff08;transform:translateY(-10px)}.service-grid .service-card:hover:after{width:100%}.service-grid .service-card svg{stroke-width:1.5;stroke:#ffffffe6}.service-grid .service-card h3{font-size:1.5rem;margin:1.5rem 0 .5rem}.service-grid .service-card p{color:#888}.custom-overlay{position:relative;transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}.custom-overlay-box{background:#111;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 10px 30px #0009;color:#fff;font-size:14px;line-height:1.5;min-width:220px;padding:14px 16px}.ykinas-portfolio{background-color:#000;padding:15rem 0 0}.ykinas-portfolio .portfolio-header{margin-bottom:10rem;padding:0 2rem;text-align:center}.ykinas-portfolio .portfolio-header .sub-title{color:#e0e0e0;font-size:1.4rem;letter-spacing:.5rem}.ykinas-portfolio .portfolio-header .main-title{font-size:clamp(3.2rem,6vw,5.6rem);font-weight:700;letter-spacing:-.02em;margin-top:2rem}.ykinas-portfolio .project-grid{display:flex;flex-direction:column;gap:.5rem}.ykinas-portfolio .project-card{cursor:pointer;height:80vh;overflow:hidden;position:relative}.ykinas-portfolio .project-card .card-bg{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform 1.5s cubic-bezier(.19,1,.22,1);width:100%}.ykinas-portfolio .project-card .card-bg:after{background:linear-gradient(0deg,#000c 0,#0000 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ykinas-portfolio .project-card .card-content{bottom:0;left:0;padding:6rem;position:absolute;width:100%;z-index:2}.ykinas-portfolio .project-card .card-content .text-box{max-width:80rem;transform:translateY(20px);transition:transform .8s ease}.ykinas-portfolio .project-card .card-content .category{color:#e0e0e0;font-size:1.5rem;letter-spacing:.2rem}.ykinas-portfolio .project-card .card-content .project-title{font-size:clamp(2.4rem,4vw,4rem);line-height:1.1;margin:1.5rem 0}.ykinas-portfolio .project-card .card-content .project-desc{color:#bbb;font-size:1.8rem;margin-bottom:3rem;max-width:50rem;word-break:keep-all}.ykinas-portfolio .project-card .card-content .view-details{border:1px solid #fff;color:#fff;display:inline-block;padding:1.5rem 3rem;text-decoration:none;transition:.4s}.ykinas-portfolio .project-card .card-content .view-details span{margin-left:1rem;transition:margin .3s}.ykinas-portfolio .project-card .card-content .view-details:hover{background:#fff;color:#000}.ykinas-portfolio .project-card .card-content .view-details:hover span{margin-left:2rem}.ykinas-portfolio .project-card:hover .card-bg{transform:scale(1.05)}.ykinas-portfolio .project-card:hover .text-box{transform:translateY(0)}.contact-section{background:#000;color:#fff;padding:12rem 2rem}.contact-section .container{margin:0 auto;max-width:800px}.contact-section .contact-header{margin-bottom:6rem;text-align:center}.contact-section .contact-header .sub-title{color:#007bff;font-family:D-DIN-Bold,sans-serif;font-size:1.4rem;letter-spacing:.4rem}.contact-section .contact-header .main-title{font-size:clamp(3.2rem,5vw,4.2rem);font-weight:700;margin:1.5rem 0}.contact-section .contact-header .desc{color:#888;font-size:1.7rem;line-height:1.8;word-break:keep-all}.contact-section .contact-form{display:flex;flex-direction:column;gap:4rem}.contact-section .contact-form .input-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.contact-section .contact-form .input-row{grid-template-columns:1fr}}.contact-section .contact-form .input-group{display:flex;flex-direction:column}.contact-section .contact-form .input-group label{color:#bbb;font-size:1.3rem;font-weight:500;margin-bottom:1rem}.contact-section .contact-form .input-group input,.contact-section .contact-form .input-group select,.contact-section .contact-form .input-group textarea{background:#0000;border:none;border-bottom:1px solid #ffffff26;color:#fff;font-size:1.6rem;padding:1.2rem 0;transition:.3s}.contact-section .contact-form .input-group input:focus,.contact-section .contact-form .input-group select:focus,.contact-section .contact-form .input-group textarea:focus{border-bottom-color:#007bff;outline:none}.contact-section .contact-form .input-group select option{background:#111}.contact-section .contact-form .agreement-group{align-items:center;color:#888;display:flex;font-size:1.4rem;gap:1rem}.contact-section .contact-form .agreement-group input{cursor:pointer;height:1.8rem;width:1.8rem}.contact-section .contact-form .submit-btn{align-items:center;background:#0000;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;font-family:D-DIN-Bold,sans-serif;font-size:1.8rem;gap:2rem;height:6rem;justify-content:center;transition:.4s}.contact-section .contact-form .submit-btn:hover{background:#fff;color:#000}.ykinas-app{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.ykinas-app .header-content{align-items:center;color:#fff;display:flex;margin:0 auto;max-width:1200px;padding:0 40px;width:100%}.ykinas-app .header{align-items:center;display:flex;height:80px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.ykinas-app .header:before{background:linear-gradient(180deg,#0009,#0000004d 40%,#0000);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.ykinas-app .header .header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.2rem 2rem;width:100%}.ykinas-app .header .header-inner .logo{color:#e0e0e0;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.ykinas-app .header .header-inner .logo img{height:auto;width:2rem}.ykinas-app .header .nav-desktop{display:flex;gap:2.5rem}.ykinas-app .header .nav-desktop a{color:#fffc;font-weight:500;text-decoration:none;transition:.3s}.ykinas-app .header .nav-desktop a:hover{color:#e0e0e0}@media(max-width:768px){.ykinas-app .header .nav-desktop{display:none}}.ykinas-app .header .menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none}@media(max-width:768px){.ykinas-app .header .menu-btn{display:block}}.ykinas-app .header .nav-overlay{animation:fadeIn .3s ease;background:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.ykinas-app .header .mobile-links{display:flex;flex-direction:column;gap:2rem}.ykinas-app .header .mobile-links a{border-bottom:1px solid #ffffff1a;color:#fff;font-family:D-DIN-Bold,sans-serif;font-size:1.8rem;letter-spacing:.1rem;padding-bottom:1rem;text-decoration:none;text-transform:uppercase}.ykinas-app .nav-mobile{background:#111;box-shadow:-10px 0 30px #00000080;display:none;gap:1.5rem;height:100vh;padding:5rem 2rem;position:fixed;right:-280px;top:0;transition:.4s cubic-bezier(.4,0,.2,1);width:280px;z-index:101}.ykinas-app .nav-mobile.open{right:0}.ykinas-app .nav-mobile a{border-bottom:1px solid #ffffff0d;color:#fff;font-size:1.3rem;padding-bottom:10px;text-decoration:none}.ykinas-app .nav-mobile .close-btn{background-color:#0000}.ykinas-app .nav-mobile .mobile-menu-header{display:flex;justify-content:flex-end;margin-bottom:4rem}.ykinas-app .nav-mobile .mobile-menu-header .close-btn{background:none;border:none;color:#fff;cursor:pointer}.ykinas-app .main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.ykinas-app footer.footer{align-items:center;color:#ffffff80;display:flex;font-size:1.5rem;height:5rem;justify-content:center;padding:4rem 2rem}.ykinas-app .copyright{font-size:1.2rem;letter-spacing:.2rem;margin-top:2rem;text-transform:uppercase}.ykinas-app .cta-button{margin-top:2rem}@media(max-width:1024px){.ykinas-app .nav-mobile{box-shadow:-10px 0 30px #00000080;display:flex;flex-direction:column;gap:1.5rem;padding:2em 2rem;transform:translateX(0)}.ykinas-app .nav-mobile.is-open{transform:translateX(-280px)}}.map-section{padding:8rem 2rem}.submit-btn{overflow:hidden;position:relative}.submit-btn.loading{background:#ffffff1a;cursor:not-allowed}.submit-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.791cb529.css.map*/