.main-container{display:flex;flex-direction:column;padding:52px 212px 0}body:not(:has(.intro)) .main-container-detail .projects{margin-top:32px}.main-container-detail{display:flex;flex-direction:column;padding:88px 212px}.projects{display:flex;flex-direction:column;gap:72px}.projects.empty-data{gap:40px}.projects .section-title{font-weight:500;font-size:56px;line-height:56px;color:var(--text-color);margin:0}.project-slide-wrapper{cursor:pointer;position:relative;box-sizing:border-box}.project-slide-image{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:472 / 312;border-radius:20px}.project-slide-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease-in}.project-slide-wrapper:hover .project-slide-image img{transform:scale(1.1)}.project-slide-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:inherit}.overlay-text{position:absolute;bottom:35px;left:30px;color:#fff;font-size:1.3rem;font-weight:700;padding:5px 10px}.project-slide-wrapper:hover .overlay{opacity:1}.custom-dots{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.slick-dots{display:flex;gap:12px;justify-content:center;padding:0}.custom-dot,.custom-nav{width:60px;height:60px;border-radius:50%;border:1px solid #ddd;background-color:#fff;color:#333;font-weight:500;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.slick-active .custom-dot,.custom-dot:hover{background:linear-gradient(to right,#ff3841,#ffd0a0);color:#fff;border:none}.custom-nav:hover{background:linear-gradient(to right,#ff3841,#ffd0a0);border:none}.pj-tech{display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid #D0CFDF;border-radius:20px}.tech-container{display:flex;flex-wrap:wrap;gap:3.5rem;align-items:center;justify-content:center}.tech-logo{width:150px;height:60px}.tech-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background-color:#fff}.project-content{display:flex;flex-direction:row;gap:24px;padding:52px;border:1px solid #D0CFDF;border-radius:20px;max-height:940px}.project-content>.content:first-child{width:50%;padding-right:20px;box-sizing:border-box;border-right:1px solid #D0CFDF;overflow-y:auto}.project-content .content .section{margin-bottom:48px}.project-content .project-preview{width:50%;padding-left:20px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.project-preview-item{width:100%;aspect-ratio:60 / 37;background-color:#f8f8f8;overflow:hidden}.project-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.section-pj-title{display:inline-block;margin-bottom:24px}.section-pj-title h3{font-weight:700;font-size:24px;margin:0}.section-underline{height:4px;background-color:#d0cfdf}.feature-section__content{font-weight:400;font-size:18px;line-height:27px;color:#202051}.feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.feature-list__item{position:relative;padding-left:20px}.feature-list__item:before{content:"•";color:#202051;position:absolute;left:0}.project-other{display:flex;flex-direction:row;gap:40px;width:100%;box-sizing:border-box}.project-other a{flex:1;min-width:300px;max-width:calc(33.333% - 8px);box-sizing:border-box}.grid-case-study{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-bottom:72px}.list-result{position:relative}.list-result .overlay-loading.inactive{display:none}.list-result .overlay-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center}.list-result .overlay-loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.5;z-index:1}.list-result .overlay-loading .spinner{position:relative;z-index:2;width:48px;height:48px;border:5px solid #D0CFDF;border-top:5px solid #FF3841;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content h2{font-weight:700;font-size:24px;margin-bottom:24px;margin-top:40px;text-decoration:underline;text-decoration-color:#d0cfdf;text-decoration-thickness:4px;text-underline-offset:7px;letter-spacing:1px}.content h2:first-of-type{margin-top:0}.content p{font-weight:400;font-size:16px;line-height:25px;letter-spacing:1px}.content li{font-size:16px;line-height:25px;letter-spacing:1px}.filter-case-study>div:first-child{font-size:18px;font-weight:400}.filter-case-study>div>div.title-filter{margin-bottom:8px;font-weight:400;font-size:16px}.filter-case-study .case-study-select{font-size:16px;width:100%;font-weight:500}.filter-case-study .case-study-select .item{font-weight:400}.filter-case-study{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:40px}.filter-button{border-radius:50px;padding:15px 48px;cursor:pointer;color:#fff;font-size:16px;font-weight:500;border:1px solid;width:-moz-fit-content;width:fit-content;line-height:1;height:43px}.filter-button:hover{background:#fff;color:#ff3841;border-color:#d0cfdf}.filter-button.disabled{cursor:not-allowed;pointer-events:none}.pb-40px{padding-bottom:40px}.project-content ul{list-style-type:disc!important}.no-data{padding-bottom:40px;text-align:center;font-size:24px;font-weight:500}.no-data.hide{display:none}.title-item-case-study{font-weight:500;font-size:28px;margin-bottom:32px}