.ws-page{background:#f0f6fc;min-height:100vh}.ws-hero{position:relative;display:flex;align-items:flex-end;background:var(--ws-brand,#00103c);overflow:hidden}.ws-hero-inner{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:clamp(120px,14vw,160px)clamp(24px,4vw,80px)clamp(52px,6vw,80px);display:flex;flex-direction:column;gap:20px}.ws-back-link{font-family:ibm plex sans,sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,.55);text-decoration:none;letter-spacing:.2px;transition:color .2s;width:-moz-fit-content;width:fit-content}.ws-back-link:hover{color:var(--ws-accent,#48DAFF)}.ws-hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ws-industry-tag{font-family:ibm plex sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ws-accent,#48DAFF);border:1px solid color-mix(in srgb,var(--ws-accent,#48DAFF) 35%,transparent);padding:4px 12px;border-radius:999px}.ws-year{font-family:ibm plex sans,sans-serif;font-size:13px;color:rgba(255,255,255,.45)}.ws-title{font-family:ibm plex sans,noto sans thai,sans-serif;font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.15;color:#fff;letter-spacing:-.5px;max-width:700px}.ws-metrics{display:flex;gap:clamp(24px,4vw,56px);flex-wrap:wrap;padding-top:8px}.ws-metric{display:flex;flex-direction:column;gap:4px}.ws-metric-value{font-family:ibm plex sans,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1;color:var(--ws-accent,#48DAFF)}.ws-char{display:inline-block;opacity:0;animation:wsFlicker .45s forwards}@keyframes wsFlicker{0%{opacity:0}18%{opacity:1}28%{opacity:.15}42%{opacity:1}58%{opacity:.55}74%{opacity:1}100%{opacity:1}}.ws-metric-label{font-family:ibm plex sans,noto sans thai,sans-serif;font-size:12px;font-weight:400;color:rgba(255,255,255,.55);letter-spacing:.3px}.ws-gallery-wrap{background:#eaf1f9;padding:32px clamp(24px,4vw,80px)}.ws-gallery{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ws-gallery-item{border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:rgba(0,16,60,6%);opacity:0;animation:wsImgFadeIn .7s ease-out forwards}@keyframes wsImgFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ws-gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ws-stack-wrap{display:flex;flex-direction:column;gap:20px;max-width:720px;margin:40px 0}.ws-stack-group{display:flex;flex-direction:column;gap:14px}.ws-stack-label{display:flex;align-items:center;gap:14px;font-family:ibm plex sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;color:rgba(0,16,60,.4);white-space:nowrap}.ws-stack-label::after{content:'';flex:1;height:1px;background:rgba(0,16,60,.1)}.ws-body-wrap{max-width:1100px;margin:0 auto;padding:clamp(48px,6vh,80px)clamp(24px,4vw,80px)}.ws-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,5vw,72px);margin-bottom:8px}.ws-col h2:first-child{padding-top:0}.ws-two-col p{max-width:none}@media(max-width:767px){.ws-two-col{grid-template-columns:1fr}}.ws-body h2{font-family:ibm plex sans,noto sans thai,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:700;color:#00103c;letter-spacing:-.2px;margin:0 0 16px;padding-top:40px}.ws-body h2:first-child{padding-top:0}.ws-body p{font-family:ibm plex sans,noto sans thai,sans-serif;font-size:16px;line-height:1.75;color:rgba(0,16,60,.75);margin:0 0 24px;max-width:720px}.ws-body table{width:100%;max-width:600px;border-collapse:collapse;margin:8px 0 32px}.ws-body th{font-family:ibm plex sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,16,60,.45);text-align:left;padding:10px 16px;border-bottom:1px solid rgba(0,16,60,.1)}.ws-body td{font-family:ibm plex sans,noto sans thai,sans-serif;font-size:15px;color:#00103c;padding:12px 16px;border-bottom:1px solid rgba(0,16,60,6%)}.ws-body td:last-child{font-weight:600;color:var(--ws-accent,#1737C8)}.ws-body blockquote{margin:48px 0 40px;padding:0;border:none;background:0 0;border-radius:0;display:flex;flex-direction:column}.ws-quote-label{order:-1;font-family:ibm plex sans,noto sans thai,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:700;color:#00103c;letter-spacing:-.2px;padding-top:40px;padding-bottom:20px;border-bottom:1px solid rgba(0,16,60,8%)}.ws-body blockquote::before{content:'';display:block;width:36px;height:29px;margin-top:28px;margin-bottom:20px;background-color:var(--ws-accent,#48DAFF);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83 66'%3E%3Cpath d='M83 0L32.9448 66H0L16.4979 44.2719L50.0697 0H83Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83 66'%3E%3Cpath d='M83 0L32.9448 66H0L16.4979 44.2719L50.0697 0H83Z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;animation:wsSlashFloat 3.6s ease-in-out infinite;will-change:transform,filter}@keyframes wsSlashFloat{0%,100%{transform:translateY(0)rotate(-1deg);filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--ws-accent,#48DAFF) 35%,transparent))}50%{transform:translateY(-7px)rotate(1deg);filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--ws-accent,#48DAFF) 60%,transparent))}}.ws-body blockquote p{font-size:20px;font-style:normal;font-weight:500;color:rgba(0,16,60,.82);line-height:1.6;margin:0 0 16px}.ws-body blockquote p:last-child{margin:0;font-style:normal;font-size:13px;font-weight:400;color:rgba(0,16,60,.45)}.ws-related-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:16px}.ws-related-cta{display:inline-flex;align-items:center;padding:12px 28px;font-family:ibm plex sans,noto sans thai,sans-serif;font-size:14px;font-weight:600;color:#05082e;background:#fff;border-radius:999px;text-decoration:none;transition:opacity .2s}.ws-related-cta:hover{opacity:.88}.ws-footer{max-width:1100px;margin:0 auto;padding:0 clamp(24px,4vw,80px)80px}.ws-back-btn{display:inline-flex;align-items:center;font-family:ibm plex sans,sans-serif;font-size:14px;font-weight:500;color:var(--ws-accent,#1737C8);text-decoration:none;gap:6px;transition:gap .2s}.ws-back-btn:hover{gap:2px}.ws-related{background:#16171f;padding:clamp(48px,6vw,72px)0 clamp(64px,7vw,96px)}.ws-related-inner{max-width:1100px;margin:0 auto;padding:0 clamp(24px,4vw,80px);display:flex;flex-direction:column;gap:28px}.ws-related-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.ws-related-label{font-family:ibm plex sans,noto sans thai,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.2px;color:rgba(255,255,255,.6)}.ws-all-wrap .si-cards{padding-top:28px}.ws-show-all-btn{background:0 0;border:none;cursor:pointer;font-family:ibm plex sans,noto sans thai,sans-serif;display:inline-flex;align-items:center;gap:8px}.ws-show-all-icon{flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1)}.ws-show-all-btn.is-open .ws-show-all-icon{transform:rotate(180deg)}.ws-related .ws-back-btn{color:rgba(255,255,255,.5);font-size:14px;padding:12px 28px;border:1px solid rgba(255,255,255,.18);border-radius:999px;transition:color .2s,border-color .2s;gap:0}.ws-related .ws-back-btn:hover{color:#48daff;border-color:rgba(72,218,255,.45);gap:0}.ws-related .ws-show-all-btn{gap:8px}.ws-related .ws-show-all-btn:hover{gap:8px}.si-card--related{opacity:1!important;transform:translateY(0)!important;border:1px solid rgba(255,255,255,7%);transition:transform .35s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.si-card--related:hover{transform:scale(1.03)!important;box-shadow:none!important}.si-card--related:hover .si-card-reveal{opacity:0!important;transform:scale(.96)!important}}@media(max-width:1024px){.ws-related .si-cards{margin-left:calc(-1 * clamp(24px,4vw,80px));margin-right:calc(-1 * clamp(24px,4vw,80px));padding-left:clamp(24px,4vw,80px);padding-right:clamp(24px,4vw,80px)}}@media(max-width:1024px){.ws-gallery-wrap{padding:24px 0 24px clamp(24px,4vw,48px)}.ws-gallery{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:clamp(24px,4vw,48px)}.ws-gallery::-webkit-scrollbar{display:none}.ws-gallery-item{flex:0 0 560px;scroll-snap-align:start}}@media(max-width:768px){.ws-hero-inner{padding:100px 24px 48px;gap:16px}.ws-metrics{gap:24px}.ws-gallery-wrap{padding:24px 0 24px 24px}.ws-gallery{gap:12px;padding-right:24px}.ws-gallery-item{flex:0 0 280px}.ws-body-wrap{padding:36px 24px}}body.work-list .navbar,body.work-list .navbar.scrolled{background:rgba(5,8,46,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:none}@keyframes wlFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wlFadeIn{from{opacity:0}to{opacity:1}}@keyframes wlFadeLeft{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.wl-page{background:#050a2e;min-height:100vh;color:#fff}.wl-hero-inner{animation:wlFadeUp .7s cubic-bezier(.16,1,.3,1)both}.wl-filter-wrap{animation:wlFadeIn .5s ease both;animation-delay:.25s}.wl-row{animation:wlFadeLeft .6s cubic-bezier(.16,1,.3,1)both}.wl-row:nth-child(1){animation-delay:.35s}.wl-row:nth-child(2){animation-delay:.42s}.wl-row:nth-child(3){animation-delay:.49s}.wl-row:nth-child(4){animation-delay:.56s}.wl-row:nth-child(5){animation-delay:.63s}.wl-row:nth-child(n+6){animation-delay:.7s}.wl-hero{padding:140px clamp(24px,5vw,80px)64px;background:#050a2e}.wl-hero-inner{max-width:1120px;margin:0 auto}.wl-hero-label-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.wl-hero-label-line{width:36px;height:2px;background:#48daff;flex-shrink:0}.wl-hero-label{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(228,233,255,.4)}.wl-hero-heading{font-size:clamp(34px,4.7vw,68px);font-weight:200;color:#fff;line-height:1.15;margin:0}.wl-hero-heading strong{font-weight:800;background:linear-gradient(90deg,#48DAFF 0%,#9BE8BE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wl-filter-wrap{position:sticky;top:72px;z-index:100;background:rgba(5,10,46,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:14px clamp(24px,5vw,80px)}.wl-filter-label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(228,233,255,.3);margin-right:12px;flex-shrink:0}.wl-filter-inner{max-width:1120px;margin:0 auto;display:flex;gap:8px;flex-wrap:nowrap;align-items:center;overflow-x:auto;scrollbar-width:none}.wl-filter-btn{font-size:12px;font-weight:500;color:rgba(228,233,255,.5);background:rgba(255,255,255,5%);border:none;border-radius:100px;padding:8px 16px;flex-shrink:0;cursor:pointer;transition:all .2s;white-space:nowrap}.wl-filter-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.wl-filter-btn.active{color:#050a2e;background:#fff;font-weight:600}.wl-list{padding:0 clamp(24px,5vw,80px)120px;background-image:radial-gradient(circle,rgba(255,255,255,8%) 1px,transparent 1px);background-size:60px 60px;background-position-y:0}.wl-list-inner{max-width:1120px;margin:0 auto}.wl-section[hidden]{display:none}.wl-section-header{display:flex;align-items:center;gap:16px;padding:48px 0 20px}.wl-section-header[hidden]{display:none}.wl-section-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#48daff}.wl-section-line{flex:1;height:1px;background:rgba(255,255,255,7%)}.wl-row{display:grid;grid-template-columns:25fr 36fr 38fr;gap:40px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,7%);align-items:start}.wl-section .wl-row:last-child{border-bottom:none}.wl-row[hidden]{display:none}.wl-col-logo{padding-top:6px;padding-left:6px}.wl-logo-text{font-size:18px;font-weight:700;color:#fff;line-height:1.3;opacity:.9}.wl-logo-img{height:28px;width:auto;max-width:160px;-o-object-fit:contain;object-fit:contain;opacity:.9;transition:opacity .3s ease}.wl-row:hover .wl-logo-img{opacity:1}.wl-logo-img[src*=truedigital]{height:32px;margin-left:-2px}.wl-logo-img[src*=truevisions]{height:22px}.wl-logo-img[src*=siampiwat]{height:34px}.wl-logo-img[src*=ktc]{height:37px}.wl-logo-img[src*=mcgroup]{height:30px}.wl-logo-img[src*=chubb]{height:14px}.wl-logo-img[src*=axons]{height:42px}.wl-logo-img[src*=nissan]{height:18px}.wl-logo-img[src*=goodday]{height:47px}.wl-logo-img[src*=bestfitt]{height:63px}.wl-logo-img[src*=favstay]{height:32px}.wl-logo-img[src*=mea]{height:50px}@keyframes wlSlideInRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes wlSlideInLeft{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.wl-col-about.wl-flicker{animation:wlSlideInRight .25s cubic-bezier(.16,1,.3,1)forwards}.wl-col-about.wl-flicker-back{animation:wlSlideInLeft .25s cubic-bezier(.16,1,.3,1)forwards}.wl-about-card{position:relative;border:1px solid transparent;border-radius:14px;padding:0}.wl-about-project-name{display:none;position:absolute;top:-11px;left:14px;background:#050a2e;padding:0 8px;font-size:12px;font-weight:700;color:#48daff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.wl-cat-tag{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(228,233,255,.35);margin:0 0 10px}.wl-about-text{font-size:16px;color:rgba(228,233,255,.6);line-height:1.65;margin:0;transition:color .3s ease,opacity .18s ease}.wl-col-projects{display:flex;flex-direction:column;gap:4px;padding-left:15%;overflow:visible;width:100%}.wl-project{position:relative;overflow:visible;padding:1px 10px;border-radius:8px;cursor:default;transition:background .3s ease}.wl-project--linked{cursor:pointer;text-decoration:none;display:block}.wl-project.is-open{background:rgba(255,255,255,4%)}.wl-project--linked.is-open{background:rgba(55,75,174,.12)}.wl-project-top{display:flex;align-items:center;gap:16px;padding:3px 0;overflow:visible}.wl-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:rgba(255,255,255,.75)}.wl-dot--active{background:#48daff}.wl-project-name{font-size:17px;font-weight:200;color:rgba(228,233,255,.9);flex-shrink:0;transition:color .3s ease;position:relative}.wl-project-name::after{content:'';position:absolute;bottom:-2px;left:0;height:1px;width:0;background:currentColor;transition:width .35s cubic-bezier(.4,0,.2,1)}.wl-project.is-open .wl-project-name{color:#48daff}.wl-project--linked.is-open .wl-project-name::after{width:100%;background:rgba(72,218,255,.8)}.wl-arrow-desktop{display:inline}.wl-arrow-mobile{display:none}.wl-project-arrow{font-size:12px;color:rgba(228,233,255,.3);opacity:0;transition:opacity .15s}.wl-project--linked:hover .wl-project-arrow{opacity:1;color:#48daff}.wl-expand{display:none}@keyframes wlNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}.wl-expand-arrow{margin-left:auto;font-size:20px;font-weight:300;color:rgba(228,233,255,.35);flex-shrink:0;display:flex;align-items:center;gap:6px;transition:color .25s ease}.wl-arrow-lines{display:inline-block;width:11px;height:1px;background:currentColor;box-shadow:0 -4px currentColor,0 4px currentColor;opacity:.6;flex-shrink:0}.wl-project.is-open .wl-expand-arrow{color:#48daff;animation:wlNudge 1.4s ease-in-out infinite}@media(min-width:768px) and (max-width:1024px){.wl-row{grid-template-columns:160px 1fr;grid-template-rows:auto auto}.wl-col-about{grid-column:2;padding-right:clamp(40px,8vw,120px)}.wl-col-projects{grid-column:1/-1;padding-left:calc(160px + 40px)}.wl-arrow-desktop{display:none}.wl-arrow-mobile{display:inline;color:#48daff;font-size:16px}}@media(max-width:767px){body.work-list .navbar{top:0}.wl-filter-wrap{top:56px}.wl-hero{padding-top:110px;padding-bottom:40px}.wl-row{grid-template-columns:1fr;gap:16px;padding:32px 0}.wl-col-about{padding-right:0;margin-top:8px}.wl-col-projects{padding-left:0;width:100%}.wl-project{padding-left:0;padding-right:0;border-radius:0}.wl-filter-inner{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.wl-filter-inner::-webkit-scrollbar{display:none}.wl-filter-btn{flex-shrink:0}.wl-arrow-desktop{display:none}.wl-arrow-mobile{display:inline;color:#48daff;font-size:16px}}