.st-home{padding-top:4px}.hm-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);align-items:center;gap:24px;min-height:min(900px,100vh - 92px);padding:clamp(40px,6vw,96px) clamp(24px,5vw,80px);display:grid}.hm-hero .k-frame-media img{object-position:70% 40%}.studio .hm-hero h1{font-size:clamp(40px,4.9vw,76px);line-height:1.14}.hm-hero h1 span{white-space:nowrap;display:block}.studio .hm-lead{color:#2f302c;max-width:560px;margin-top:22px;font-size:clamp(17px,1.4vw,20px);line-height:1.65}.hm-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.hm-hero-work{align-self:end;margin:0;padding-bottom:12px;position:relative}.hm-hero-work .hl-devices{padding-right:70px}.hm-hero-work .hl-screen{box-shadow:0 60px 90px -40px #1414138c}.hm-hero-work figcaption{flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;font-size:14px;line-height:1.4;display:inline-flex;position:absolute;bottom:-6px;left:-12px}.hm-hero-work figcaption a{color:var(--st-ink);text-underline-offset:3px;align-items:center;gap:3px;font-weight:600;text-decoration:underline;display:inline-flex}.hm-stats{padding-block:clamp(48px,6vw,88px) 0}.hm-card-kicker{opacity:.8;margin-bottom:auto;padding-bottom:28px;font-size:15px;font-weight:600}.k-card.k-dark p{color:#d6d5ce}.hm-card-web{justify-content:flex-end;min-height:clamp(380px,34vw,520px)}.hm-card-web .k-card-media:after,.hm-card-davi .k-card-media:after{content:"";background:linear-gradient(#14141326,#141413d1);position:absolute;inset:0}.hm-card-web .hm-card-kicker,.hm-card-davi .hm-card-kicker{margin-bottom:auto}.hm-card-cta{color:#f7f6f2;margin-top:18px}.hm-card-align{background:#e9e7f6;min-height:clamp(380px,34vw,520px)}.hm-card-phone{aspect-ratio:1170/2532;border:6px solid #1d1e1b;border-radius:30px;width:clamp(140px,13vw,190px);transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-60px;right:clamp(16px,3vw,40px);overflow:hidden;box-shadow:0 30px 60px -30px #14141380}.hm-card-phone img{object-fit:cover;object-position:top;width:100%;height:100%}.hm-card-align:hover .hm-card-phone{transform:translateY(-14px)}.hm-card-align :is(h3,p){max-width:58%}.hm-card-davi{justify-content:flex-end;min-height:clamp(340px,30vw,460px)}.hm-card-files{background:#ecebe5;min-height:clamp(340px,30vw,460px)}.hm-card-files :is(h3,p){max-width:52%}.hm-card-art{gap:10px;display:flex;position:absolute;bottom:clamp(16px,2.4vw,32px);right:clamp(16px,2.4vw,32px)}.hm-card-art img{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:12px;width:clamp(110px,11vw,170px);height:auto}.hm-card-art img:last-child{transform:translateY(-24px)}.hm-pilots{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px;display:flex}.studio .hm-pilots>p{color:var(--st-ink);font-size:15px;font-weight:600}.hm-chip-sub{color:var(--st-muted);font-size:13px}.hm-maker{margin-top:clamp(40px,5vw,80px);padding-block:clamp(80px,9vw,140px)}.hm-maker-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.hm-maker figure{border-radius:18px;margin:0}.hm-maker figure img{aspect-ratio:4/5;object-fit:cover;object-position:center 28%;border-radius:18px;width:100%;height:auto;display:block}.studio .hm-maker figcaption{color:#9d9c94;margin-top:12px;font-size:14px}.studio .hm-maker h2{font-size:clamp(36px,4.4vw,64px);line-height:1.15}.studio .hm-maker-lead{color:#f7f6f2;margin:22px 0 14px;font-size:clamp(19px,1.6vw,23px);line-height:1.6}.hm-facts{grid-template-columns:auto 1fr;gap:10px 28px;margin:30px 0 18px;font-size:15px;display:grid}.hm-facts div{display:contents}.hm-facts dt{color:#9d9c94}.hm-facts dd{color:#f7f6f2;margin:0}.hm-close{align-items:flex-end;min-height:clamp(420px,46vw,620px);margin-top:clamp(56px,7vw,110px);margin-bottom:clamp(24px,3vw,40px);padding:clamp(32px,5vw,72px);display:flex}.hm-close .k-frame-media img{object-position:60% 50%}.hm-close{background:radial-gradient(120% 140% at 85% 10%,#3a3833 0%,#1b1a18 45%,#141413 100%)}.hm-close-copy{max-width:640px}.studio .hm-close h2{color:#f7f6f2;font-size:clamp(36px,4.6vw,68px);line-height:1.12}.studio .hm-close p{color:#d6d5ce;margin-top:16px;font-size:18px}@media (max-width:900px){.hm-hero{grid-template-columns:1fr;align-items:start;gap:36px;min-height:0;padding:56px 22px 28px}.hm-hero.k-frame-scrim-left:after{background:linear-gradient(#f7f6f2eb 0%,#f7f6f299 55%,#f7f6f21a 100%)}.hm-hero-work .hl-devices{padding-right:40px}.hm-hero-work figcaption{margin-top:20px;position:static}.hm-card-align :is(h3,p),.hm-card-files :is(h3,p){max-width:none}.hm-card-align{padding-bottom:300px}.hm-card-phone{bottom:-40px}.hm-card-files{padding-bottom:200px}.hm-maker-grid{grid-template-columns:1fr}}.hm-card-web-shot img{object-position:top}@media (max-width:900px){.hm-hero h1 span{white-space:normal}}.hm-card-web{background:#141413}.hm-card-web .hm-card-web-shot{aspect-ratio:16/10;border-radius:12px;width:62%;height:auto;inset:clamp(20px,2.4vw,34px) clamp(-60px,-3vw,-24px) auto auto;overflow:hidden;transform:perspective(1400px)rotateY(-8deg);box-shadow:0 40px 80px -30px #000000b3}.hm-card-web .hm-card-web-shot:after{display:none}.hm-card-web :is(h3,p,.hm-card-cta){max-width:52%;position:relative}.hm-card-web .hm-card-kicker{position:relative}@media (max-width:900px){.hm-card-web{padding-top:58%}.hm-card-web .hm-card-web-shot{width:86%;right:-6%;transform:none}.hm-card-web :is(h3,p,.hm-card-cta){max-width:none}}.hm2{overflow:clip}.hm2-hero{text-align:center;place-items:center;min-height:min(880px,100vh - 80px);padding:clamp(56px,8vw,120px) 20px clamp(40px,5vw,80px);display:grid;position:relative}.hm2-hero-copy{z-index:1;max-width:980px;position:relative}.studio .hm2-kicker{font-family:var(--font-anuphan),var(--font-noto-thai),sans-serif;color:var(--st-ink);margin-bottom:18px;font-size:18px;font-weight:600}.studio .hm2-hero h1{letter-spacing:-.025em;font-size:clamp(44px,7.2vw,112px);line-height:1.08}.hm2-hero h1 span{display:block}.hm2-hero h1 span:last-child{color:#7a7b72}.studio .hm2-lead{color:#3d3e39;max-width:720px;margin:28px auto 0;font-size:clamp(17px,1.5vw,21px);line-height:1.65}.hm2-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 26px;margin-top:34px;display:flex}.hm2-art{z-index:0;opacity:.95;pointer-events:none;width:clamp(120px,15vw,230px);position:absolute}.hm2-art img{width:100%;height:auto}.hm2-art-left{bottom:12%;left:clamp(8px,5vw,90px)}.hm2-art-right{top:14%;right:clamp(8px,5vw,90px)}@media (max-width:760px){.hm2-hero{text-align:left;place-items:start;min-height:0}.hm2-actions{justify-content:flex-start}.hm2-art{opacity:.55;width:110px}.hm2-art-left{display:none}.hm2-art-right{top:auto;bottom:-20px;right:-6px}.hm2-hero h1 span:last-child{display:block}}.hm2-show{height:230vh;position:relative}.hm2-show-sticky{place-items:center;height:calc(100vh - 92px);padding:0 clamp(10px,1.4vw,20px);display:grid;position:sticky;top:76px}.hm2-show-frame{transform-origin:50% 40%;background:radial-gradient(120% 120% at 50% 0,#efeee8 0%,#e4e2d8 60%,#d9d7cc 100%);border-radius:44px;width:100%;height:100%;max-height:900px;position:relative;overflow:hidden}.hm2-show-stage{place-items:center;display:grid;position:absolute;inset:0}.hm2-show-display{width:min(46%,620px);position:absolute;top:12%;left:7%}.hm2-show-laptop{width:min(52%,700px);position:absolute;top:22%;right:8%}.hm2-show-phone{width:min(15%,200px);position:absolute;bottom:6%;left:44%}.studio .hm2-show-note{color:#55574f;font-size:14px;position:absolute;bottom:18px;left:24px}@media (max-width:760px){.hm2-show{height:170vh}.hm2-show-display{width:70%;top:8%;left:4%}.hm2-show-laptop{width:80%;top:40%;right:-6%}.hm2-show-phone{width:28%;bottom:8%;left:6%}}.hm2-promise{padding-block:clamp(90px,12vw,180px)}.hm2-problems{position:relative}.hm2-board{color:#f7f6f2;background:#141413;border-radius:clamp(16px,1.8vw,28px);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 clamp(10px,1.4vw,20px);padding:96px 20px;display:flex;position:sticky;top:0}.studio .hm2-board h2{color:#f7f6f2;text-align:center;font-size:clamp(32px,4vw,56px)}.hm2-notes{grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:22px 26px;margin-top:48px;display:grid}.studio .hm2-note{min-height:150px;font-family:var(--font-anuphan),var(--font-noto-thai),sans-serif;color:#23241f;transform:rotate(var(--tilt));padding:20px 18px;font-size:19px;font-weight:600;line-height:1.45;box-shadow:0 22px 40px -22px #000000b3}.hm2-note.mo{transform:translate3d(0,40px,0) rotate(var(--tilt))}.hm2-note.mo.mo-in{transform:rotate(var(--tilt))}.hm2-answer{z-index:2;background:var(--st-paper);text-align:center;border-radius:clamp(20px,2.4vw,36px);margin:-18vh clamp(10px,1.4vw,20px) 0;padding:clamp(72px,9vw,140px) 20px;position:relative;box-shadow:0 -30px 60px -40px #00000080}.studio .hm2-answer h2{font-size:clamp(32px,4.4vw,64px);line-height:1.2}.studio .hm2-answer p{max-width:620px;margin:24px auto 0;font-size:19px}.hm2-underline{white-space:nowrap;position:relative}.hm2-underline-svg{color:#e8590c;width:104%;height:.38em;position:absolute;bottom:-.18em;left:-2%}@media (max-width:760px){.hm2-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio .hm2-note{min-height:120px;font-size:16px}.hm2-answer{margin-top:-8vh}}.hm2-products{height:calc(var(--hm2-steps) * 70vh + 30vh);margin-top:clamp(40px,6vw,96px);position:relative}.hm2-products-sticky{flex-direction:column;justify-content:center;width:min(1320px,100% - 32px);min-height:calc(100vh - 92px);margin:auto;display:flex;position:sticky;top:76px}.studio .hm2-products-head h2{margin-bottom:clamp(24px,3vw,44px);font-size:clamp(32px,4vw,56px)}.hm2-products-grid{grid-template-columns:.62fr 1.38fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.hm2-product-list{margin:0;padding:0;list-style:none}.hm2-product-list a{font-family:var(--font-anuphan),var(--font-noto-thai),sans-serif;color:#b5b4ab;padding:8px 0;font-size:clamp(20px,1.9vw,28px);font-weight:600;line-height:1.3;text-decoration:none;transition:color .35s,transform .35s;display:block}.hm2-product-list a.is-active{color:var(--st-ink);transform:translate(8px)}.hm2-panel{background:#fff;border-radius:28px;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(20px,3vw,44px);min-height:min(560px,64vh);padding:clamp(22px,2.6vw,40px);animation:.55s cubic-bezier(.22,1,.36,1) hm2-in;display:grid;box-shadow:0 40px 80px -50px #14141359}@keyframes hm2-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hm2-panel-media{min-height:340px;position:relative}.hm2-panel-art{width:62%;height:auto;position:absolute;bottom:0;left:0}.hm2-panel-shot{background:#fff;border:1px solid #e4e3dc;border-radius:14px;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 30px 60px -30px #14141373}.hm2-panel-shot img{width:100%;height:auto;display:block}.hm2-panel-shot-phone{border:6px solid #1d1e1b;border-radius:26px;width:34%}.hm2-panel-shot-laptop,.hm2-panel-shot-display{width:84%}.studio .hm2-panel-status{color:#e8590c;font-size:15px;font-weight:600}.studio .hm2-panel h3{margin:6px 0 12px;font-size:clamp(30px,3vw,46px)}.studio .hm2-panel-copy>p:not(.hm2-panel-status){font-size:18px;line-height:1.65}.hm2-panel-copy .k-link{margin-top:14px}.hm2-products-mobile{display:none}@media (max-width:900px){.hm2-products{height:auto}.hm2-products-sticky{min-height:0;position:static}.hm2-products-grid{display:none}.hm2-products-mobile{gap:14px;width:min(1320px,100% - 32px);margin:0 auto;display:grid}.hm2-mcard{color:var(--st-ink);background:#fff;border-radius:20px;grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:18px;text-decoration:none;display:grid}.hm2-mcard img{width:96px;height:auto}.studio .hm2-mcard h3{margin:2px 0 4px;font-size:22px}.studio .hm2-mcard p{font-size:15px}}.hm2-belief-grid{grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);display:grid}.hm2-belief{background:#fff;border-radius:24px;padding:clamp(22px,2.4vw,34px);transition:transform .5s cubic-bezier(.22,1,.36,1)}.hm2-belief:hover{transform:translateY(-6px)}.hm2-belief img{width:min(220px,70%);height:auto;margin-bottom:12px}.studio .hm2-belief h3{font-size:clamp(21px,1.8vw,26px);line-height:1.35}.studio .hm2-belief p{margin-top:10px;font-size:16px}@media (max-width:900px){.hm2-belief-grid{grid-template-columns:1fr}}.hl-nw{white-space:nowrap}@keyframes hm2-rise{0%{opacity:0;filter:blur(12px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}.hm2-rise{animation:1.1s cubic-bezier(.22,1,.36,1) both hm2-rise}.hm2-rise-2{animation-delay:.3s}.hm2-rise-3{animation-delay:.5s}@media (prefers-reduced-motion:reduce){.hm2-rise{animation:none}}