.cf{aspect-ratio:var(--cf-ar-slot);--st-ar: var(--cf-ar-slot)}@media(max-width:899px){.cf{aspect-ratio:var(--cf-ar-medium);--st-ar: var(--cf-ar-medium)}}@media(max-width:599px){.cf{aspect-ratio:var(--cf-ar-phone);--st-ar: var(--cf-ar-phone)}}.cf-media{--cf-mat: var(--blue);position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background:var(--cf-mat)}.cf[data-mat=cobalt] .cf-media{--cf-mat: var(--blue)}.cf[data-mat=deep] .cf-media{--cf-mat: var(--blue-deep)}.cf[data-mat=pale] .cf-media{--cf-mat: var(--blue-light)}.cf[data-mat=pale-soft] .cf-media{--cf-mat: var(--st-pale-soft)}.cf[data-mat=night] .cf-media{--cf-mat: var(--st-near-black)}.cf[data-mat=indigo] .cf-media{--cf-mat: #1F2E53}.cf-media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cf-media img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cf-video-slot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.cf-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.cf[data-cf-ready] .cf-video{opacity:1}.cf[data-cf-rest] .cf-video{opacity:0;transition:opacity .16s ease-out}.cf[data-cf-again] .cf-video{transition:opacity .5s cubic-bezier(.65,0,.35,1)}.cf-plate{--st-cut: 8px;--st-outline: rgb(36 42 51 / .14);position:absolute;z-index:3;left:20px;top:20px;display:inline-flex;align-items:center;gap:7px;height:28px;margin:0;padding:0 11px 0 5px;font:500 13px/1 var(--font-body);letter-spacing:0;white-space:nowrap;color:var(--ink);background:var(--white);pointer-events:none;-webkit-user-select:none;user-select:none}.cf-plate svg{display:block;flex:none;width:18px;height:18px}.cf-plate rect{fill:var(--blue)}.cf-plate path{fill:var(--white)}@media(max-width:599px){.cf-plate{left:14px;top:14px;gap:6px;height:24px;padding:0 10px 0 4px;font-size:12px}.cf-plate svg{width:16px;height:16px}}@media(prefers-reduced-motion:no-preference){.st-motion .cf-plate{transition:opacity .4s var(--st-ease) .5s}.st-motion .cf:not([data-st-in]) .cf-plate{opacity:0}}@media(forced-colors:active){.cf-plate{forced-color-adjust:none;color:CanvasText;background:Canvas}.cf-plate rect{fill:CanvasText}.cf-plate path{fill:Canvas}}.sts-work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--st-col-gap);row-gap:calc(var(--st-space) * .75);align-items:start}.sts-card{position:relative;min-width:0;grid-column:1 / -1}.sts-card--left{grid-column:1 / span 6}.sts-card--right{grid-column:7 / span 6}.sts-card--wide-left{grid-column:1 / span 10}.sts-card--wide-right{grid-column:3 / span 10}.sts-card--drop-a{margin-top:27.3038%}.sts-card--drop-b{margin-top:16.3823%}.sts-frame{position:relative;z-index:2;display:block;transition:transform var(--st-t-hover-out) var(--st-ease)}.sts-frame-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}:root[data-cursor-label] .sts-frame-link{cursor:none}.sts-cap{position:relative;display:flow-root;padding-top:var(--st-cap-gap)}.sts-cap-name{margin:0;font:500 var(--st-type-3)/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.sts-cap-text{margin:calc((44px - var(--st-type-3) * 1.2) / 2) 0 0;max-width:64ch;font:400 var(--st-type-body)/1.55 var(--font-body);color:var(--st-muted);text-wrap:balance}.sts-cap-service{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:10px 0 0;font:400 var(--st-type-label)/1.5 var(--font-body);color:var(--st-muted)}.sts-tag{flex:none;padding:2px 12px 2px 8px;font:500 13px/18px var(--font-body);color:var(--st-muted);background:var(--st-tint);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--st-cut-sm)),calc(100% - var(--st-cut-sm)) 100%,0 100%)}.sts-key{float:right;display:block;width:44px;height:44px;margin:calc((var(--st-type-3) * 1.2 - 44px) / 2) 0 0 16px;overflow:visible;color:var(--ink)}.sts-key-frame{fill:transparent;stroke:var(--st-rule);stroke-width:1;transition:fill var(--st-t-exit) var(--st-ease-inout),stroke var(--st-t-exit) var(--st-ease-inout)}.sts-key-arrow{stroke:currentColor;transform-box:fill-box;transform-origin:50% 50%;transition:stroke var(--st-t-exit) var(--st-ease-inout),transform var(--st-t-exit) var(--st-ease-inout)}.sts-cap .sts-cap-link{background-image:linear-gradient(var(--st-rule),var(--st-rule));transition:background-size .5s var(--st-ease),color .3s var(--st-ease)}.sts-cap-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@supports selector(:has(*)){.sts-cap .sts-cap-link:focus-visible{outline:none}.sts-card:has(.sts-cap-link:focus-visible){outline:2px solid var(--st-focus);outline-offset:4px}}.sts-card:has(.sts-cap-link:focus-visible) .sts-key-frame{fill:var(--ink);stroke:var(--ink);transition-duration:0s}.sts-card:has(.sts-cap-link:focus-visible) .sts-key-arrow{stroke:var(--white);transition-duration:0s}.sts-work-foot{margin-top:calc(var(--st-space) * .75);align-items:center;row-gap:24px}.sts-work-note{grid-column:1 / 7;margin:0;font:400 var(--st-type-label)/1.5 var(--font-body);color:var(--st-muted)}.sts-work-more{grid-column:7 / -1;justify-self:end}@media(hover:hover)and (pointer:fine){.sts-card:hover .sts-key-frame{fill:var(--ink);stroke:var(--ink);transition-duration:.15s;transition-timing-function:ease-out}.sts-card:hover .sts-key-arrow{stroke:var(--white);transition-duration:.15s;transition-timing-function:ease-out}.sts-card:hover .sts-cap-link{color:var(--ink);background-size:0 1px;background-position:100% 100%}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.sts-card:hover .sts-key-arrow{transform:rotate(45deg)}.sts-card:hover>.sts-frame{transform:scale(1.02);transition-duration:.7s}.sts-key{transition:transform var(--st-t-press) ease-out}.sts-card:active .sts-key{transform:scale(.96)}.sts-card:active>.sts-frame{transform:scale(.985);transition:transform var(--st-t-press) ease-out}}@media(prefers-reduced-motion:no-preference){.sts-card:has(.sts-cap-link:focus-visible) .sts-key-arrow{transform:rotate(45deg)}}@media(prefers-reduced-motion:reduce){.sts-frame{transition:none}}@supports (align-items: last baseline){.sts-work .st-head-body{align-items:last baseline}.sts-work .st-head-body>.st-lede{padding-bottom:0}}@media(max-width:1259px){.sts-work-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.sts-work-grid>.sts-card{margin-top:0}.sts-work-grid>.sts-card--left{grid-column:1 / span 8}.sts-work-grid>.sts-card--right{grid-column:5 / span 8}.sts-work-grid>:is(.sts-card--wide-left,.sts-card--wide-right){grid-column:1 / -1}}@media(max-width:899px){.sts-work-grid{grid-template-columns:minmax(0,1fr);row-gap:var(--st-stack)}.sts-work-grid>.sts-card{grid-column:1 / -1}.sts-work-note,.sts-work-more{grid-column:1 / -1;justify-self:start}}:root:lang(th) .sts-cap :is(.sts-cap-text,.sts-cap-service){line-height:1.6}:root:lang(th) .sts-cap-name{font-size:calc(var(--st-type-3) * .88);font-weight:700;line-height:1.3;letter-spacing:0}.st-section.sts-page{padding-top:clamp(48px,5.6cqw,88px)}.sts-page-head{margin-bottom:clamp(64px,7.5cqw,120px)}.sts-page-lede>p{margin:0}.sts-page-lede>.sts-page-note{margin-top:14px;font-size:14px;line-height:1.55}@media(forced-colors:active){.sts-frame.st-outline:after{forced-color-adjust:none;border-color:GrayText;background:linear-gradient(to top left,transparent 50%,GrayText 50% calc(50% + 1px),transparent calc(50% + 1px)) 100% 100% / var(--st-cut) var(--st-cut) no-repeat border-box}.sts-key-frame,.sts-key-arrow{stroke:CanvasText}.sts-card:is(:hover,:has(.sts-cap-link:focus-visible)) .sts-key-frame{fill:Highlight;stroke:Highlight}.sts-card:is(:hover,:has(.sts-cap-link:focus-visible)) .sts-key-arrow{stroke:HighlightText}.sts-cap .sts-cap-link{background-image:none;text-decoration:underline}.sts-tag{clip-path:none;outline:1px solid GrayText}}.st-section.sts-studio[data-ground=ink]{--sts-night: color-mix(in srgb, var(--ink) 64%, black);--st-ground: var(--sts-night);--st-ink: var(--white);--st-muted: color-mix(in srgb, var(--blue-light) 32%, white);--st-rule: color-mix(in srgb, white 20%, var(--sts-night))}.sts-studio-top{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:56px}.sts-studio-label{display:flex;align-items:center;gap:13px;margin:0;font:500 16px/1.5 var(--font-body)}.sts-studio-label svg{width:28px;height:28px;fill:currentColor;flex:none}.sts-identity{margin:0;color:var(--blue-light);font:400 12px/1.5 var(--font-body)}.sts-statement{--sts-ink: var(--white);--sts-unread: color-mix(in srgb, var(--blue-light) 52%, var(--sts-night));margin:0 0 56px;font:500 clamp(38px,6.15cqw,98px)/1.24 var(--font-display);letter-spacing:-.04em;color:var(--white);text-wrap:pretty;white-space:pre-wrap}.sts-unit{display:inline-block;white-space:pre}.sts-ink,.sts-accent{display:inline-block}.sts-accent-link{--sts-ink: var(--blue-light);color:var(--blue-light)}.sts-accent-resolve{font:400 1em/1 var(--font-mono);letter-spacing:-.075em}.sts-accent-built{--sts-ink: var(--blue-light);color:var(--blue-light);font:400 .9em/1 var(--font-mono);letter-spacing:-.075em}.sts-statement .lx-mark{--sts-ink: var(--white);position:relative;z-index:0;display:inline-block;padding:.015em .15em .075em;margin:0;font-weight:500;line-height:1.05;letter-spacing:-.045em;color:var(--white);vertical-align:baseline;clip-path:inset(-.3em -1px -.3em -1px)}.sts-statement .lx-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--blue);clip-path:none;transform:none}.sts-statement .sts-accent-plate{font-weight:700}.sts-statement .sts-accent-plate:before{background:var(--orange)}.sts-details{padding-top:40px;border-top:1px solid var(--st-rule)}.sts-notes{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(32px,6cqw,80px)}.sts-note{min-width:0}.sts-note h3{margin:0 0 14px;font:500 18px/1.4 var(--font-body);color:var(--white)}.sts-note p{margin:0;font:400 16px/1.6 var(--font-body);color:var(--st-muted);text-wrap:pretty}.sts-facts{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px;margin:48px 0 0;padding-top:22px;border-top:1px solid var(--st-rule);font:400 13px/1.5 var(--font-body)}.sts-facts>div{min-width:0}.sts-facts dt{color:var(--blue-light);margin-bottom:4px}.sts-facts dd{margin:0;color:var(--st-muted)}.sts-facts a{display:inline-block;position:relative;text-underline-offset:4px}.sts-facts a:after{content:"";position:absolute;top:-12px;right:-6px;bottom:-12px;left:-6px}@media screen and (prefers-reduced-motion:no-preference)and (forced-colors:none){.sts-statement[data-sts-scroll] .sts-ink{background-image:linear-gradient(to right,var(--sts-ink) 0 var(--sts-fill, 100%),var(--sts-unread) var(--sts-fill, 100%) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sts-statement[data-sts-scroll] .lx-mark:before{clip-path:inset(0 calc(100% - var(--sts-fill, 100%)) 0 0)}:root[data-switching] .sts-statement[data-sts-scroll] :is(.sts-ink,.lx-mark){--sts-fill: 100% !important}.sts-statement[data-sts-scroll][data-fade~=hide] .sts-ink{background-image:none}}:root:lang(th) .sts-statement{font-size:clamp(32px,4.8cqw,76px);font-weight:400;line-height:1.45;letter-spacing:0}:root:lang(th) .sts-accent-built{font-family:var(--font-display);font-size:1em;letter-spacing:0}:root:lang(th) .sts-statement .lx-mark{padding:.035em .15em .065em;line-height:1.3;letter-spacing:0}:root:lang(th) .sts-note p{line-height:1.7}@media(min-width:761px)and (max-width:1100px){.sts-notes{grid-template-columns:1.3fr 1fr;gap:28px 40px}.sts-note:first-child{grid-row:1 / span 2}}@media(max-width:760px){.sts-studio-top{margin-bottom:40px}.sts-studio-label{font-size:15px}.sts-identity{font-size:11px}.sts-statement{margin-bottom:38px;font-size:clamp(35px,7.5cqw,57px);line-height:1.3;letter-spacing:-.035em}.sts-statement .lx-mark{padding:.025em .12em .085em}:root:lang(th) .sts-statement{font-size:clamp(27px,6.9cqw,42px);line-height:1.5}.sts-details{padding-top:32px}.sts-notes{grid-template-columns:minmax(0,1fr);gap:28px}.sts-note h3{font-size:17px}.sts-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}}@media(forced-colors:active){.st-section.sts-studio[data-ground=ink]{--st-ground: Canvas;--st-ink: CanvasText;--st-muted: CanvasText;--st-rule: GrayText}.sts-statement,.sts-accent,.sts-note h3,.sts-facts dt,.sts-identity{color:CanvasText}.sts-statement .lx-mark{forced-color-adjust:none;color:HighlightText;clip-path:none}.sts-statement .lx-mark:before{forced-color-adjust:none;background:Highlight}}@media print{.st-section.sts-studio[data-ground=ink]{--st-ground: white;--st-ink: black;--st-muted: black;--st-rule: #999}.sts-statement,.sts-accent,.sts-note h3,.sts-facts dt,.sts-identity{color:#000}.sts-statement .lx-mark{color:#000;clip-path:none}.sts-statement .lx-mark:before{background:transparent;border:1px solid currentColor}}
