.section-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.section-title .title{font-size:3.6rem;font-weight:700}.section-title .sub-title{font-family:Montserrat,sans-serif;font-size:2.8rem}.window-small .section-title .title{font-size:3rem}.vision-card{position:relative;width:21.6rem;height:32.4rem;border-radius:3rem;overflow:hidden;box-shadow:0 8px 8px 0 rgba(0,0,0,.3);box-sizing:border-box}.vision-card .title{display:flex;flex-direction:row;align-items:center;gap:1.2rem;position:absolute;top:27.415rem;left:50%;transform:translateX(-50%);z-index:1;white-space:nowrap;color:#fff;transition:all .2s ease-in-out}.vision-card .title .chinese{font-size:3rem;font-weight:700}.vision-card .title .english{font-family:Montserrat,sans-serif;font-size:2.4rem}.vision-card .content-block{display:flex;flex-direction:column;opacity:0;gap:2.1rem;padding:7.85rem 2.4rem 0;transition:all .15s linear;z-index:2}.vision-card .content-block .line{width:100%;height:.5rem;background:#a4005b;margin-left:.3rem;margin-right:.9rem}.vision-card .content-block .content{font-size:1.6rem;line-height:2.6rem;color:#fff;letter-spacing:1px;text-shadow:0 4px 4px 0 rgba(0,0,0,.5)}.vision-card .bg{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;filter:grayscale(1) brightness(60%);animation:filter .3s linear;z-index:-1}.vision-card:hover .title{top:3.7384615385rem;animation:top .5s linear}.vision-card:hover .content-block{opacity:1}.vision-card:hover .bg{filter:grayscale(0) brightness(60%)}.window-small .vision-card-small{display:flex;flex-direction:row;align-items:center;gap:1.6rem}.window-small .vision-card-small .vision-card{width:15.7rem;height:23.6rem;border-radius:1.6rem}.window-small .vision-card-small .vision-card .title{display:flex;flex-direction:column;align-items:center;gap:.269rem;top:15.2rem;transition:none}.window-small .vision-card-small .vision-card .bg{filter:brightness(60%);animation:none}.window-small .vision-card-small .card-description{font-size:1.5rem;line-height:2.5rem;letter-spacing:.75px;color:#616f6e;flex:1 1}.company-page{display:flex;flex-direction:column;width:104rem;gap:15.4rem;margin:0 auto;flex:1 1;padding:5rem 0 24.5rem}.company-page .profile{display:flex;flex-direction:column;gap:6rem}.company-page .profile .intro{font-size:1.8rem;line-height:2.8rem;letter-spacing:1px;text-align:center;white-space:pre-wrap;color:#616f6e}.company-page .profile .intro .pink{color:#a4005b;font-weight:700}.company-page .profile .vision-row{display:flex;flex-direction:row;gap:5.3rem}.company-page .profile .description{font-size:1.8rem;line-height:2.8rem;letter-spacing:1px;text-align:center;white-space:pre-wrap;color:#616f6e}.company-page .customer{display:flex;flex-direction:column;gap:7rem;margin-top:6rem}.company-page .customer .customer-image .customer-image-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-row-gap:1rem;row-gap:1rem;grid-column-gap:1rem;column-gap:1rem;padding:0 3.5rem}.company-page .customer .customer-image .customer-image-grid .customer-image{width:13rem;height:13rem;object-fit:contain}.company-page .view-button{display:flex;flex-direction:row;gap:1.5rem;align-items:center;font-size:2.4rem;margin-left:auto;cursor:pointer;text-decoration:none;color:#08090a}.company-page .view-button:hover{color:#a4005b}.company-page .view-button .arrow-image{width:19.5rem;height:5.8rem;object-fit:contain}.window-small .company-page{display:flex;flex-direction:column;width:auto;gap:14.1rem;margin:0 auto;padding:2.1rem 3rem 9rem}.window-small .company-page .profile{display:flex;flex-direction:column;gap:3.7rem}.window-small .company-page .profile .intro{font-size:2rem;line-height:2.9rem;letter-spacing:2px;text-align:center;white-space:pre-wrap;color:#616f6e}.window-small .company-page .profile .intro .pink{display:flex;flex-direction:column;white-space:nowrap}.window-small .company-page .profile .vision-row{display:flex;flex-direction:column;gap:3.1rem}.window-small .company-page .profile .description{font-size:1.5rem;line-height:2.5rem;letter-spacing:.75px;text-align:left;white-space:normal;margin-top:8.1rem}.window-small .company-page .customer{gap:4.7rem;margin-top:0}.window-small .company-page .customer .customer-image{display:flex;flex-direction:column;gap:2.5rem}.window-small .company-page .customer .customer-image .customer-image-grid{padding:0 2rem;row-gap:.6rem;column-gap:.6rem}.window-small .company-page .customer .customer-image .customer-image-grid .customer-image{width:100%;height:auto;aspect-ratio:1}.window-small .company-page .customer .customer-image .more{font-family:Montserrat,sans-serif;font-size:1.6rem;margin-left:auto}.window-small .company-page .view-button{font-size:2rem;white-space:nowrap;color:#a4005b}.submit-complete-dialog{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0;margin:0;top:0;z-index:10000;overflow:hidden;position:fixed;border:none}.submit-complete-dialog .dialog-content{display:flex;flex-direction:column;align-items:center;width:80rem;background:#b3b3b3;border-radius:3rem;padding:4.6rem 5rem;box-sizing:border-box;overflow-y:auto;gap:3rem;text-align:center}.submit-complete-dialog .dialog-content .icon{width:26.2rem;height:auto}.submit-complete-dialog .dialog-content .dialog-text{font-family:source-sans-pro,sans-serif;font-size:2.4rem;font-weight:700;letter-spacing:3px;color:#fff;white-space:pre-wrap}.contact-page{display:flex;flex-direction:column;width:104rem;gap:7rem;margin:0 auto;flex:1 1;padding:5rem 0 8.2rem}.contact-page .map-section{display:flex;flex-direction:row;gap:6.2rem}.contact-page .map-section .map{width:59.1rem;height:44.2rem}.contact-page .map-section .map .pin{width:3rem;height:3rem;object-fit:contain}.contact-page .map-section .contact-info{display:flex;flex-direction:column;gap:2rem}.contact-page .map-section .contact-info .info-title{color:#616f6e;font-size:2.4rem;font-weight:700;margin-bottom:1rem}.contact-page .map-section .contact-info .info-content{display:flex;flex-direction:row;gap:.7rem}.contact-page .map-section .contact-info .info-content .info-icon{width:1.4rem;height:auto;object-fit:contain}.contact-page .map-section .contact-info .info-content .info-icon.pin{width:1.2rem;margin-right:.2rem}.contact-page .map-section .contact-info .info-content .info-link-item{font-size:1.8rem;letter-spacing:.9px;white-space:nowrap}.contact-page .contact-form{display:flex;flex-direction:row;gap:15.9rem;padding:0 6.45rem 7.4rem}.contact-page .contact-form .contact-col{display:flex;flex-direction:column;gap:7.8rem}.contact-page .contact-form .contact-col .text-input{font-size:2.4rem;border:0;border-bottom:1px solid #08090a;padding:0 0 2rem 2rem;outline:none;width:33.7rem;box-sizing:border-box;color:#616f6e}.contact-page .contact-form .contact-col .textarea-input{font-size:2.4rem;width:41.5rem;height:18.2rem;border:1px solid #08090a;border-radius:2.5rem;box-sizing:border-box;outline:none;padding:2.3rem 2.7rem;color:#616f6e;resize:none}.contact-page .contact-form .contact-col .textarea-input::-webkit-scrollbar{-webkit-appearance:none;height:1rem;width:1rem}.contact-page .contact-form .contact-col .textarea-input::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:0 0 .1rem rgba(62,62,62,0);border:0 solid transparent;box-shadow:inset 0 0 1rem 1rem rgba(62,62,62,0)}.contact-page .submit-button{display:flex;flex-direction:row;gap:1.5rem;align-items:center;font-size:2.4rem;margin-left:auto;cursor:pointer}.contact-page .submit-button.disabled{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;touch-action:none;opacity:.5}.contact-page .submit-button:hover{color:#a4005b}.contact-page .submit-button .arrow-image{width:19.5rem;height:5.8rem;object-fit:contain}.window-small .contact-page{display:flex;flex-direction:column;width:auto;gap:4.7rem;padding:2.1rem 3rem 15.2rem}.window-small .contact-page .map-section{display:flex;flex-direction:column;gap:5.7rem;margin-bottom:7rem}.window-small .contact-page .map-section .map{width:100%;height:auto;aspect-ratio:1.44}.window-small .contact-page .map-section .map .pin{width:2rem;height:2rem;object-fit:contain}.window-small .contact-page .map-section .contact-info{gap:1.5rem}.window-small .contact-page .map-section .contact-info .info-title{font-size:2rem;margin-bottom:.5rem}.window-small .contact-page .map-section .contact-info .info-content .info-icon{width:1.2rem}.window-small .contact-page .map-section .contact-info .info-content .info-icon.pin{width:1rem;margin-right:.2rem}.window-small .contact-page .map-section .contact-info .info-content .info-link-item{font-size:1.5rem;letter-spacing:.75px;white-space:normal}.window-small .contact-page .contact-form{display:flex;flex-direction:column;padding:0;gap:4rem}.window-small .contact-page .contact-form .contact-col{gap:4rem}.window-small .contact-page .contact-form .contact-col .text-input{font-size:2rem;padding:0 0 2.5rem 2rem;width:100%}.window-small .contact-page .contact-form .contact-col .textarea-input{font-size:2rem;width:100%}.window-small .contact-page .submit-button{color:#a4005b}.footer{flex-direction:row;display:flex;justify-content:center;align-items:center;gap:14rem;background:#a4005b;padding:11.8rem 0 11rem;color:#fff}.footer .logo{width:25.8rem;height:10.2rem;object-fit:contain}.footer .info-block{display:flex;flex-direction:column;gap:2rem;margin-bottom:auto}.footer .info-block .info-title{font-size:2.4rem;font-weight:700}.footer .info-block .info-link{display:flex;flex-direction:row;align-items:center;gap:.8rem;margin:0 auto;color:#fff}.footer .info-block .info-link .dot{width:1rem;height:1rem;background:#d9d9d9;border-radius:1rem}.footer .info-block .info-link .info-link-item{font-size:1.8rem;text-decoration:underline}.footer .info-block .info-content{display:flex;flex-direction:row;gap:.7rem}.footer .info-block .info-content .info-icon{width:1.4rem;height:auto;object-fit:contain}.footer .info-block .info-content .info-icon.pin{width:1.2rem;margin-right:.1rem}.footer .info-block .info-content .info-link-item{font-size:1.8rem}.window-small .footer{display:flex;flex-direction:column;align-items:flex-start;gap:6rem;padding:7.6rem 0 10rem 4rem}.window-small .footer .info-block{display:flex;flex-direction:column;gap:1rem;margin-bottom:auto}.window-small .footer .info-block .info-title{font-size:2rem;letter-spacing:2px}.window-small .footer .info-block .info-link{gap:1.2rem}.window-small .footer .info-block .info-link .dot{width:.5rem;height:.5rem}.window-small .footer .info-block .info-link .info-link-item{font-size:1.5rem;letter-spacing:.75px}.window-small .footer .info-block .info-content{display:flex;flex-direction:row;gap:.7rem}.window-small .footer .info-block .info-content .info-icon{width:1.2rem}.window-small .footer .info-block .info-content .info-icon.pin{width:1rem;margin-right:.2rem}.window-small .footer .info-block .info-content .info-link-item{font-size:1.5rem;letter-spacing:.75px}.header{flex-direction:row;display:flex;justify-content:center;align-items:center;position:fixed;top:0;width:100vw;box-sizing:border-box;height:15rem;gap:2.8rem;background:#fff;z-index:10}.header .logo{width:19.5rem;height:6rem;object-fit:contain}.header .link-item{flex-direction:column;display:flex;justify-content:center;align-items:center;gap:0;min-width:11rem;font-size:2rem;color:#08090a;text-decoration:none;transition:all .25s linear}.header .link-item:after{content:"";width:0;height:0;background:#a4005b;opacity:0;transition:opacity .25s linear}.header .link-item.active{gap:.5rem;color:#a4005b}.header .link-item.active:after{width:8rem;height:.3rem;opacity:1}.header .link-item:hover{color:#a4005b}.contact{display:flex;flex-direction:column;gap:6.6rem;width:104rem;margin:0 auto;padding:10rem 0 21.5rem}.contact .contact-form{display:flex;flex-direction:row;gap:15.9rem;padding:0 6.45rem 7.4rem}.contact .contact-form .contact-col{display:flex;flex-direction:column;gap:7.8rem}.contact .contact-form .contact-col .text-input{font-size:2.4rem;border:0;border-bottom:1px solid #08090a;padding:0 0 2rem 2rem;outline:none;width:33.7rem;box-sizing:border-box;color:#616f6e}.contact .contact-form .contact-col .textarea-input{font-size:2.4rem;width:41.5rem;height:18.2rem;border:1px solid #08090a;border-radius:2.5rem;box-sizing:border-box;outline:none;padding:2.3rem 2.7rem;color:#616f6e;resize:none}.contact .contact-form .contact-col .textarea-input::-webkit-scrollbar{-webkit-appearance:none;height:1rem;width:1rem}.contact .contact-form .contact-col .textarea-input::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:0 0 .1rem rgba(62,62,62,0);border:0 solid transparent;box-shadow:inset 0 0 1rem 1rem rgba(62,62,62,0)}.contact .submit-button{display:flex;flex-direction:row;gap:1.5rem;align-items:center;font-size:2.4rem;margin-left:auto;cursor:pointer}.contact .submit-button.disabled{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;touch-action:none;opacity:.5}.contact .submit-button:hover{color:#a4005b}.contact .submit-button .arrow-image{width:19.5rem;height:5.8rem;object-fit:contain}.window-small .contact{gap:4rem;width:100%;padding:20rem 3rem 8rem;box-sizing:border-box}.window-small .contact .contact-form{display:flex;flex-direction:column;padding:0;gap:4rem}.window-small .contact .contact-form .contact-col{gap:4rem}.window-small .contact .contact-form .contact-col .text-input{font-size:2rem;padding:0 0 2.5rem 2rem;width:100%}.window-small .contact .contact-form .contact-col .textarea-input{font-size:2rem;width:100%}.window-small .contact .submit-button{color:#a4005b}.hero{display:flex;flex-direction:column;align-items:center;gap:7.1rem;padding-top:6rem;padding-bottom:10rem}.hero .logo{width:96.3rem;height:21.3rem;object-fit:contain;background-size:cover;background-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:all .5s ease-in-out}.hero .description{display:flex;justify-content:center;align-items:center;height:12rem;color:#616f6e;font-size:1.8rem;line-height:2.8rem;white-space:pre-wrap;text-align:center}.hero .vision-block{display:flex;flex-direction:row;gap:6.3rem}.hero .vision-block .title-bar{position:relative;width:42rem;height:5.2rem;object-fit:cover}.hero .vision-block .title-bar .title-bar-text{position:absolute;font-size:2.4rem;font-weight:700;right:6.4rem;top:1.1rem;width:18.4rem;line-height:1;color:#fff;text-align:center}.hero .vision-block .vision-row{display:flex;flex-direction:row;align-items:center;gap:6.9rem}.hero .vision-block .vision-row .vision-item{flex-direction:column;display:flex;justify-content:center;align-items:center;text-align:center;color:#a4005b}.hero .vision-block .vision-row .vision-item:last-child{margin-right:6.9rem}.hero .vision-block .vision-row .vision-item .vision-title{font-size:3rem;font-weight:700;line-height:4.5rem}.hero .vision-block .vision-row .vision-item .vision-content{font-family:Montserrat,sans-serif;font-size:2.4rem;line-height:2.9rem}.hero .vision-block .vision-row .bar{width:.2rem;height:8.4rem;background:#616f6e}.window-small .hero{display:flex;flex-direction:column;align-items:center;gap:7.1rem;padding-top:14rem;padding-bottom:10rem}.window-small .hero .logo{width:calc(100% - 6rem);height:auto;aspect-ratio:4.47;transition:all .5s ease-in-out;box-sizing:border-box}.window-small .hero .description{display:flex;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content;color:#616f6e;font-size:1.5rem;line-height:2.5rem;white-space:normal;text-align:center;padding:0 3rem}.window-small .hero .vision-block{display:flex;flex-direction:column;gap:3.2rem;align-self:flex-start;width:100%}.window-small .hero .vision-block .title-bar{position:relative;width:34.7rem;height:4.2rem;object-fit:cover}.window-small .hero .vision-block .title-bar .title-bar-text{position:absolute;right:16.8rem;top:.65rem;width:-moz-fit-content;width:fit-content}.window-small .hero .vision-block .vision-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.9rem}.window-small .hero .vision-block .vision-row .vision-item{flex-direction:column;display:flex;justify-content:center;align-items:center;text-align:center;color:#a4005b}.window-small .hero .vision-block .vision-row .vision-item:last-child{margin-right:0}.window-small .hero .vision-block .vision-row .vision-item .vision-title{font-size:2.2rem}.window-small .hero .vision-block .vision-row .vision-item .vision-content{font-size:1.6rem;line-height:1}.window-small .hero .vision-block .vision-row .bar{height:6.4rem}.button-div,.story-card{display:flex;cursor:pointer}.story-card{flex-direction:column;gap:1.1rem;justify-content:flex-end;align-items:flex-end;width:30rem;height:39rem;border-radius:3rem;box-shadow:0 8px 8px 0 rgba(0,0,0,.3);padding:2.3rem;box-sizing:border-box;overflow:hidden;position:relative;transition:transform .3s ease-in-out;transform-origin:left top}.story-card.hover{transform:scale(1.03);background-size:103%}.story-card.hover .more-button{background:#a4005b;color:#fff}.story-card .backdrop{background:linear-gradient(180deg,transparent 21.63%,#000)}.story-card .backdrop,.story-card .story-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.story-card .story-image{object-fit:cover}.story-card .story-title{font-size:2.4rem;font-weight:700;color:#fff;letter-spacing:3px;text-align:justify}.story-card .more-button{font-family:Montserrat,sans-serif;display:flex;flex-direction:row;align-items:center;gap:1rem;width:17.6rem;height:3.5rem;border-radius:6.3rem;background:#fff;color:#08090a;padding:0 2.5rem 0 1.9rem;box-sizing:border-box;font-size:2.4rem}.highlight{display:flex;flex-direction:column;gap:4.4rem;width:104rem;margin:0 auto;padding:10rem 0}.highlight .card-row{display:flex;flex-direction:row;gap:5rem;margin:0 auto}.highlight .detail-button{display:flex;flex-direction:row;gap:1.5rem;align-items:center;font-size:2.4rem;margin-left:auto;cursor:pointer;text-decoration:none;color:#08090a}.highlight .detail-button:hover{color:#a4005b}.highlight .detail-button .arrow-image{width:19.5rem;height:5.8rem;object-fit:contain}.window-small .highlight{gap:3rem;width:100%;padding:20rem 3rem 0;box-sizing:border-box}.window-small .highlight .card-row{display:flex;flex-direction:column;gap:5rem}.window-small .highlight .detail-button{color:#a4005b}.service{display:flex;flex-direction:column;gap:5.8rem;width:104rem;margin:0 auto;padding:6.3rem 0 10rem}.service .service-block{display:grid;grid-column-gap:9.1rem;column-gap:9.1rem;grid-row-gap:4.2rem;row-gap:4.2rem;flex-wrap:wrap;grid-template-columns:11.2rem 11.2rem 11.2rem 11.2rem;justify-content:center}.service .service-item{flex-direction:column;display:flex;justify-content:center;align-items:center;gap:1rem}.service .service-item .service-icon{width:9.5rem;height:9.5rem;object-fit:contain}.service .service-item .service-content{width:11.2rem;font-size:2.4rem;font-weight:700;color:#616f6e;white-space:pre-wrap;text-align:center}.service .customer{display:flex;flex-direction:column;gap:3rem;padding:3.7rem 0 .8rem}.service .customer .customer-title{font-size:2.4rem;font-weight:700;color:#616f6e}.service .customer .customer-image-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-row-gap:1rem;row-gap:1rem;grid-column-gap:1rem;column-gap:1rem;padding:0 3.5rem}.service .customer .customer-image-grid .customer-image{width:13rem;height:13rem;object-fit:contain}.service .customer .more{font-family:Montserrat,sans-serif;font-size:2.4rem;margin-left:auto}.service .detail-button{display:flex;flex-direction:row;gap:1.5rem;align-items:center;font-size:2.4rem;margin-left:auto;cursor:pointer;text-decoration:none;color:#08090a}.service .detail-button:hover{color:#a4005b}.service .detail-button .arrow-image{width:19.5rem;height:5.8rem;object-fit:contain}.window-small .service{gap:3rem;width:100%;padding:0 3rem;box-sizing:border-box}.window-small .service .service-block{display:grid;grid-column-gap:3.6rem;column-gap:3.6rem;grid-row-gap:4.2rem;row-gap:4.2rem;grid-template-columns:8.6rem 8.6rem 8.6rem}.window-small .service .service-item .service-icon{width:8rem;height:8rem}.window-small .service .service-item .service-content{width:-moz-fit-content;width:fit-content;font-size:2rem}.window-small .service .customer{display:flex;flex-direction:column;gap:2.5rem;padding:3.7rem 0 .8rem}.window-small .service .customer .customer-title{font-size:2rem}.window-small .service .customer .customer-image-block{width:100%;height:auto}.window-small .service .customer .customer-image-grid{padding:0 2rem;row-gap:.6rem;column-gap:.6rem}.window-small .service .customer .customer-image-grid .customer-image{width:100%;height:auto;aspect-ratio:1}.window-small .service .customer .more{font-size:1.6rem}.window-small .service .detail-button{color:#a4005b}.home{flex:1 1}.filter-button{display:flex;flex-direction:row;align-items:center;justify-content:center;width:24rem;height:11rem;border-radius:2rem;box-sizing:border-box;background:#d9d9d9;cursor:pointer}.filter-button:hover{background:#a4005b}.filter-button:hover .title-list{color:#fff}.filter-button.active{background:#a4005b}.filter-button.active .title-list{color:#fff}.filter-button .icon{height:7.3rem}.filter-button .title-list{display:flex;flex-direction:column;font-size:1.8rem;line-height:2.8rem;letter-spacing:1px;color:#616f6e}.window-small .filter-button{width:7rem;height:7rem;border-radius:7rem}.window-small .filter-button:hover{background:#a4005b}.window-small .filter-button:hover .title-list{color:#fff}.window-small .filter-button.active{background:#a4005b}.window-small .filter-button.active .title-list{color:#fff}.window-small .filter-button .icon{width:4.2rem;height:4.6rem;object-fit:contain}.window-small .filter-button .title-list{display:none}.project-card{display:flex;flex-direction:column;gap:2rem;align-items:center;width:32rem;height:38.3rem;cursor:pointer}.project-card .image{width:32rem;height:23rem;object-fit:cover;border-radius:3rem;opacity:.7;transition:all .15s linear}.project-card .title-section{display:flex;flex-direction:column;gap:1.4rem;padding:0 2rem;font-size:2.4rem}.project-card .title-section .title{font-weight:700;color:#616f6e;letter-spacing:2.4px;text-align:justify}.project-card .title-section .date{font-family:Montserrat,sans-serif;font-weight:300;font-style:italic;color:#000}.project-card:hover .image{opacity:1;box-shadow:0 6px 10px 0 rgba(0,0,0,.3);transform:scale(1.03);transform-origin:top center}.project-card:hover .title-section .title{color:#a4005b}.project-page{display:flex;flex-direction:column;width:104rem;gap:6.2rem;margin:0 auto;flex:1 1;padding:5rem 0 7rem}.project-page .filter-context{margin:0 auto}.project-page .filter-context,.project-page .filter-context .filter-title-block{display:flex;flex-direction:row;gap:7rem;align-items:center}.project-page .filter-context .filter-title-block .filter-title{font-size:3rem;font-weight:700;line-height:4.5rem;letter-spacing:6px;color:#a4005b;white-space:nowrap}.project-page .filter-context .filter-title-block .line{width:1rem;height:18rem;background:#a4005b}.project-page .filter-context .filter-content{font-size:1.8rem;line-height:2.8rem;letter-spacing:1px;color:#616f6e;white-space:pre-wrap}.project-page .filter-grid{display:grid;grid-column-gap:2.6rem;column-gap:2.6rem;grid-row-gap:4.3rem;row-gap:4.3rem;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr 1fr}.project-page .filter-grid .all-button{font-family:Montserrat,sans-serif;display:flex;justify-content:center;align-items:center;font-size:2.8rem;width:24rem;height:11rem;border-radius:2rem;background:#d9d9d9;color:#616f6e}.project-page .filter-grid .all-button.active,.project-page .filter-grid .all-button:hover{background:#a4005b;color:#fff}.project-page .no-project{font-size:2.4rem;font-weight:700;letter-spacing:2.4px;color:#a4005b;white-space:pre-wrap;text-align:center;padding-top:4rem}.project-page .project-grid{display:grid;grid-column-gap:4rem;column-gap:4rem;grid-row-gap:4rem;row-gap:4rem;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr}.project-page .more-button{display:flex;flex-direction:row;gap:1.5rem;align-items:center;font-size:2.4rem;letter-spacing:1px;cursor:pointer;margin:2.8rem auto 0}.project-page .more-button:hover{color:#a4005b}.project-page .more-button .more-icon{width:5.8rem;height:5.8rem;object-fit:contain}.project-page .contact-button{display:flex;flex-direction:row;gap:1.5rem;align-items:center;font-size:2.4rem;margin-left:auto;cursor:pointer;text-decoration:none;color:#08090a;margin-top:19.2rem}.project-page .contact-button:hover{color:#a4005b}.project-page .contact-button .arrow-image{width:19.5rem;height:5.8rem;object-fit:contain}.window-small .project-page{display:flex;flex-direction:column;width:100%;gap:1.8rem;padding:2.1rem 3rem 5.6rem;box-sizing:border-box}.window-small .project-page .filter-context{display:flex;flex-direction:column;align-items:flex-start;gap:2.1rem;order:2}.window-small .project-page .filter-context .filter-title-block{gap:3.4rem}.window-small .project-page .filter-context .filter-title-block .filter-title{order:2}.window-small .project-page .filter-context .filter-title-block .line{order:1}.window-small .project-page .filter-context .filter-content{font-size:1.5rem;line-height:2.5rem;letter-spacing:.75px}.window-small .project-page .filter-grid{display:flex;flex-direction:row;width:32.8rem;column-gap:1.6rem;row-gap:2.2rem;order:1;margin:1.6rem auto 0;justify-content:center}.window-small .project-page .filter-grid .all-button{font-size:2rem;width:7rem;height:7rem;border-radius:7rem;background:#d9d9d9;color:#a4005b}.window-small .project-page .no-project{font-size:2rem;order:3}.window-small .project-page .project-grid{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;order:3;margin-top:3.4rem}.window-small .project-page .more-button{margin:9.3rem auto 0;order:4;color:#a4005b}.window-small .project-page .contact-button{font-size:2rem;margin:37.4rem auto 0;order:5;color:#a4005b}.mobile-header{display:flex;flex-direction:row;position:fixed;width:100vw;top:0;align-items:center;justify-content:space-between;padding:3.6rem 4.1rem 3rem;box-shadow:0 8px 10px 0 rgba(97,111,110,.25);box-sizing:border-box;background:#fff;z-index:100}.mobile-header .logo{width:13.2rem;height:4.6rem;object-fit:contain}.mobile-header .menu-button{width:4.5rem;height:3.5rem;object-fit:contain}.mobile-menu-overlay{position:fixed;width:100vw;height:100vh;background:#e3e3e3;padding:0;margin:0;top:0;left:0;z-index:10002;border:none;overflow:auto;animation-name:slide-in-right;animation-duration:.5s}@keyframes slide-in-right{0%{left:100vw}to{left:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.mobile-menu-overlay.close{animation-name:fade-out;animation-duration:.5s}.mobile-menu-overlay .mobile-menu-overlay-content{display:flex;flex-direction:column;align-items:center;gap:9.1rem;padding-top:15.2rem}.mobile-menu-overlay .mobile-menu-overlay-content .menu-logo{width:27rem;height:9.4rem;object-fit:contain}.mobile-menu-overlay .mobile-menu-overlay-content .menu-list{display:flex;flex-direction:column;gap:5rem;width:30rem}.mobile-menu-overlay .mobile-menu-overlay-content .menu-list .menu-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-decoration:none;color:#08090a}.mobile-menu-overlay .mobile-menu-overlay-content .menu-list .menu-item .menu-name{font-size:3rem;font-weight:700;letter-spacing:3px}.mobile-menu-overlay .mobile-menu-overlay-content .menu-list .menu-item .menu-name-eng{font-family:Montserrat,sans-serif;font-size:2.8rem}.project-dialog{position:fixed;max-width:100vw;width:100vw;height:100vh;background:#e3e3e3;padding:0;margin:0;top:0;z-index:10001;border:none;overflow:auto;animation-name:slide-in;animation-duration:.5s}@keyframes slide-in{0%{top:100vh}to{top:0}}@keyframes slide-out{0%{top:0}to{top:110vh}}.project-dialog.close{animation-name:slide-out;animation-duration:.5s}.project-dialog .project-dialog-content{display:flex;flex-direction:column;gap:6rem;position:relative;padding:13.4rem 0 19.7rem;margin:0 auto;box-sizing:border-box;width:96.9rem}.project-dialog .project-dialog-content .close-icon-button{position:absolute;top:7.5rem;right:-14.6rem;z-index:1}.project-dialog .project-dialog-content .close-icon-button:hover .close-icon{filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.project-dialog .project-dialog-content .close-icon-button .close-icon{width:5rem;height:5rem;object-fit:contain}.project-dialog .project-dialog-content .date-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#616f6e}.project-dialog .project-dialog-content .date-section .date{font-family:Montserrat,sans-serif;font-size:2.4rem;font-weight:300;font-style:italic}.project-dialog .project-dialog-content .date-section .category{font-size:1.8rem;letter-spacing:1px}.project-dialog .project-dialog-content .project-title{font-size:3rem;line-height:4.5rem;color:#a4005b;letter-spacing:.6px}.project-dialog .project-dialog-content .image-section{display:flex;flex-direction:column;gap:2rem}.project-dialog .project-dialog-content .image-section .main-image-container{position:relative;width:96.9rem;height:65rem;border-radius:2rem;background:#d9d9d9;overflow:hidden}.project-dialog .project-dialog-content .image-section .main-image-container .main-image{width:96.9rem;height:65rem;border-radius:2rem;overflow:hidden}.project-dialog .project-dialog-content .image-section .main-image-container .image-action-button-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);width:100%;padding:0 4.5rem;box-sizing:border-box}.project-dialog .project-dialog-content .image-section .main-image-container .image-action-button-row .arrow-icon{width:3rem;height:4.2rem;object-fit:contain}.project-dialog .project-dialog-content .image-section .main-image-container .image-action-button-row .arrow-icon.right{transform:rotate(180deg)}.project-dialog .project-dialog-content .image-section .image-grid{display:grid;grid-column-gap:2rem;column-gap:2rem;grid-row-gap:2rem;row-gap:2rem;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr}.project-dialog .project-dialog-content .image-section .image-grid .image{width:31rem;height:18rem;object-fit:cover;border-radius:1rem;background:#d9d9d9}.project-dialog .project-dialog-content .text-section{display:flex;flex-direction:column;gap:2.7rem;font-size:1.8rem;line-height:2.8rem;letter-spacing:1px}.project-dialog .project-dialog-content .text-section .sub-title{margin:0 auto}.project-dialog .project-dialog-content .action-button-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.project-dialog .project-dialog-content .action-button-list .action-button{display:flex;flex-direction:row;align-items:center;gap:1.5rem;font-size:2.4rem;color:#a4005b}.project-dialog .project-dialog-content .action-button-list .action-button.next{margin-left:auto}.project-dialog .project-dialog-content .action-button-list .action-button:hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.project-dialog .project-dialog-content .action-button-list .action-button .icon{width:19.5rem;height:5.8rem;object-fit:contain}.project-dialog .project-dialog-content .action-button-list .action-button .icon.left{transform:rotate(180deg)}.project-dialog .project-dialog-content .close-button{display:flex;justify-content:center;align-items:center;width:20rem;height:7rem;border-radius:1rem;font-size:2rem;letter-spacing:1.44rem;text-indent:1.44rem;background-color:#a4005b;text-align:center;margin:0 auto;color:#fff}.window-small .project-dialog .project-dialog-content{gap:2.8rem;position:relative;padding:10.9rem 3rem 6.1rem;margin:0 auto;box-sizing:border-box;width:100%}.window-small .project-dialog .project-dialog-content .close-icon-button{position:absolute;top:5.6rem;right:3.3rem;z-index:1}.window-small .project-dialog .project-dialog-content .close-icon-button:hover .close-icon{filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.window-small .project-dialog .project-dialog-content .close-icon-button .close-icon{width:4rem;height:4rem;object-fit:contain}.window-small .project-dialog .project-dialog-content .date-section{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.window-small .project-dialog .project-dialog-content .image-section{display:flex;flex-direction:column;gap:1rem}.window-small .project-dialog .project-dialog-content .image-section .main-image-container{width:100%;height:auto;aspect-ratio:1.5}.window-small .project-dialog .project-dialog-content .image-section .main-image-container .image-action-button-row{padding:0 1.5rem}.window-small .project-dialog .project-dialog-content .image-section .main-image-container .image-action-button-row .arrow-icon{width:1.5rem;height:1.8rem}.window-small .project-dialog .project-dialog-content .image-section .image-grid{column-gap:.7rem;row-gap:1rem;grid-template-columns:1fr 1fr 1fr}.window-small .project-dialog .project-dialog-content .image-section .image-grid .image{width:100%;height:auto;aspect-ratio:1.73}.window-small .project-dialog .project-dialog-content .text-section{font-size:1.5rem;line-height:2.5rem;letter-spacing:.75px}.window-small .project-dialog .project-dialog-content .action-button-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:1rem 0}.window-small .project-dialog .project-dialog-content .action-button-list .action-button{font-size:2rem}.window-small .project-dialog .project-dialog-content .action-button-list .action-button .icon{width:5.8rem;height:5.8rem;object-fit:contain;transform:rotate(270deg);order:1}.window-small .project-dialog .project-dialog-content .action-button-list .action-button .icon.left{transform:rotate(90deg);order:0}html{font-family:source-sans-pro,sans-serif;font-size:10px;font-weight:400;background:#fff;color:#08090a}body{margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}body::-webkit-scrollbar{-webkit-appearance:none;height:1rem;width:1rem}body::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:0 0 .1rem rgba(62,62,62,.5);border:.3rem solid transparent;box-shadow:inset 0 0 1rem 1rem rgba(62,62,62,.5)}body.no-scroll{overflow:hidden}main{position:relative;display:flex;min-height:100vh;min-width:30rem;flex-direction:column;overflow-x:hidden}main.window-small .main-content{padding-top:11.4rem}main .main-content{padding-top:15rem;flex:1 1}img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;touch-action:none}.notistack-MuiContent{font-family:source-sans-pro,sans-serif;font-size:1.4rem!important}