@layer components{body:is([data-page=home],[data-page=work]) [data-reveal]{opacity:1;filter:none;transition:none;transform:none}}body:is([data-page=home],[data-page=work])[data-page-motion=ready] [data-motion-state=pending]{opacity:0;translate:0 18px}body:is([data-page=home],[data-page=work]) .nexus-hero{--hero-progress:0;--hero-drift:0px}html[data-deco=off] body:is([data-page=home],[data-page=work]) [data-motion-state],html[data-deco-off] body:is([data-page=home],[data-page=work]) [data-motion-state],body:is([data-page=home],[data-page=work])[data-deco=off] [data-motion-state],body:is([data-page=home],[data-page=work])[data-deco-off] [data-motion-state],body:is([data-page=home],[data-page=work])[data-page-motion=static] [data-motion-state]{opacity:1!important;translate:none!important}@media (prefers-reduced-motion:reduce),(forced-colors:active){body:is([data-page=home],[data-page=work]) [data-reveal]{opacity:1!important;translate:none!important}}@media print{body:is([data-page=home],[data-page=work]) [data-reveal]{opacity:1!important;translate:none!important}}.work-showcase{--work-ink:#171922;--work-ivory:#f3f0e8;--work-blue:#284cff;color:var(--work-ink);background:var(--work-ivory);padding:clamp(6rem,11vw,12rem) clamp(1.25rem,5.2vw,6rem) clamp(5rem,10vw,11rem);position:relative;overflow:clip}.work-showcase-inner{max-width:1440px;margin-inline:auto}.work-showcase [data-reveal]{opacity:1;filter:none;transform:none}.work-showcase-eyebrow{letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.74rem;font-weight:650;display:flex}.work-showcase-eyebrow>span{background:var(--work-blue);border-radius:50%;width:7px;height:7px}.work-showcase-heading{letter-spacing:-.075em;max-width:1100px;margin-top:2.1rem;font-size:clamp(4.2rem,10.8vw,11rem);font-weight:490;line-height:.98}.work-showcase-heading>span{display:block}.work-showcase-heading>span:last-child{color:var(--work-blue)}html[lang=th] .work-showcase-heading{letter-spacing:-.065em;font-size:clamp(3.25rem,7.9vw,8.2rem);line-height:1.25}.work-showcase-introduction{justify-content:space-between;align-items:end;gap:2rem;margin-top:2.8rem;display:flex}.work-showcase-introduction>p{color:#535660;text-wrap:pretty;max-width:540px;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.65}.work-showcase-all{border-bottom:1px solid var(--work-ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:2.5rem;min-height:50px;padding:.7rem 0;font-size:.93rem;font-weight:550;display:inline-flex}.work-showcase-all>span{transition:transform .35s var(--ease-out-quint);font-size:1.5rem}.work-showcase-all:hover>span{transform:translate(3px,-3px)}.work-showcase-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(5rem,8vw,9rem) clamp(2rem,7vw,7rem);margin-top:clamp(3.2rem,6vw,6.5rem);display:grid}.work-showcase-case{min-width:0}.work-showcase-case-erp{grid-column:1/-1}.work-showcase-case-ai{padding-top:clamp(5rem,11vw,12rem)}.work-showcase-case-link{color:inherit;display:block}.work-showcase-art{isolation:isolate;aspect-ratio:640/680;transition:border-radius .65s var(--ease-out-quint);border-radius:26px;position:relative;overflow:hidden}.work-showcase-art-erp{aspect-ratio:1200/680;color:#f6f2ea;background:#2347ed radial-gradient(at 50% 45%,#325afd 0%,#2347ed 75%)}.work-showcase-art-platform{color:#171922;background:#e5e2d9}.work-showcase-art-ai{color:#e1e6f5;background:#171a27}.work-showcase-art-operations{color:#e9f4ef;background:#193e36}.work-showcase-art-takeover{color:#3c4035;background:#d9d3c5}.work-showcase-case-takeover{padding-top:clamp(5rem,11vw,12rem)}.work-showcase-canvas,.work-system-svg{width:100%;height:100%;display:block}.work-showcase-canvas{transition:transform .85s var(--ease-out-quint)}.work-showcase-case-link:hover .work-showcase-canvas,.work-showcase-case-link:focus-visible .work-showcase-canvas{transform:scale(1.025)}.work-showcase-art figcaption{letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:550;display:flex;position:absolute;inset:auto 2rem 1.5rem}.work-showcase-art figcaption>span:first-child{font-family:ui-monospace,monospace}.work-showcase-preview{opacity:0;width:56px;height:56px;transition:opacity .3s, transform .55s var(--ease-out-quint), background .3s;background:0 0;border:1px solid;border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:absolute;top:1.4rem;right:1.4rem;transform:translateY(5px)scale(.85)}.work-showcase-case-link:hover .work-showcase-preview,.work-showcase-case-link:focus-visible .work-showcase-preview{opacity:1;transform:none}.work-showcase-copy{margin-top:1.7rem}.work-showcase-category{letter-spacing:.055em;color:#676a72;font-size:.7rem;font-weight:600}.work-showcase h3{letter-spacing:-.045em;text-wrap:balance;max-width:630px;margin-top:.7rem;font-size:clamp(1.6rem,2.8vw,2.8rem);font-weight:530;line-height:1.14}html[lang=th] .work-showcase h3{letter-spacing:-.03em;line-height:1.42}.work-showcase-summary{color:#666970;text-wrap:pretty;max-width:590px;margin-top:1rem;font-size:.95rem;line-height:1.75}.work-showcase-explore{min-height:36px;color:var(--work-blue);align-items:center;gap:1.5rem;margin-top:1.3rem;font-size:.83rem;font-weight:600;display:inline-flex}.work-showcase-explore>span{transition:transform .35s var(--ease-out-quint)}.work-showcase-case-link:hover .work-showcase-explore>span{transform:translate(3px,-3px)}.work-showcase-case-erp .work-showcase-copy{grid-template-columns:1.15fr 1fr;column-gap:clamp(2rem,6vw,6rem);display:grid}.work-showcase-case-erp .work-showcase-category{grid-column:1}.work-showcase-case-erp h3{grid-area:2/1/span 2;margin-top:.75rem}.work-showcase-case-erp .work-showcase-summary{grid-area:2/2;margin-top:.6rem}.work-showcase-case-erp .work-showcase-explore{grid-area:3/2}.work-showcase-confidentiality{color:#696b71;border-top:1px solid #cfcdc5;margin-top:4.5rem;padding-top:1.4rem;font-size:.73rem}.work-art-label{font-family:var(--font-sans);letter-spacing:-.25px;font-size:20px;font-weight:550}.work-art-hero-text{font-family:var(--font-sans);letter-spacing:-1.1px;font-size:37px;font-weight:550}.work-art-sub-text{font-family:var(--font-sans);letter-spacing:-.2px;font-size:19px}.work-art-tiny-text{font-family:var(--font-sans);font-size:16px;font-weight:500}.work-system-signals{animation:10s linear infinite paused work-signal-flow}.work-system-signals[data-running=true]{animation-play-state:running}.work-system-ai .work-system-signals{animation-duration:14s}.work-platform-phone,.work-platform-browser,.work-ai-engine,.work-ai-documents,.work-ai-review,.work-erp-panel{transition:translate .85s var(--ease-out-quint)}.work-showcase-case-link:hover .work-platform-phone{translate:0 -9px}.work-showcase-case-link:hover .work-platform-browser{translate:-5px 5px}.work-showcase-case-link:hover .work-ai-engine,.work-showcase-case-link:hover .work-erp-panel-top{translate:0 -7px}.work-showcase-case-link:hover .work-erp-panel-bottom{translate:0 7px}@keyframes work-signal-flow{to{stroke-dashoffset:-500px}}@media (width>=1600px){.work-showcase-heading{font-size:12rem}html[lang=th] .work-showcase-heading{font-size:8.8rem}}@media (width<=767px){.work-showcase{padding-top:5.5rem;padding-bottom:5rem}.work-showcase-heading{margin-top:1.7rem}.work-showcase-introduction{flex-direction:column;align-items:start;gap:1.5rem}.work-showcase-grid{grid-template-columns:1fr;row-gap:4rem;margin-top:3rem}.work-showcase-case-ai,.work-showcase-case-takeover{padding-top:0}.work-showcase-art{border-radius:17px}.work-showcase-art-erp{aspect-ratio:1.35}.work-system-erp{width:100%;margin-left:0}.work-showcase-art figcaption{inset-inline:1rem;font-size:.6rem;bottom:1rem}.work-showcase-preview{opacity:1;width:36px;height:36px;font-size:1.2rem;top:.9rem;right:.9rem;transform:none}.work-showcase-case-erp .work-showcase-copy{display:block}.work-showcase-case-erp .work-showcase-summary{margin-top:1rem}.work-showcase h3{font-size:clamp(1.8rem,6.6vw,2.4rem)}.work-showcase-summary{font-size:.89rem}.work-showcase-confidentiality{margin-top:3.3rem}}@media (width<=390px){.work-showcase-heading{font-size:3.7rem}html[lang=th] .work-showcase-heading{font-size:2.65rem}}html[data-deco=off] .work-showcase *,html[data-deco=off] .work-showcase :before,html[data-deco=off] .work-showcase :after{transition:none!important;animation:none!important}html[data-deco=off] .work-showcase-case-link:hover .work-showcase-canvas,html[data-deco=off] .work-showcase-case-link:focus-visible .work-showcase-canvas{transform:none}html[data-deco=off] .work-showcase-case-link:hover g{translate:none}@media (prefers-reduced-motion:reduce){.work-showcase *,.work-showcase :before,.work-showcase :after{transition:none!important;animation:none!important}.work-showcase-case-link:hover .work-showcase-canvas,.work-showcase-case-link:focus-visible .work-showcase-canvas{transform:none}.work-showcase-case-link:hover g{translate:none}}@media (forced-colors:active){.work-showcase{color:canvastext;background:canvas}.work-showcase-heading>span:last-child,.work-showcase-introduction>p,.work-showcase-category,.work-showcase-summary,.work-showcase-confidentiality{color:canvastext}.work-showcase-all,.work-showcase-explore{color:linktext}.work-showcase-art{border:1px solid canvastext}.work-system-svg{forced-color-adjust:none}.work-showcase-art figcaption{color:canvastext;background:canvas;padding:.25rem}.work-showcase *{transition:none!important;animation:none!important}.work-showcase-case-link:hover .work-showcase-canvas,.work-showcase-case-link:focus-visible .work-showcase-canvas{transform:none}.work-showcase-case-link:hover g{translate:none}}@media print{.work-showcase{color:#111;background:#fff;padding:2rem 0;overflow:visible}.work-showcase-heading,html[lang=th] .work-showcase-heading{font-size:3rem}.work-showcase-art{print-color-adjust:exact;max-height:350px}.work-showcase-case{break-inside:avoid}.work-showcase-grid{gap:2.5rem}.work-showcase-case-ai{padding-top:0}.work-showcase-preview{display:none}.work-showcase *{transition:none!important;animation:none!important}}