/* Sirisup v1.6.7 — editable Elementor shortcodes with stable behavior. */
.ss167-nav{max-width:100%!important;min-height:84px;padding:7px max(22px,calc((100vw - 1410px)/2))!important;display:flex!important;align-items:center!important;background:#061831;color:#fff;position:relative;gap:12px}
.ss167-nav .ss167-header-editable{width:100%;min-width:0;flex:1}
.ss167-nav .ss167-header-editable>.elementor{width:100%}
.ss167-nav .ss167-header-section{width:100%!important;margin:0!important;padding:0!important}
.ss167-nav .ss167-header-section>.elementor-container{max-width:none!important;width:100%!important;display:flex!important;align-items:center!important;gap:12px}
.ss167-nav .ss167-header-brand-col{width:36%!important;min-width:0;flex:0 0 36%!important}
.ss167-nav .ss167-header-brand-col>.elementor-widget-wrap{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;padding:0!important}
.ss167-nav .ss167-header-brand-col .elementor-widget-image{width:66px!important;margin:0!important;order:0}
.ss167-nav .ss167-header-logo img{height:62px!important;width:62px!important;max-width:62px;object-fit:contain;border-radius:12px;background:#fff}
.ss167-nav .ss167-header-brand-col .elementor-widget-heading{width:calc(100% - 84px);order:1;margin:0!important}
.ss167-nav .ss167-header-brand .elementor-heading-title{font:700 clamp(17px,1.6vw,26px)/1.2 Kanit,'Prompt',sans-serif!important;color:#fff!important}
.ss167-nav .ss167-header-brand-col .elementor-widget-text-editor{width:calc(100% - 84px);margin:-18px 0 0 78px!important;order:2}
.ss167-nav .ss167-header-en p{margin:0!important;color:#bfd4ec!important;font:500 9px/1.35 Montserrat,'Prompt',sans-serif;letter-spacing:.05em}
.ss167-nav .ss167-header-menu{width:64%!important;flex:0 0 64%!important}
.ss167-nav .ss167-header-menu>.elementor-widget-wrap{display:flex!important;gap:3px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;padding:0!important}
.ss167-nav .ss167-header-menu .elementor-widget-button{width:auto!important;flex:0 0 auto;margin:0!important}
.ss167-nav .ss167-header-menu .elementor-button{font:600 14px 'Prompt',sans-serif!important;padding:12px 9px!important;background:transparent!important;color:#fff!important;border:0!important;border-radius:8px!important;box-shadow:none!important;white-space:nowrap}
.ss167-nav .ss167-header-menu a.elementor-button[aria-current="page"]{color:#79d1ff!important;box-shadow:inset 0 -2px 0 #ff254d!important}
.ss167-nav .ss167-header-menu .elementor-button:hover{color:#71c7ff!important;background:#153a69!important}
.ss167-nav .ss167-menu-contact .elementor-button{background:linear-gradient(135deg,#f51b43,#be062b)!important;padding:13px 18px!important;border-radius:99px!important;box-shadow:0 8px 24px #a4092e70!important}
.ss167-nav .ss-menu-toggle{flex:none}
.ss167-nav .ss167-header-menu .elementor-button-wrapper{display:block}
@media(max-width:1250px){.ss167-nav .ss167-header-brand-col{width:33%!important;flex-basis:33%!important}.ss167-nav .ss167-header-menu{width:67%!important;flex-basis:67%!important}.ss167-nav .ss167-header-menu .elementor-button{font-size:12px!important;padding:10px 5px!important}}
@media(max-width:1024px){.ss167-nav .ss167-header-brand-col{width:100%!important;flex:1 1 100%!important}.ss167-nav .ss167-header-menu{display:none!important;position:absolute!important;top:100%;left:0;right:0;width:100%!important;background:#061831!important;z-index:999;border-radius:0 0 14px 14px;padding:14px!important;box-shadow:0 20px 40px #0006}.ss167-nav.is-open .ss167-header-menu{display:block!important}.ss167-nav .ss167-header-menu>.elementor-widget-wrap{display:flex!important;flex-direction:column!important;align-items:stretch!important}.ss167-nav .ss167-header-menu .elementor-button{width:100%!important;text-align:left;padding:12px 14px!important;font-size:15px!important}.ss167-nav .ss-menu-toggle{display:block!important;z-index:1001}.ss167-nav .ss167-header-section>.elementor-container{display:block!important}}
@media(max-width:767px){.ss167-nav{padding:6px 12px!important;min-height:74px}.ss167-nav .ss167-header-logo img{width:50px!important;height:50px!important}.ss167-nav .ss167-header-brand-col .elementor-widget-image{width:55px!important}.ss167-nav .ss167-header-brand-col .elementor-widget-heading{width:calc(100% - 67px)!important}.ss167-nav .ss167-header-brand .elementor-heading-title{font-size:18px!important}.ss167-nav .ss167-header-brand-col .elementor-widget-text-editor{width:calc(100% - 67px)!important;margin:-13px 0 0 67px!important}.ss167-nav .ss167-header-en p{font-size:7px!important}.ss167-nav .ss167-header-menu{top:74px!important}}
/* Project filter: editable buttons retain fixed filter category classes. */
body.ss-bionic-site .ss167-project-filter{max-width:min(1040px,calc(100% - 28px));padding:12px 14px!important;display:block!important}
.ss167-project-filter .ss167-filter-section{width:100%;padding:0!important;margin:0!important}
.ss167-project-filter .ss167-filter-section>.elementor-container{max-width:none!important;width:100%!important}
.ss167-project-filter .ss167-filter-buttons>.elementor-widget-wrap{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px;padding:0!important}
.ss167-project-filter .elementor-widget-button{width:auto!important;max-width:100%;margin:0!important}
.ss167-project-filter .ss167-filter-chip a.elementor-button{display:inline-flex;padding:11px 18px!important;border:1px solid #dbe5f3;border-radius:999px;background:#fff!important;color:#17416e!important;box-shadow:none;font:600 14px Prompt,sans-serif!important;cursor:pointer;text-decoration:none}
.ss167-project-filter .ss167-filter-chip a.elementor-button.is-active{background:#cf1233!important;color:#fff!important;border-color:#cf1233;box-shadow:0 9px 20px #cf123340}
@media(max-width:767px){body.ss-bionic-site .ss167-project-filter{max-width:100%;overflow-x:auto;padding:10px 14px!important}.ss167-project-filter .ss167-filter-buttons>.elementor-widget-wrap{flex-wrap:nowrap!important;justify-content:flex-start!important;width:max-content!important;min-width:100%}.ss167-project-filter .ss167-filter-chip a.elementor-button{white-space:nowrap!important;font-size:13px!important}}
/* Elementor native widgets inside the existing fade engine; text, photo and CTA are editable. */
.ss167-hero>.elementor{position:static!important}
.ss167-hero .ss167-slide{background:linear-gradient(95deg,#05132b,#0b3965);height:100%;width:100%!important;margin:0!important;position:absolute!important;inset:0;display:block}
.ss167-hero .ss167-slide>.elementor-container{width:100%!important;max-width:1360px!important;height:100%;display:flex!important;align-items:center;gap:32px;padding:45px 90px 75px;z-index:4;position:relative}
.ss167-hero .ss167-hero-copy-col{flex:0 0 52%;width:52%!important;z-index:3;padding:10px 0}
.ss167-hero .ss167-hero-copy-col>.elementor-widget-wrap{padding:0!important}
.ss167-hero .ss167-hero-photo-col{flex:0 0 48%;width:48%!important;align-self:stretch;z-index:2}
.ss167-hero .ss167-hero-photo-col>.elementor-widget-wrap,.ss167-hero .ss167-hero-image,.ss167-hero .ss167-hero-image .elementor-widget-container{height:100%!important;width:100%!important}
.ss167-hero .ss167-hero-image img{object-fit:cover;width:100%;height:100%;max-height:690px;display:block;filter:contrast(1.1) saturate(.9);border-radius:12px;box-shadow:0 25px 75px #0006}
.ss167-hero .ss167-slide:after{position:absolute;inset:0;content:'';pointer-events:none;background:radial-gradient(circle at 77% 20%,#61aaff16,transparent 40%),linear-gradient(90deg,#061731b8,transparent 72%)}
.ss167-hero .ss167-hero-kicker p{font:600 13px Prompt,sans-serif;color:#b4d8fb!important;letter-spacing:.08em;margin:0 0 18px}
.ss167-hero .ss167-hero-headline .elementor-heading-title{color:#fff!important;font:700 clamp(34px,3.8vw,64px)/1.23 Kanit,sans-serif!important;text-shadow:0 10px 35px #0005}
.ss167-hero .ss167-hero-headline span{color:#ff244e!important}
.ss167-hero .ss167-hero-desc p{font:400 16px/1.85 Prompt,sans-serif;color:#d9eafd!important;max-width:600px;margin:15px 0 23px}
.ss167-hero .ss167-hero-primary,.ss167-hero .ss167-hero-secondary{display:inline-block!important;width:auto!important;margin:5px 9px 5px 0!important}
.ss167-hero .ss167-hero-primary .elementor-button,.ss167-hero .ss167-hero-secondary .elementor-button{border-radius:9px!important;padding:14px 23px!important;font:600 15px Prompt,sans-serif!important;min-height:50px;background:#e8153c!important;color:#fff!important;box-shadow:0 10px 24px #0005}
.ss167-hero .ss167-hero-secondary .elementor-button{background:#ffffff10!important;border:1px solid #aad6ff85!important}
.ss167-hero .ss167-slide.is-active .ss167-hero-copy-col{animation:ss167-reveal .7s both .1s}@keyframes ss167-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.ss167-hero{height:640px!important;min-height:640px!important}.ss167-hero .ss167-slide>.elementor-container{display:block!important;padding:54px 22px 105px!important}.ss167-hero .ss167-hero-copy-col{width:100%!important;position:absolute;z-index:5;left:22px;right:22px;bottom:84px}.ss167-hero .ss167-hero-photo-col{width:100%!important;position:absolute;inset:0;z-index:1}.ss167-hero .ss167-hero-photo-col>.elementor-widget-wrap{padding:0!important}.ss167-hero .ss167-hero-image img{height:640px!important;max-height:640px!important;border-radius:0;opacity:.49}.ss167-hero .ss167-slide:after{background:linear-gradient(0deg,#04142c 0%,#04152af1 32%,#0a2b5199 70%,#173d654d 100%);z-index:2}.ss167-hero .ss167-hero-headline .elementor-heading-title{font-size:36px!important}.ss167-hero .ss167-hero-desc p{font-size:13px!important}.ss167-hero .ss167-hero-primary .elementor-button,.ss167-hero .ss167-hero-secondary .elementor-button{padding:11px 16px!important;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.ss167-hero .ss167-slide.is-active .ss167-hero-copy-col{animation:none!important}}