.custom-category-slider-container{position:relative;overflow:hidden;width:100%;outline:none}.custom-category-slider-track{display:flex;scroll-behavior:smooth;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.custom-category-slider-track::-webkit-scrollbar{display:none}.custom-category-slide{flex:0 0 25%;box-sizing:border-box;margin:0;padding:0;scroll-snap-align:start}.event-category-image{position:relative;overflow:hidden}.event-category-image img{aspect-ratio:9/ 16;display:block;transition:transform 0.3s ease-out;will-change:transform}.category-slide-overlay{width:100%;height:100%}.category-slide-description{font-size:14px;font-weight:400;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:"Montserrat","IBM Plex Sans Thai",sans-serif}.category-slide-description-box{opacity:0;transition:opacity 0.5s ease}.event-category-image:hover .category-slide-description-box{opacity:1}.event-category-image:hover .category-slide-overlay{background:linear-gradient(to top,rgb(0 0 0 / .9),transparent)}.custom-category-slider-track{scroll-snap-type:x mandatory}@media (max-width:1024px){.custom-category-slide{flex:0 0 50%}}@media (max-width:768px){.category-slide-description{font-size:14px;font-weight:400;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:"Montserrat","IBM Plex Sans Thai",sans-serif}.custom-category-slide{flex:0 0 50%}.slide-controls{display:none}.custom-category-slider-track{margin-bottom:32px}}.highlight-slide{display:none;position:relative;transition:opacity 0.5s ease-in-out}.highlight-slide.active{display:block}.highlight-img{width:60%;height:560px!important;object-fit:cover}.highlight-img-gradient{width:30%;height:560px;position:absolute;top:0;left:45%;z-index:2;background:linear-gradient(90deg,#fff0 0%,rgb(0 0 0) 50%,#fff0 100%)}.highlight-bg-text{display:block;position:absolute;top:0;left:20%;font-size:300px;font-weight:700;font-style:normal;opacity:.08;color:#fff;z-index:0;line-height:.75;pointer-events:none;user-select:none}.highlight-text{position:absolute;top:0;left:50%;width:50%;height:560px;display:flex;flex-direction:column;justify-content:center;padding-right:48px;color:#fff}.highlight-title{font-size:56px;font-weight:700;margin:4px 0 12px}.highlight-subtitle{font-size:18px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.highlight-content{position:relative;width:100%;height:560px;display:flex}.highlight-container{position:relative;overflow:hidden;background:#000;padding:0;width:100%}@media (max-width:1024px){.highlight-bg-text{display:none}.highlight-content{flex-direction:column;height:auto}.highlight-img{width:100%;aspect-ratio:16 / 9;height:auto!important}.highlight-img-gradient{width:100%;height:auto!important;aspect-ratio:16 / 9;top:0;left:0;z-index:3;background:linear-gradient(to bottom,rgb(0 0 0 / .6) 0%,rgb(0 0 0 / .1) 18%,#fff0 50%,rgb(0 0 0 / .1) 82%,rgb(0 0 0 / .6) 100%)}.highlight-text{position:relative;left:24px;width:100vw;max-width:100vw;padding:24px;height:auto;box-sizing:border-box}.highlight-title{font-size:28px}.highlight-subtitle{font-size:14px;font-weight:400}.highlight-text .project-content{max-width:100%;box-sizing:border-box}.highlight-text .headline,.highlight-text .project-details,.highlight-text .headline-meta{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.highlight-container{padding-top:0;overflow-x:hidden}.highlight-content{overflow:hidden}}.motivation-row{display:flex;flex-wrap:wrap;justify-content:flex-end}.motivation-title{font-size:128px;line-height:1;font-weight:700;font-family:"Montserrat",sans-serif;color:#fff;transition:all 0.3s ease}.motivation-desc{font-size:18px;position:absolute;font-weight:700;color:#fff;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.hover-box.active .motivation-title{opacity:1;background:linear-gradient(180deg,#d22730 0%,#6c1419 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.hover-box.active .motivation-desc{opacity:1;pointer-events:auto}.motivation-row:hover .hover-box{opacity:.3}.motivation-row:hover .hover-box:hover{opacity:1}.motivation-row:hover .hover-box:hover .motivation-title{background:linear-gradient(180deg,#d22730 0%,#6c1419 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.motivation-row:hover .hover-box:hover .motivation-desc{opacity:1;pointer-events:auto}@media (max-width:768px){.hover-box{position:static}.motivation-desc{position:absolute;top:100%;width:100%;font-size:10px;color:#fff;z-index:10;text-align:center;opacity:0;transition:opacity 0.3s ease;pointer-events:none;left:0}.motivation-title{font-size:42px}.hover-box.active .motivation-desc{opacity:1;pointer-events:auto}.motivation-row{justify-content:center}@media (min-width:768px) and (max-width:1024px){.motivation-row{justify-content:center}.motivation-title{font-size:72px}}}.customer-logo-slider-marquee{overflow:hidden;width:100%;padding:20px 0}.logo-track-row{display:flex;width:max-content;gap:32px}.row-1{animation:scroll-left 50s linear infinite}.row-2{animation:scroll-left 50s linear infinite;animation-delay:5s;margin-top:20px}.logo-box{flex:0 0 13vw;max-width:13vw;padding:0 10px}.logo-box img{width:100%;height:80px;object-fit:contain;filter:grayscale(100%)}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-left-slower{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (max-width:768px){.logo-box{flex:0 0 30vw;max-width:30vw;padding:0 10px}.logo-box img{height:50px}}.custom-blog-loop{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:768px){.custom-blog-loop{grid-template-columns:repeat(4,1fr);gap:16px}}.custom-blog-item{position:relative;overflow:hidden;display:block;aspect-ratio:1 / 1;cursor:pointer}.custom-blog-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.custom-blog-item:hover img{transform:scale(1.05)}.custom-blog-item::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .4);opacity:0;transition:opacity 0.3s ease}.custom-blog-item:hover::after{opacity:1}.custom-blog-meta{position:absolute;bottom:0;left:0;width:100%;padding:8px;box-sizing:border-box;color:#fff;background:linear-gradient(to top,rgb(0 0 0 / .8),transparent);z-index:2}.custom-blog-title{font-size:16px;font-weight:700;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.custom-blog-date{font-size:10px;font-weight:500;opacity:.8}@media (min-width:768px){.custom-blog-date{font-size:14px}.custom-blog-title{font-size:20px;-webkit-line-clamp:4}.custom-blog-category{font-size:14px}.custom-blog-meta{padding:16px}@media (min-width:768px) and (max-width:1024px){.custom-blog-title{font-size:16px;-webkit-line-clamp:4}}}