body[data-page=work] main>.work-showcase-index{padding-top:clamp(4rem,7vw,7rem)}.work-story{--case-ink:#171922;--case-blue:#284cff;--case-paper:#f3f0e8;color:var(--case-ink);background:var(--case-paper);padding:0 clamp(1.25rem,5.2vw,6rem) clamp(4rem,8vw,8rem)}.work-story-opening,.work-story-body,.work-story-next{max-width:1360px;margin-inline:auto}.work-story-opening{padding:clamp(3rem,5vw,5rem) 0}.work-story-breadcrumb{color:#63666f;align-items:center;gap:1rem;font-size:.76rem;display:flex}.work-story-breadcrumb a{padding-block:.4rem}.work-story-breadcrumb a:hover{color:var(--case-blue)}.work-story-meta{color:#5d6068;justify-content:space-between;gap:1rem;margin-top:clamp(2.6rem,5vw,5rem);font-size:.75rem;display:flex}.work-story-meta>span{font-family:ui-monospace,monospace}.work-story h1{letter-spacing:-.065em;text-wrap:balance;max-width:1200px;margin-top:1.1rem;font-size:clamp(3.5rem,8.2vw,8.3rem);font-weight:490;line-height:1.04}html[lang=th] .work-story h1{letter-spacing:-.05em;font-size:clamp(3rem,7.2vw,7.1rem);line-height:1.28}.work-story-introduction{grid-template-columns:1fr 1fr;align-items:end;gap:3rem;margin-top:clamp(2rem,4vw,4rem);display:grid}.work-story-introduction>p{color:#5d6068;max-width:590px;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.75}.work-story-scroll{border-bottom:1px solid #a9aaa6;justify-content:space-between;align-items:center;gap:2rem;width:fit-content;min-height:48px;font-size:.8rem;display:inline-flex}.work-story-scroll>span{color:var(--case-blue);font-size:1.6rem}.work-story-cover{aspect-ratio:auto;border-radius:32px;max-width:1440px;height:clamp(370px,49vw,700px);margin-inline:auto}.work-story-cover .work-showcase-canvas{max-width:900px;margin-inline:auto}.work-story-erp .work-story-cover .work-showcase-canvas{max-width:1300px}.work-story-cover figcaption{font-size:.73rem}.work-story-body{padding-top:clamp(5rem,9vw,9rem);scroll-margin-top:7rem}.work-story-chapter{border-top:1px solid #cfcdc5;grid-template-columns:1fr 2.1fr;column-gap:clamp(2rem,6vw,6rem);padding:2.2rem 0 clamp(4rem,8vw,8rem);display:grid}.work-story-chapter-label{color:#63666f;align-items:baseline;gap:1.1rem;font-size:.78rem;line-height:1.7;display:flex}.work-story-chapter-label>span{color:var(--case-blue);font-family:ui-monospace,monospace}.work-story-focus h2{letter-spacing:-.045em;text-wrap:pretty;font-size:clamp(2rem,3.8vw,3.7rem);font-weight:500;line-height:1.25}html[lang=th] .work-story-focus h2{letter-spacing:-.035em;line-height:1.48}.work-story-approach h2,.work-story-flow h2{letter-spacing:-.035em;font-size:clamp(1.6rem,2.5vw,2.5rem);font-weight:520;line-height:1.3}.work-story-approach div>p{color:#5d6068;max-width:660px;margin-top:1.5rem;font-size:1.1rem;line-height:1.85}.work-story-flow{color:#f5f3ec;background:#171a27;border-radius:26px;padding:clamp(2.3rem,4vw,4rem)}.work-story-flow>header{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.work-story-flow header>p{color:#afb7ce;max-width:430px;font-size:.9rem;line-height:1.75}.work-story-flow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem;margin-top:3.5rem;display:grid}.work-story-flow li{border-top:1px solid #555d76;padding-top:1.5rem;position:relative}.work-story-flow-number{color:#93aaff;font-family:ui-monospace,monospace;font-size:.75rem;display:block}.work-story-flow h3{margin-top:1.5rem;font-size:1.1rem;font-weight:550;line-height:1.5}.work-story-flow li>p{color:#afb7ce;margin-top:.85rem;font-size:.83rem;line-height:1.8}.work-story-flow-arrow{color:#93aaff;font-size:1.5rem;position:absolute;top:1.1rem;right:0}.work-story-outcomes{grid-template-columns:1fr 1.3fr;gap:clamp(3rem,7vw,8rem);padding-top:clamp(5rem,10vw,10rem);display:grid}.work-story-outcomes h2{letter-spacing:-.055em;max-width:420px;margin-top:1.7rem;font-size:clamp(2.3rem,4.4vw,4.6rem);font-weight:490;line-height:1.13}html[lang=th] .work-story-outcomes h2{line-height:1.35}.work-story-outcomes-heading>p:last-child{color:#666970;max-width:330px;margin-top:1.5rem;font-size:.82rem;line-height:1.7}.work-story-outcomes li{border-top:1px solid #cfcdc5;grid-template-columns:40px 1fr;gap:1.5rem;padding:1.8rem 0;display:grid}.work-story-outcomes li>span{color:var(--case-blue);padding-top:.4rem;font-family:ui-monospace,monospace;font-size:.75rem}.work-story-outcomes li>p{letter-spacing:-.025em;font-size:clamp(1.3rem,1.8vw,1.8rem);line-height:1.5}.work-story-confidentiality{color:#6a6d72;max-width:650px;margin-top:3rem;font-size:.75rem;line-height:1.7}.work-story-next{border-top:1px solid #cfcdc5;margin-top:clamp(5rem,10vw,10rem);padding-top:2rem}.work-story-next>.work-showcase-case-link{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);margin-top:2rem;display:grid}.work-story-next-copy{padding-bottom:5rem;position:relative}.work-story-next-copy>p{color:#63666f;font-size:.7rem}.work-story-next h2{letter-spacing:-.05em;text-wrap:balance;margin-top:1.1rem;font-size:clamp(2.2rem,4vw,4.3rem);font-weight:490;line-height:1.2}html[lang=th] .work-story-next h2{line-height:1.4}.work-story-next-arrow{width:56px;height:56px;color:var(--case-blue);border:1px solid #b3b5b6;border-radius:50%;place-items:center;margin-top:2rem;font-size:1.8rem;transition:background .3s,color .3s,rotate .3s;display:grid}.work-story-next a:hover .work-story-next-arrow{background:var(--case-blue);border-color:var(--case-blue);color:#fff;rotate:8deg}.work-story-next .work-showcase-art{aspect-ratio:1;max-height:500px}.work-story-next .work-showcase-art-erp{aspect-ratio:1.4}.work-story-back{border-bottom:1px solid #a9aaa6;justify-content:space-between;align-items:center;gap:3rem;width:fit-content;min-height:48px;margin-top:2rem;font-size:.82rem;display:flex}.work-story-back>span{font-size:1.3rem}.work-story a:focus-visible{outline:3px solid var(--case-blue);outline-offset:6px;border-radius:4px}@media (width<=1023px){.work-story-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}.work-story-chapter{grid-template-columns:1fr 2fr;gap:2rem}}@media (width<=767px){.work-story-opening{padding-top:2.5rem}.work-story h1{font-size:clamp(2.6rem,10vw,4rem)}html[lang=th] .work-story h1{font-size:clamp(2.25rem,8.7vw,3.5rem)}.work-story-meta{margin-top:2rem;font-size:.65rem}.work-story-introduction{flex-direction:column-reverse;align-items:start;gap:1.7rem;display:flex}.work-story-cover{aspect-ratio:640/680;border-radius:18px;height:auto}.work-story-erp .work-story-cover{aspect-ratio:1.15}.work-story-cover figcaption{font-size:.6rem}.work-story-chapter{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem}.work-story-focus h2{font-size:clamp(1.7rem,6.5vw,2.5rem)}.work-story-approach div>p{font-size:.98rem}.work-story-flow{border-radius:18px;padding:2rem 1.4rem}.work-story-flow>header{grid-template-columns:1fr;gap:1rem}.work-story-flow ol{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.work-story-flow h3{margin-top:.8rem}.work-story-flow li>p{margin-top:.5rem}.work-story-outcomes{grid-template-columns:1fr;gap:2rem}.work-story-outcomes li{gap:.7rem}.work-story-outcomes li>p{font-size:1.25rem}.work-story-next>.work-showcase-case-link{flex-direction:column-reverse;align-items:stretch;display:flex}.work-story-next-copy{padding-bottom:0}.work-story-next h2{font-size:2.25rem}.work-story-next .work-showcase-art{max-height:none}}@media (prefers-reduced-motion:reduce),(forced-colors:active){.work-story *,.work-story :before,.work-story :after{transition:none!important;animation:none!important}.work-story-next a:hover .work-story-next-arrow{rotate:none}.work-story-cover,.work-story-next figure,.work-showcase-art{view-transition-name:none!important}}html[data-deco=off] .work-story *{transition:none!important;animation:none!important}html[data-deco=off] .work-story-next a:hover .work-story-next-arrow{rotate:none}@media (forced-colors:active){.work-story,.work-story-flow{color:canvastext;background:canvas}.work-story p,.work-story span,.work-story-flow p{color:canvastext}.work-story a{color:linktext}.work-story-flow,.work-story figure{border:1px solid canvastext}.work-story figcaption{color:canvastext;background:canvas;padding:.3rem}.work-story-next a:hover .work-story-next-arrow{color:linktext;background:canvas}}@media print{.work-story{color:#111;background:#fff;padding:0}.work-story-opening{padding-top:1rem}.work-story h1,html[lang=th] .work-story h1{font-size:3rem}.work-story-cover{print-color-adjust:exact;height:350px}.work-story-body{padding-top:2rem}.work-story-chapter{padding-bottom:2rem}.work-story-flow{color:#111;break-inside:avoid;background:#fff;border:1px solid #aaa}.work-story-flow p{color:#444}.work-story-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.work-story-outcomes{padding-top:2rem}.work-story-next{display:none}.work-showcase-case-takeover{padding-top:0}.work-story *{transition:none!important;animation:none!important}}