header.b0-0-0-0-5{transition:background-color .28s,box-shadow .28s}body:not(.is-scrolled) header.b0-0-0-0-5{background:0 0}body:not(.is-scrolled) header.b0-0-0-0-5 svg{color:var(--white);stroke:var(--white)}.sd-logo--dark{display:none}main{overflow-x:clip}body .b0-0-0-0{isolation:isolate;min-height:min(880px,100vh)}.sd-hero-frame{transition:opacity .9s cubic-bezier(.16,1,.3,1)}.sd-hero-frame[data-active=true]{opacity:1;z-index:0}.sd-hero-frame[data-active=false]{opacity:0;z-index:-1}.sd-hero-dot{cursor:pointer;min-width:10px;height:4px}.sd-hero-dot[data-active=true]{background-color:var(--white);width:28px}.sd-hero-dot[data-active=false]{background-color:#ffffff59;width:10px}.sd-step{cursor:pointer}.sd-step[aria-selected=true]{border-top-color:var(--white)}.sd-step[aria-selected=false]{border-top-color:#ffffff2e}.sd-step[aria-selected=true] .sd-step-body{display:block}.sd-step[aria-selected=false] .sd-step-body{display:none}.sd-step-slot{transition:opacity .9s cubic-bezier(.16,1,.3,1)}.sd-step-slot[data-active=true]{opacity:1;z-index:0}.sd-step-slot[data-active=false]{opacity:0;z-index:-1}.sd-chip{cursor:pointer}.sd-chip[aria-pressed=true]{background-color:var(--slate-950);border-color:var(--slate-950);color:var(--white)}.sd-chip[aria-pressed=false]{background-color:var(--white);border-color:var(--slate-200);color:var(--slate-700)}.sd-chip>span{color:inherit}.sd-work article[hidden]{display:none!important}.sd-work:not([data-tab="0"]) .b0-0-0-6-0-1{grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.sd-hero-dot:focus-visible,.sd-step:focus-visible{outline:2px solid var(--blue-300);outline-offset:3px}.sd-chip:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px}.b0-0-0-0-7-0-1-0{display:inline}.b0-0-0-0-5-1{scrollbar-width:none;overflow-x:auto}.b0-0-0-0-5-1::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.sd-hero-frame,.sd-hero-dot,.sd-step-slot{transition:none}}@media (max-width:900px){header.b0-0-0-0-5{padding-left:20px!important;padding-right:20px!important}}.b0-0-0-5-0-1-0{transition:background-color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-0:hover{background-color:var(--blue-50)}.b0-0-0-5-0-1-0:hover .b0-0-0-5-0-1-0-2 .b0-0-0-5-0-1-0-2-0{color:var(--blue-700);transition:color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-1{transition:background-color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-1:hover{background-color:var(--blue-50)}.b0-0-0-5-0-1-1:hover .b0-0-0-5-0-1-1-2 .b0-0-0-5-0-1-1-2-0{color:var(--blue-700);transition:color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-2{transition:background-color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-2:hover{background-color:var(--blue-50)}.b0-0-0-5-0-1-2:hover .b0-0-0-5-0-1-2-2 .b0-0-0-5-0-1-2-2-0{color:var(--blue-700);transition:color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-3{transition:background-color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-3:hover{background-color:var(--blue-50)}.b0-0-0-5-0-1-3:hover .b0-0-0-5-0-1-3-2 .b0-0-0-5-0-1-3-2-0{color:var(--blue-700);transition:color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-4{transition:background-color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-4:hover{background-color:var(--blue-50)}.b0-0-0-5-0-1-4:hover .b0-0-0-5-0-1-4-2 .b0-0-0-5-0-1-4-2-0{color:var(--blue-700);transition:color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-5{transition:background-color .5s cubic-bezier(.16,1,.3,1)}.b0-0-0-5-0-1-5:hover{background-color:var(--blue-50)}.b0-0-0-5-0-1-5:hover .b0-0-0-5-0-1-5-2 .b0-0-0-5-0-1-5-2-0{color:var(--blue-700);transition:color .5s cubic-bezier(.16,1,.3,1)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit;text-align:inherit;appearance:none;background:0 0;border:0;margin:0;padding:0}button{cursor:pointer}fieldset{border:0}ul,ol{list-style:none}body{font-family:var(--font-body);color:var(--slate-950);-webkit-font-smoothing:antialiased;background:#fff}img{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px}html[lang=th] body{font-family:var(--font-thai-body)}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{font-family:var(--font-thai-display)}