:root{--ink:#11120f;--paper:#f1efe8;--lime:#c8ff1a;--muted:#77786f;--line:rgba(17,18,15,.18);--pad:clamp(24px,5vw,78px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans Thai",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}
.nav-wrap{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:.08em}.brand b{font-weight:400;color:var(--muted)}.brand-mark{width:31px;height:31px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:500 17px DM Mono}.nav-wrap nav{display:flex;gap:36px;font:500 12px DM Mono;text-transform:uppercase}.nav-wrap nav a:hover{opacity:.5}.nav-cta{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.nav-cta span,.button span,.contact-link span{color:#75a000}
.hero{min-height:850px;height:100vh;max-height:980px;padding-top:170px;position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:5vw}.eyebrow,.section-no{font:500 11px DM Mono;letter-spacing:.11em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:38px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--lime);border:1px solid var(--ink)}h1{font-size:clamp(66px,7.9vw,128px);font-weight:500;letter-spacing:-.07em;line-height:.82;margin:0}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-thai{font-size:clamp(15px,1.3vw,19px);line-height:1.8;margin:44px 0 34px;color:#42433e}.hero-actions{display:flex;align-items:center;gap:34px}.button{padding:16px 21px;font-size:13px}.button.primary{background:var(--ink);color:white}.button span{margin-left:22px}.text-link{font:500 12px DM Mono;border-bottom:1px solid;padding-bottom:5px}.text-link span{margin-left:10px}
.decision-map{height:520px;position:relative;border:1px solid var(--line);overflow:hidden}.map-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:25% 25%;opacity:.55}.map-label{position:absolute;font:10px DM Mono;letter-spacing:.12em;z-index:2}.map-label.top{top:19px;left:20px}.map-label.bottom{bottom:19px;right:20px}.map-path{position:absolute;left:16%;right:16%;top:51%;border-top:1px dashed #6d6e67;transform:rotate(-17deg);transform-origin:center}.node{position:absolute;font:9px DM Mono;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.node i{width:11px;height:11px;background:var(--paper);border:1px solid var(--ink);border-radius:50%}.node-a{left:12%;bottom:24%}.node-b{left:35%;bottom:36%}.node-c{right:32%;top:35%}.node-d{right:11%;top:21%}.node.active i{width:19px;height:19px;background:var(--lime);box-shadow:0 0 0 7px rgba(200,255,26,.25)}.map-score{position:absolute;left:8%;top:13%;display:flex;flex-direction:column}.map-score small{font:10px DM Mono}.map-score strong{font:400 66px DM Mono;letter-spacing:-.08em}.map-score strong span{font-size:20px}.hero-foot{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:flex-end;gap:15px;font:10px DM Mono;letter-spacing:.12em}.hero-foot i{width:3px;height:3px;background:var(--ink);border-radius:50%}
.statement{border-top:1px solid var(--line);padding-top:120px;padding-bottom:140px;display:grid;grid-template-columns:1fr 3fr}.section-no{color:var(--muted);margin:8px 0}.statement h2,.section-heading h2,.method h2,.about h2,.contact h2{font-size:clamp(38px,5vw,76px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:0}.statement h2 span,.method h2 span{color:#a1a198}.statement>div>p{font-size:17px;line-height:1.9;max-width:670px;margin:45px 0 0;margin-left:34%}
.services{background:var(--ink);color:#f5f4ed;padding-top:120px;padding-bottom:140px}.section-heading{display:grid;grid-template-columns:1fr 3fr;margin-bottom:90px}.services .section-no{color:#85867f}.service{display:grid;grid-template-columns:.5fr 1.5fr 1fr auto;gap:30px;align-items:center;padding:35px 0;border-top:1px solid rgba(255,255,255,.2);transition:.25s}.service:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.service:hover{padding-left:12px;background:rgba(255,255,255,.025)}.service .num{font:11px DM Mono;color:var(--lime)}.service h3{font-size:22px;font-weight:500;margin:0 0 9px}.service-title p{font-size:13px;color:#9c9d97;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font:9px DM Mono;text-transform:uppercase;border:1px solid #474842;border-radius:20px;padding:7px 10px;color:#bbbcb5}.service .arrow{font-size:22px;color:var(--lime)}
.method{padding-top:140px;padding-bottom:150px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.method-intro>p:last-child{max-width:540px;margin-top:35px;line-height:1.8;color:#55564f}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:60px 1fr;padding:28px 0;border-bottom:1px solid var(--line);opacity:.48;transition:.3s}.step:hover,.step.active{opacity:1}.step>span{font:11px DM Mono}.step h3{font-size:28px;margin:0 0 5px;font-weight:500}.step p{font-size:13px;margin:0;color:var(--muted)}.step.active h3:after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);border:1px solid;margin-left:12px}
.about{padding-top:120px;padding-bottom:140px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.45fr;gap:8vw;align-items:center}.monogram{aspect-ratio:1;background:var(--lime);display:flex;align-items:center;justify-content:center;font:500 clamp(70px,12vw,180px) DM Mono;letter-spacing:-.12em;position:relative}.monogram:after{content:"BUSINESS / PROCESS / PRODUCT / DATA";position:absolute;left:17px;bottom:17px;font:9px DM Mono;letter-spacing:.1em}.monogram span{font-size:.18em;align-self:flex-start;margin-top:26%}.about h2{font-size:clamp(39px,4.5vw,69px);margin-top:30px}.role{font:11px DM Mono;text-transform:uppercase;margin:22px 0 45px;color:var(--muted)}.bio{font-size:17px;line-height:1.85;max-width:650px}.principles{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.principles span{border:1px solid var(--line);padding:10px 12px;font:10px DM Mono}
.contact{background:var(--lime);padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end}.section-no.light{color:#464b32}.contact h2{font-size:clamp(51px,6vw,92px);margin-top:18px}.contact-side>p{line-height:1.8;font-size:15px}.contact-link{font-size:clamp(20px,2vw,30px);display:flex;justify-content:space-between;border-bottom:2px solid;margin-top:38px;padding-bottom:12px}.contact-link span{color:var(--ink)}.availability{font:10px DM Mono!important;text-transform:uppercase;margin-top:28px}.availability i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink);margin-right:8px}
footer{height:120px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#ddd;font:10px DM Mono;text-transform:uppercase}.footer-brand{font-family:Manrope;font-size:12px}.footer-brand .brand-mark{background:var(--lime);color:var(--ink)}footer p{color:#777}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-wrap nav{display:none}.hero{height:auto;max-height:none;grid-template-columns:1fr;padding-top:150px;padding-bottom:90px}.decision-map{height:400px}.hero-foot{display:none}.statement,.section-heading,.method,.about,.contact{grid-template-columns:1fr}.statement{gap:40px}.statement>div>p{margin-left:0}.service{grid-template-columns:45px 1fr auto}.service .tags{display:none}.method{gap:70px}.about{gap:65px}.monogram{max-width:600px}.contact{gap:60px}.contact-side{max-width:620px}}
@media(max-width:560px){.nav-wrap{height:72px}.nav-cta{font-size:0}.nav-cta span{font-size:20px}.hero{padding-top:125px}.hero-thai br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.decision-map{height:330px}.map-score strong{font-size:48px}.statement,.services,.method,.about{padding-top:85px;padding-bottom:90px}.section-heading{margin-bottom:60px}.service{padding:27px 0}.service h3{font-size:18px}.contact{padding-top:80px;padding-bottom:85px}footer{height:auto;padding-top:35px;padding-bottom:35px;gap:25px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}