*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{color:#ecede8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0c0b;min-height:100svh;margin:0}#root{min-height:100svh}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{color:inherit}:root{--bg:#0b0c0b;--bg-2:#111311;--bg-3:#161815;--ink:#ecede8;--muted:#8b9086;--muted-2:#9aa094;--accent:#c6f23c;--accent-dim:#9bc02f;--accent-glow:#c6f23c38;--accent-subtle:#c6f23c17;--line:#ecede81a;--line-soft:#ecede80e;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 12px 40px #00000073;--radius-sm:3px;--radius-md:4px;--radius-pill:100px;--ease-out:cubic-bezier(.2, .7, .2, 1);--font-sans:"IBM Plex Sans Thai", "Bai Jamjuree", system-ui, sans-serif;--font-display:"Bai Jamjuree", "IBM Plex Sans Thai", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--wrap:1200px;--nav-h:68px;--space-section:clamp(64px, 10vw, 92px);--space-gutter:clamp(16px, 4vw, 24px);--scroll-offset:calc(var(--nav-h) + 20px)}html{scroll-padding-top:var(--scroll-offset)}.crb-root [id]{scroll-margin-top:var(--scroll-offset)}.crb-root{background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;position:relative;overflow-x:clip}.crb-root:before{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(circle at 50% 0,#000 0%,#0000 75%)}.crb-root:after{content:"";z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.crb-root ::selection{color:var(--ink);background:#c6f23c47}.crb-wrap{z-index:2;width:min(var(--wrap), 100%);padding-inline:var(--space-gutter);margin-inline:auto;position:relative}.mono{font-family:var(--font-mono);letter-spacing:.04em}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--accent);color:var(--bg);font-family:var(--font-mono);transition:transform .2s var(--ease-out);padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px;transform:translateY(0)}.btn{border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:nowrap;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out), border-color .22s var(--ease-out), color .22s var(--ease-out), background .22s var(--ease-out);border:none;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:13px;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-accent{background:var(--accent);color:var(--bg);font-weight:700}.btn-accent:hover{box-shadow:0 0 0 3px var(--accent-glow);transform:translateY(-1px)}.btn-accent:active{transform:translateY(0)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.crb-nav{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0b0c0beb,#0b0c0b99);position:sticky;top:0}.crb-nav .crb-wrap{height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.18em;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand .dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 14px var(--accent);border-radius:50%;flex-shrink:0}.navlinks{align-items:center;gap:clamp(18px,3vw,30px);display:flex}.navlinks a{color:var(--muted-2);font-size:14px;text-decoration:none;transition:color .2s}.navlinks a:hover{color:var(--ink)}.navlinks a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);width:42px;height:42px;color:var(--ink);background:0 0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:none}.nav-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-overlay,.nav-drawer{display:none}footer{border-top:1px solid var(--line);margin-top:30px;padding:clamp(40px,6vw,54px) 0 36px}.foot{grid-template-columns:1.6fr 1fr 1fr;gap:40px;display:grid}.foot p{max-width:34ch;color:var(--muted-2);margin:14px 0 20px;font-size:14px;line-height:1.75}.foot h5{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);margin:0 0 16px;font-size:12px}.foot a{color:var(--muted-2);margin-bottom:11px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.foot a:hover{color:var(--accent)}.foot a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.socials{gap:12px;margin-top:4px;display:flex}.socials a{border:1px solid var(--line);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--muted-2);transition:color .2s ease, border-color .2s ease, transform .2s var(--ease-out);place-items:center;margin-bottom:0;display:grid}.socials a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.copy{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:44px;padding-top:24px;font-size:12px;display:flex}.hero{padding:clamp(56px,10vw,88px) 0 clamp(48px,8vw,70px);position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c6f23c1a 0%,#0000 68%);border-radius:50%;width:min(560px,80vw);height:min(560px,80vw);position:absolute;top:-80px;right:-10%}.kicker{border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--accent);align-items:center;gap:9px;margin-bottom:28px;padding:6px 14px;font-size:12px;display:inline-flex}.kicker .pulse{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.85)}}.hero h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 26px;font-size:clamp(36px,7.5vw,84px);font-weight:700;line-height:1.05}.hero h1 .accent{color:var(--accent)}.hero h1 em{color:var(--muted-2);font-style:normal}.lead{max-width:52ch;color:var(--muted-2);margin-bottom:36px;font-size:clamp(16px,2vw,19px);line-height:1.75}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tagline{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:46px;font-size:12px;display:flex}.tagline .sep{color:var(--accent)}.marquee{border-block:1px solid var(--line);background:var(--bg-2);margin-top:64px;padding:18px 0;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:clamp(40px,8vw,120px);position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(to right, var(--bg-2), transparent);left:0}.marquee:after{background:linear-gradient(to left, var(--bg-2), transparent);right:0}.marquee-track{width:max-content;font-family:var(--font-mono);color:var(--muted-2);white-space:nowrap;gap:48px;font-size:14px;animation:26s linear infinite scroll;display:flex}.marquee-track span{gap:48px;display:inline-flex}.marquee-track b{color:var(--accent);font-weight:500}@keyframes scroll{to{transform:translate(-50%)}}section{z-index:2;position:relative}.sec{padding-block:var(--space-section)}.sec--tight-top{padding-top:0}.sec--alt{background:var(--bg-2)}.sec-head{max-width:60ch;margin-bottom:clamp(32px,5vw,48px)}.sec-tag{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.sec-tag:before{content:"";background:var(--accent);width:24px;height:1px}.sec h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.12}.sec p.sub{color:var(--muted-2);margin:0;font-size:16px;line-height:1.75}.svc-grid{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.svc{background:var(--bg);padding:clamp(24px,4vw,34px) clamp(20px,3vw,30px);transition:background .3s;position:relative}.svc:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(135deg,#c6f23c0a,#0000 55%);transition:opacity .3s;position:absolute;inset:0}.svc:hover{background:var(--bg-2)}.svc:hover:after{opacity:1}.svc .ic{border-radius:var(--radius-sm);background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);place-items:center;margin-bottom:22px;display:grid}.svc:hover .ic{transform:translateY(-2px);box-shadow:0 8px 24px #c6f23c1f}.svc h3{font-family:var(--font-display);margin:0 0 12px;font-size:20px;font-weight:600}.svc p{color:var(--muted-2);margin:0 0 18px;font-size:14.5px;line-height:1.7}.svc .tags{flex-wrap:wrap;gap:7px;display:flex}.svc .tags span{border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--muted);padding:4px 10px;font-size:11px}.svc .num{font-family:var(--font-mono);color:var(--muted);font-size:12px;position:absolute;top:24px;right:26px}.work-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:clamp(40px,6vw,56px);display:grid}.work-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);height:100%;color:inherit;transition:transform .3s var(--ease-out), border-color .3s ease, box-shadow .3s ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.work-card:hover{box-shadow:var(--shadow-md);border-color:#c6f23c66;transform:translateY(-4px)}.work-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.work-card .thumb{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#1a1d19,#101210);place-items:center;display:grid;position:relative;overflow:hidden}.work-card .thumb:after{content:"";opacity:0;background:radial-gradient(circle,#c6f23c1a,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.work-card:hover .thumb:after{opacity:1}.work-card .cat{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:11px}.work-card .glyph{font-family:var(--font-mono);color:var(--accent);opacity:.55;transition:opacity .3s ease, transform .3s var(--ease-out);font-size:30px}.work-card:hover .glyph{opacity:.9;transform:scale(1.05)}.work-card .body{flex-direction:column;flex:1;padding:22px;display:flex}.work-card h3{font-family:var(--font-display);margin:8px 0 10px;font-size:17px;font-weight:600;line-height:1.45}.work-card .desc{color:var(--muted-2);flex:1;margin:0 0 16px;font-size:14px;line-height:1.65}.work-card .tags{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.work-card .tags span{border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--muted);padding:4px 10px;font-size:11px}.work-card .more{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:6px;font-size:13px;display:inline-flex}.work-stats-head{margin-bottom:24px}.work-stats-head h3{font-family:var(--font-display);margin:0 0 8px;font-size:clamp(22px,3vw,28px);font-weight:600}.work-stats-head p{color:var(--muted-2);margin:0;font-size:15px;line-height:1.7}.stats{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:8px;display:grid;overflow:hidden}.stat{background:var(--bg);padding:clamp(22px,4vw,30px) clamp(18px,3vw,26px)}.stat .v{font-family:var(--font-display);color:var(--accent);font-size:clamp(32px,5vw,40px);font-weight:700;line-height:1}.stat .l{color:var(--muted-2);margin-top:10px;font-size:13.5px;line-height:1.5}.proc{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(32px,6vw,56px);display:grid}.steps{flex-direction:column;display:flex}.step{border-bottom:1px solid var(--line);gap:20px;padding:22px 0;display:flex}.step:last-child{border-bottom:none}.step .sn{border:1px solid var(--line);width:34px;height:34px;font-family:var(--font-mono);color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.step h4{font-family:var(--font-display);margin:2px 0 6px;font-size:16px;font-weight:600}.step p{color:var(--muted-2);margin:0;font-size:14px;line-height:1.65}.pay{top:calc(var(--nav-h) + 22px);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-3);box-shadow:var(--shadow-sm);padding:30px;position:sticky}.pay h4{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:8px;margin:0 0 22px;font-size:13px;display:flex}.payrow{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:15px 0;display:flex}.payrow:last-of-type{border-bottom:none}.payrow .ph{font-size:14.5px}.payrow .ph small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.payrow .pc{font-family:var(--font-display);color:var(--accent);font-size:22px;font-weight:700}.pay .bar{border-radius:var(--radius-pill);background:#ffffff0f;height:6px;margin-top:24px;display:flex;overflow:hidden}.pay .bar-seg{height:100%}.pay .bar-seg--1{background:var(--accent);width:30%}.pay .bar-seg--2{background:var(--accent-dim);width:40%}.pay .bar-seg--3{background:#5e7320;width:30%}.arts{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.art{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);color:inherit;transition:transform .3s var(--ease-out), border-color .3s ease, box-shadow .3s ease;text-decoration:none;display:block;overflow:hidden}.art:hover{box-shadow:var(--shadow-md);border-color:#c6f23c66;transform:translateY(-4px)}.art:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.art .thumb{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#1c1f1b,#0f110f);place-items:center;display:grid;position:relative;overflow:hidden}.art .thumb:after{content:"";opacity:0;background:radial-gradient(circle,#c6f23c1f,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.art:hover .thumb:after{opacity:1}.art .thumb .glyph{font-family:var(--font-mono);color:var(--accent);opacity:.5;transition:opacity .3s ease, transform .3s var(--ease-out);font-size:34px}.art:hover .thumb .glyph{opacity:.85;transform:scale(1.05)}.art .body{padding:22px}.art .date{font-family:var(--font-mono);color:var(--muted);margin-bottom:10px;font-size:11.5px}.art h3{font-family:var(--font-display);margin:0 0 14px;font-size:17px;font-weight:600;line-height:1.45}.art .more{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:6px;font-size:13px;display:inline-flex}.cta{border:1px solid var(--line);border-radius:var(--radius-md);background:radial-gradient(circle at 80% 10%, #c6f23c1f, transparent 55%), var(--bg-2);text-align:center;padding:clamp(40px,8vw,64px) clamp(24px,5vw,48px)}.cta h2{font-family:var(--font-display);margin:0 0 16px;font-size:clamp(28px,4.5vw,46px);font-weight:700}.cta p{max-width:46ch;color:var(--muted-2);margin:0 auto 32px;line-height:1.75}@media (width<=860px){.svc-grid,.work-grid,.proc,.arts{grid-template-columns:1fr}.pay{position:static}}@media (width<=760px){.navlinks{display:none}.nav-toggle{display:inline-flex}.nav-overlay{z-index:60;opacity:0;visibility:hidden;background:#0000008c;border:none;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}.nav-overlay.is-open{opacity:1;visibility:visible}.nav-drawer{z-index:70;width:min(300px,86vw);height:100svh;padding:calc(var(--nav-h) + 12px) 24px 32px;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .3s var(--ease-out);background:#0b0c0bf7;flex-direction:column;gap:6px;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.nav-drawer.is-open{transform:translate(0)}.nav-drawer a{border-bottom:1px solid var(--line-soft);color:var(--muted-2);padding:14px 0;font-size:16px;text-decoration:none;transition:color .2s}.nav-drawer a:hover{color:var(--accent)}.nav-drawer .btn{width:100%;margin-top:18px}.stats{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr;gap:30px}.copy{flex-direction:column;align-items:flex-start}.tagline{margin-top:32px}}@media (width<=480px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}.stats{grid-template-columns:1fr}}