.intro{height:70vh;position:relative;display:flex;flex-direction:column;margin:24px auto 100px}@media screen and (min-width:1020px){.intro{margin:120px auto 0;justify-content:center}}.intro .intro-title-wrapper{display:flex}@media screen and (min-width:1020px){.intro .intro-title-wrapper{width:100%;margin-top:0;margin-inline:auto;justify-content:center;align-items:center}}.intro .intro-title-wrapper .intro-img-desktop{height:auto;display:none}@media screen and (min-width:1020px){.intro .intro-title-wrapper .intro-img-desktop{display:block;max-width:65%}}.intro .intro-title-wrapper .intro-img-mobile{max-width:100%;height:auto}@media screen and (min-width:1020px){.intro .intro-title-wrapper .intro-img-mobile{display:none}}.intro .scroll-wrapper{margin-top:-60px}@media screen and (min-width:1020px){.intro .scroll-wrapper{margin-top:50px}}.scroll-instruction{width:-moz-fit-content;width:fit-content;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;margin-top:40px;margin-bottom:40px;margin-left:calc(100% - 62px);padding:2px}@media screen and (min-width:1020px){.scroll-instruction{margin-left:0}}.scroll-instruction:hover{cursor:pointer;background:#fff;color:#000}.scroll-instruction .desc,.scroll-instruction .main-desc{font-size:8px;line-height:14px}@media screen and (min-width:1020px){.scroll-instruction .desc,.scroll-instruction .main-desc{font-size:12px}}.scroll-instruction .desc .space-in,.scroll-instruction .main-desc .space-in{margin-top:8px}.scroll-instruction .main-desc{padding-left:20px;font-weight:700;margin-bottom:20px}.projects{position:relative;padding:20px 0}.projects .title{max-width:-moz-fit-content;max-width:fit-content;text-align:right;margin-bottom:24px}.projects .title span{display:block}@media screen and (min-width:1020px){.projects .title{position:relative;left:120px;top:120px}}.projects .project-list{padding:0;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px}@media screen and (min-width:720px){.projects .project-list{gap:0;margin-bottom:140px}}.projects .project-list>:nth-child(odd){margin-left:auto}@media screen and (min-width:720px){.projects .project-list>:nth-child(odd){margin-bottom:-140px}}.projects .project-list>:nth-child(2n){margin-right:auto}@media screen and (min-width:720px){.projects .project-list>:nth-child(2n){margin-bottom:-140px}}.project-card{width:193px;height:auto;width:clamp(193px,40%,790px);list-style:none;opacity:0;transition:opacity 1s ease,transform 1s ease;display:flex;flex-direction:row-reverse}.project-card:nth-of-type(2n){flex-direction:row}.project-card a,.project-card a:visited{color:#fff;text-decoration:none}.project-card img{transition:transform .3s ease;width:100%;height:auto;overflow:hidden}.project-card img:hover{transform:scale(1.05)}.project-card .project-card-inner,.project-card .project-image{overflow:hidden}.project-card .content{margin-top:10px}.project-card .content .card-title{text-align:left;font-size:18px;margin-bottom:8px;opacity:0;transform:translateY(20px)}@media screen and (min-width:720px){.project-card .content .card-title{font-size:36px;line-height:34px}}.project-card .content .brand{font-size:8px;margin-bottom:4px}@media screen and (min-width:720px){.project-card .content .brand{font-size:14px}}.project-card .content .desc{font-size:8px}@media screen and (min-width:720px){.project-card .content .desc{font-size:14px}}.project-card .content .brand,.project-card .content .desc{padding-left:10px}.project-card.visible{opacity:1;transform:translateX(0)}.project-card.visible:nth-of-type(odd){transform:translateX(-30px)}.project-card.visible:nth-of-type(2n){transform:translateX(30px)}.project-card.visible .card-title{animation:slideUp 1s ease-in-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.svg-canvas{position:absolute;height:50%;width:100%;top:30%}.svg-canvas canvas{display:block;width:100%;height:100%}.project-card:nth-of-type(odd) .svg-canvas{right:100%}.project-card:nth-of-type(2n) .svg-canvas{left:100%}@font-face{font-family:__code_pro_20f628;src:url(/_next/static/media/6f3a0068485b3537-s.p.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__code_pro_Fallback_20f628;src:local("Arial");ascent-override:72.62%;descent-override:24.21%;line-gap-override:19.37%;size-adjust:103.27%}.__className_20f628{font-family:__code_pro_20f628,__code_pro_Fallback_20f628;font-weight:700;font-style:normal}.loader-wrapper{justify-content:center;height:100vh;width:100vw;position:fixed;top:0;left:0;background:rgba(0,0,0,.824);z-index:3}.loader-inner,.loader-wrapper{display:flex;align-items:center}.loader-inner{flex-direction:column}.back-button{background:transparent;display:flex;align-items:center;gap:10px;border:none;width:-moz-fit-content;width:fit-content;padding:0}.back-button .copy{color:#fff;font-size:16px;line-height:20px}.back-button:hover{cursor:pointer}.back-button:hover .copy{background:#fff;color:#000;cursor:pointer}.back-button:hover svg{animation:shake 1.5s ease-in-out;will-change:transition}.back-button svg{width:88px;height:60px}@keyframes shake{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}to{transform:translateX(-1px) rotate(0)}}.contact-us{display:flex;flex-direction:column;gap:20px;margin:60px 0;position:relative;z-index:2;padding:0}@media screen and (min-width:1020px){.contact-us{gap:40px;margin:120px 0;max-width:1920px}}.contact-us .content{display:flex;flex-direction:column;max-width:940px;margin-inline:auto}@media screen and (min-width:1020px){.contact-us .content{margin-left:40%}}.contact-us .content .main{font-size:24px;font-weight:800;line-height:26px;margin-bottom:20px}@media screen and (min-width:1020px){.contact-us .content .main{font-size:42px;line-height:normal}}.contact-us .content .lower,.contact-us .content .upper{text-decoration:none;color:#fff;font-size:12px;line-height:18px;font-weight:400}@media screen and (min-width:1020px){.contact-us .content .lower,.contact-us .content .upper{font-size:24px;line-height:normal}}.contact-us .content .lower .hover-element,.contact-us .content .upper .hover-element{text-decoration:none;color:#fff}.contact-us .content .lower .hover-element:hover,.contact-us .content .upper .hover-element:hover{cursor:pointer;background:#fff;color:#000}.contact-us .content:after{content:"";display:block;position:relative;left:-20px;top:10px;width:10px;height:2px;background-color:#fff}@media screen and (min-width:1020px){.contact-us .content:after{height:4px;left:-24px;width:20px}}*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;background:#0c0c0c}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}.layout{min-height:100vh;color:#fff;overflow:hidden;margin-inline:auto}.not-found{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;top:-70px}.not-found .not-found-text{font-size:18px}.cover-page{padding:24px;overflow:hidden;background-image:url(/_next/static/media/cover-bg-mob.be9f805b.png);background-size:cover;background-position:bottom}@media screen and (min-width:1020px){.cover-page{background-image:url(/_next/static/media/cover-bg.b7c510eb.png);padding:60px 108px;background-position:50%}}.cover-page .cover-page-inner{height:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.cover-page .cover-page-inner .cover-head{display:block;z-index:1}.cover-page .cover-page-inner .cover-head svg{width:233px;height:63px}.cover-page .cover-page-inner .cover-main{padding-left:24px}@media screen and (min-width:1020px){.cover-page .cover-page-inner .cover-main{padding-left:125px}}.cover-page .cover-page-inner .cover-main .cover-main-title{font-size:44px;line-height:47px;z-index:1;position:relative;font-weight:700;max-width:620px;margin-bottom:24px;font-family:var(--font-ibm),sans-serif}@media screen and (min-width:1020px){.cover-page .cover-page-inner .cover-main .cover-main-title{font-size:66px;line-height:69px;margin-bottom:44px}}.cover-page .cover-page-inner .cover-main .cover-main-text{font-size:14px;position:relative;font-weight:400;z-index:10;line-height:normal;max-width:420px}@media screen and (max-width:420px){.cover-page .cover-page-inner .cover-main .cover-main-text .cover-main-text:before{top:110px}}.cover-page .cover-page-inner .cover-main .cover-main-text:before{content:"";display:block;position:absolute;left:-20px;top:110px;width:15px;height:4px;background-color:#fff}@media screen and (min-width:1020px){.cover-page .cover-page-inner .cover-main .cover-main-text:before{top:90px}}.cover-page .cover-page-inner .cover-contact{font-size:30px;display:flex;justify-content:flex-end;padding-bottom:15px;z-index:1}.cover-page .cover-page-inner .cover-contact .cover-contact-inner{display:flex;flex-direction:column}.cover-page .cover-page-inner .cover-contact .cover-contact-inner .cover-contact-main{font-weight:900;line-height:54px;margin:0}.cover-page .cover-page-inner .cover-contact .cover-contact-inner .cover-contact-item{font-size:14px;font-weight:400;line-height:22px;text-decoration:none;color:#fff}.cover-page .cover-page-inner .cover-contact .cover-contact-inner .cover-contact-item strong{font-weight:900}.cover-page .cover-page-inner .cover-contact .cover-contact-inner .cover-contact-item .cover-contact-hover{background-image:linear-gradient(90deg,#e9513c 0,#e9513c);background-repeat:no-repeat;background-size:0 100%;transition:background-size .3s ease}.cover-page .cover-page-inner .cover-contact .cover-contact-inner .cover-contact-item .cover-contact-hover:hover{background-size:100% 100%}.cover-page .cover-page-inner .cover-contact:before{content:"";display:block;position:relative;left:-5px;top:110px;width:15px;height:4px;background-color:#fff}.cover-union-container1{display:none}@media screen and (min-width:1020px){.cover-union-container1{display:flex;position:absolute;right:25%;top:20%;width:15%}.cover-union-container1 img{width:100%;height:100%}}@media screen and (min-width:1910px){.cover-union-container1{right:30%;top:25%;width:20%}}.cover-union-container2{display:none}@media screen and (min-width:1020px){.cover-union-container2{display:flex;position:absolute;width:15%;right:0;top:0}.cover-union-container2 img{width:100%;height:100%}}@media screen and (min-width:1910px){.cover-union-container2{right:5%;width:20%}}.cover-union-container3{display:none}@media screen and (min-width:1020px){.cover-union-container3{display:flex;position:absolute;right:0;top:35%;width:15%}.cover-union-container3 img{width:100%;height:100%}}@media screen and (min-width:1910px){.cover-union-container3{top:20%;width:20%}}.cover-union-container-mob{display:block;position:absolute;right:0;top:0}@media screen and (max-width:420px){.cover-union-container-mob{top:100px;height:320px;width:140px}.cover-union-container-mob img{height:100%}}@media screen and (min-width:420px){.cover-union-container-mob{top:100px;height:420px;width:200px}.cover-union-container-mob img{height:100%}}@media screen and (min-width:720px){.cover-union-container-mob{top:50px;height:520px;width:240px}.cover-union-container-mob img{height:100%}}@media screen and (min-width:1020px){.cover-union-container-mob{display:none}}.cover-union-container-mob-contact{display:block;position:absolute;left:24px;bottom:15%}@media screen and (min-width:1020px){.cover-union-container-mob-contact{display:none}}