body{-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}body.modal-open,html.modal-open{overflow:hidden!important;height:100%!important;width:100%!important;position:fixed!important;top:0;left:0}.project-modal-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(15,13,12,.72)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9998!important;opacity:0;visibility:hidden;transition:all .4s ease-in-out}.project-modal-backdrop.active{opacity:1!important;visibility:visible!important}#projects{display:flex;flex-direction:column;gap:64px}#projects .title{color:var(--studio-black,#0f0d0c);font-size:32px;line-height:38px;font-weight:600;font-family:Kanit;letter-spacing:.25px;padding:0}#projects .title .highlight{color:var(--studio-orange,#ff6028)}#projects .section-first{padding:0 20px}#projects .section-first .container{background-color:#f8f6f5;border-radius:24px;padding:0}#projects .section-first .section-header{padding:32px;display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}#projects .section-first .description{color:var(--studio-gray,#605e5d);font-size:13px;line-height:21px;font-weight:300;font-family:Kanit;letter-spacing:.25px}#projects .section-first .btn-two{font-size:13px;line-height:17px;justify-content:center;text-decoration:none;width:100%}#projects .section-first .section-image{margin-top:-62px}#projects .section-two{padding:0 20px}#projects .section-two .content{display:flex;flex-direction:column;gap:32px}#projects .section-two .title-select{color:var(--studio-black,#0f0d0c);font-size:19px;line-height:25px;font-weight:600;font-family:Kanit;letter-spacing:.15px;margin-bottom:8px}#projects .section-two .subtitle-select{color:var(--studio-gray,#605e5d);font-size:13px;line-height:21px;font-weight:300;font-family:Kanit;letter-spacing:.25px;margin-bottom:24px}#projects .section-two .filter-buttons{display:none}#projects .section-two .custom-project-select{position:relative;width:100%;margin-bottom:24px;user-select:none}#projects .section-two .custom-project-select .select-selected{color:var(--studio-orange,#ff6028);font-size:13px;line-height:17px;font-weight:600;font-family:Kanit;background-color:transparent;border:1px solid var(--studio-orange,#ff6028);border-radius:32px;padding:11.5px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}#projects .section-two .custom-project-select .select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:100;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:8px;display:none;overflow:hidden;border:1px solid var(--studio-gray-01,#eeeceb);list-style:none;padding:0}#projects .section-two .custom-project-select .select-items li{color:var(--studio-gray,#605e5d);font-size:13px;line-height:17px;font-weight:600;font-family:Kanit;padding:12px 24px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}#projects .section-two .custom-project-select .select-items li:last-child{border-bottom:none}#projects .section-two .custom-project-select .select-items li.active,#projects .section-two .custom-project-select .select-items li:hover{background-color:#f9f9f9;color:var(--studio-orange,#ff6028)}#projects .section-two .custom-project-select.active .select-items{display:block}#projects .section-two .custom-project-select.active .select-selected svg{transform:rotate(180deg);transition:transform .3s ease}#projects .section-two .projects-grid{display:grid;grid-template-columns:1fr;gap:20px}#projects .section-two .project-card{position:relative;overflow:hidden}#projects .section-two .project-card__full-details{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:95vw;max-width:1300px;height:auto;max-height:90vh;background:#f8f6f5;border-radius:24px;z-index:9999;opacity:0;visibility:hidden;overflow-y:auto;transition:all .5s cubic-bezier(.165,.84,.44,1);padding:24px;pointer-events:none;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}#projects .section-two .project-card__full-details::-webkit-scrollbar{width:6px}#projects .section-two .project-card__full-details::-webkit-scrollbar-track{background:0 0}#projects .section-two .project-card__full-details::-webkit-scrollbar-thumb{background:var(--studio-orange,#ff6028);border-radius:10px}#projects .section-two .project-card__full-close-btn{width:32px;height:32px;border-radius:100%;background-color:var(--studio-orange,#ff6028);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:16px;right:16px}#projects .section-two .project-card__full-content-wrapper{display:flex;flex-direction:column;gap:32px}#projects .section-two .project-card__full-info{display:flex;flex-direction:column;gap:24px}#projects .section-two .project-card__full-info-header{display:flex;flex-direction:column;gap:8px}#projects .section-two .project-card__full-category{color:var(--studio-gray,#605e5d);font-size:15px;line-height:20px;font-weight:300;font-family:Kanit;letter-spacing:.15px}#projects .section-two .project-card__full-title{color:var(--studio-black,#0f0d0c);font-size:23px;line-height:30px;font-weight:600;font-family:Kanit}#projects .section-two .project-card__full-tags-list{display:flex;gap:8px;flex-wrap:wrap}#projects .section-two .project-card__full-tag{color:var(--studio-gray,#605e5d);font-size:13px;line-height:17px;font-weight:600;font-family:Kanit;padding:4px 12px;border-radius:16px;border:1px solid var(--studio-gray,#605e5d)}#projects .section-two .project-card__full-tag{color:var(--studio-orange,#ff6028);font-size:11px;line-height:14px;font-weight:600;font-family:Kanit;padding:5px 12px;border-radius:8px;border:1px solid var(--studio-orange,#ff6028);background-color:rgba(255,96,40,.04)}#projects .section-two .project-card__full-summary{color:var(--studio-gray,#605e5d);font-size:14px;line-height:22px;font-weight:400;font-family:Kanit;letter-spacing:.2px;border-left:3px solid var(--studio-orange,#ff6028);padding-left:12px;margin:0}#projects .section-two .project-card__full-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px}#projects .section-two .project-card__full-btn-link{width:100%;justify-content:center;text-decoration:none}#projects .section-two .project-card__full-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px}#projects .section-two .project-card__full-btn-link{width:100%;justify-content:center;text-decoration:none}#projects .section-two .project-card__full .media-content{aspect-ratio:320/180;border-radius:20px;overflow:hidden}#projects .section-two .project-card__full .media-content img{object-fit:cover;width:100%;border-radius:20px}#projects .section-two .project-card__full .project-logo-placeholder{border-radius:15px;overflow:hidden;background:0 0}#projects .section-two .project-card__full .project-logo-placeholder img{border-radius:15px;object-fit:contain}#projects .section-two .project-card__full .swiper-button-next,#projects .section-two .project-card__full .swiper-button-prev,#projects .section-two .project-card__full .swiper-pagination{position:static}#projects .section-two .project-card__full .swiper-buttons-wrapper{display:flex;padding-top:1rem;justify-content:space-between;align-items:flex-start}#projects .section-two .project-card__full .swiper-buttons-wrapper .wrapper{display:flex;gap:8px;align-items:center}#projects .section-two .project-card__full .swiper-pagination{transform:unset;color:var(--studio-gray,#605e5d);font-size:13px;line-height:21px;font-weight:300;font-family:Kanit;letter-spacing:.25px}#projects .section-two .project-card__full .view-site-link{color:var(--studio-black,#0f0d0c);font-size:13px;line-height:17px;font-weight:600;font-family:Kanit;letter-spacing:.1px;text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s ease-in-out}#projects .section-two .project-card__full .view-site-link:hover{color:var(--studio-orange,#ff6028)}#projects .section-two .project-card__full .project-slider-controls{display:flex;gap:8px;align-items:center}#projects .section-two .project-card__full .swiper-button-next,#projects .section-two .project-card__full .swiper-button-prev{width:32px;height:32px;border-radius:100%;background-color:var(--studio-orange,#ff6028);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:unset}#projects .section-two .project-card__full .swiper-button-next svg,#projects .section-two .project-card__full .swiper-button-prev svg{font-size:24px}#projects .section-two .project-card.open .project-card__full-details{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);pointer-events:all}#projects .section-two .project-card.closing .project-card__full-details{opacity:0;transform:translate(-50%,-50%) scale(.85);pointer-events:none}@keyframes projectFadeOutProject{0%{opacity:1}60%{opacity:.4}100%{opacity:0;max-height:0;padding:0}}@keyframes projectFadeOutProjectClose{0%{opacity:0;max-height:0;padding:0}60%{opacity:.6}100%{opacity:1}}#projects .faq-wrapper{padding:0 20px;margin-top:64px}#projects .faq-wrapper .faq{transform:translateX(-96%)}#projects .faq-wrapper .faq.animate-in{animation:slideInBounce .5s ease-out forwards}@keyframes slideInBounce{0%{transform:translateX(-96%)}60%{transform:translateX(8%)}100%{transform:translateX(0)}}[data-theme=dark] #projects .section-first .container{background:linear-gradient(155deg,#1b1918 0,#151312 100%);border:1px solid rgba(255,96,40,.22);box-shadow:0 24px 54px -32px rgba(0,0,0,.6)}[data-theme=dark] #projects .section-first .section-header .title{color:#f5f5f5}[data-theme=dark] #projects .section-first .section-header .breadcrumb .prev,[data-theme=dark] #projects .section-first .section-header .breadcrumb .separator,[data-theme=dark] #projects .section-first .section-header .description{color:#eeeceb}[data-theme=dark] #projects .section-first .section-header .breadcrumb .current{color:#fefefe}