:root{--paper:#f5f5f0;--ink:#191b1d;--blue:#00769b;--line:#d6d8d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Leelawadee UI",Tahoma,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1400px;margin:auto;padding-left:6%;padding-right:6%}header{max-width:1600px;margin:auto;height:100px;padding:0 5.25%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-size:22px;letter-spacing:-.8px;font-weight:800}.brand img{object-fit:contain}.brand b{font-weight:400}.brand small{display:block;letter-spacing:1.4px;font-size:7px;margin-top:8px}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.text-link:hover{color:var(--blue)}.nav-contact{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.nav-contact span{margin-left:25px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.7px}.hero{padding-top:35px}.hero-top{display:flex;align-items:center;justify-content:space-between}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:7px}.edition{font-size:10px;letter-spacing:1px;color:#656763}.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding:47px 0 36px;align-items:center}h1{font-size:clamp(40px,5.1vw,76px);line-height:.99;letter-spacing:-3.5px;margin:0 0 28px;font-weight:800}h1 span{color:var(--blue)}.thai-head{font-size:clamp(25px,2.6vw,37px);line-height:1.45;letter-spacing:-1px;margin:0 0 15px;font-weight:600}.intro{font-size:15px;color:#62645f;margin:0 0 29px;line-height:1.9}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:14px 23px;font-size:14px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:white}.light{background:var(--paper);color:var(--ink)}.hero .text-link{margin-left:20px;font-size:12px}.feature{position:relative;padding:0;border:0;width:100%;display:block;background:#dfd7c8}.feature img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.art-sticker{position:absolute;right:-15px;bottom:28px;background:#00ade1;color:#071a22;text-align:left;font-size:16px;font-weight:800;line-height:1.12;padding:16px 20px;transform:rotate(-7deg);box-shadow:0 4px 9px #0002}.art-sticker b{position:absolute;right:9px;top:7px}.feature-caption{font-size:9px;letter-spacing:1.1px;display:flex;justify-content:space-between;margin-top:12px;color:#5b5e58}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:12px;color:#62645f}.hero-bottom a{font-size:9px;letter-spacing:1.2px}.work{padding-top:88px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:-1.6px;line-height:1.35;margin:12px 0 0}.blue{color:var(--blue)}.section-head p{font-size:13px;color:#646761;margin:0;line-height:1.9}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;font-size:12px;padding:9px 17px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.filters small{padding-left:9px;font-size:9px}.work-note{font-size:10px;color:#686b65;letter-spacing:.4px;margin:15px 0 24px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.project{padding:0;border:0;background:transparent;text-align:left;min-width:0}.project-image{overflow:hidden;background:#e6e7df;position:relative}.project-image img{width:100%;height:auto;aspect-ratio:1.2/1;object-fit:contain;display:block;transition:transform .4s}.project:hover img{transform:scale(1.025)}.project .open{position:absolute;bottom:15px;right:15px;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;background:var(--paper);font-size:18px}.project-info{display:flex;justify-content:space-between;gap:15px;margin-top:13px;align-items:center}.project-info h3{font-size:19px;letter-spacing:-.5px;line-height:1.3;margin:0}.project-info span{font-size:10px;color:#60635d}.project-type{font-size:11px;color:#62655f;margin:4px 0 0}.about{background:#e9ece6;padding:78px 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{font-size:clamp(32px,4vw,54px)}.about-sign{display:inline-block;font-size:18px;font-weight:800;letter-spacing:-1px;border-bottom:1px solid var(--ink);margin-top:35px}.about-lead{font-size:23px;line-height:1.55;font-weight:600;margin:0 0 22px}.about-layout>div>p:not(.about-lead){font-size:14px;line-height:1.95;color:#5a5f57}.about .text-link{display:inline-block;font-size:12px;margin-top:15px;border-bottom:1px solid var(--ink)}.services{padding-top:88px;padding-bottom:85px}.service-row{display:grid;grid-template-columns:45px 1.1fr 1fr 25px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:27px 0}.service-row>span{font-size:11px;color:#777}.service-row h3{margin:0;font-size:23px;letter-spacing:-.7px;font-weight:500}.service-row p{margin:0;font-size:12px;color:#656961}.service-row b{font-size:25px;font-weight:400}.process{margin-top:35px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:24px}.process b{font-size:13px}.process p{font-size:11px;color:#686d63;margin-bottom:0}.contact{background:var(--ink);color:var(--paper);padding:70px 0 75px}.contact>.wrap>.eyebrow{color:#a5b0b3}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:end}.contact h2{font-size:clamp(34px,4vw,55px);position:relative}.contact h2 span{color:#00ade1;margin-left:20px}.contact p{font-size:14px;color:#bac0bd;margin:0 0 24px;line-height:1.9}.contact small{display:block;color:#c2c7c3;font-size:10px;margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px;font-size:11px}footer span{font-size:8px;letter-spacing:1px;color:#646861}.footer-brand{font-size:16px;font-weight:800;letter-spacing:-.7px}dialog{border:0;padding:55px 30px 30px;background:var(--paper);color:var(--ink);width:min(1100px,94vw);max-height:90vh}dialog::backdrop{background:#111d;backdrop-filter:blur(7px)}.close{position:absolute;right:18px;top:10px;background:transparent;border:0;font-size:15px;padding:5px 12px}.dialog-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center}.dialog-grid img{display:block;width:100%;max-height:70vh;object-fit:contain}.dialog-copy h2{font-size:34px}.dialog-copy p{font-size:14px;line-height:1.9}.dialog-copy .concept-label{color:#686c63;font-size:11px}.dialog-copy .button{font-size:12px;gap:12px;margin-top:20px}.skip{position:fixed;top:-100px;z-index:5;background:var(--ink);color:white;padding:12px}.skip:focus{top:0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(min-width:1500px){.wrap{padding-left:60px;padding-right:60px}}@media(max-width:900px){header{height:82px}nav{gap:18px}.hero-layout{gap:28px}h1{letter-spacing:-2px;font-size:45px}.hero .text-link{display:inline-block;margin:18px 0 0 15px}.about-layout{gap:40px}.service-row{grid-template-columns:30px 1fr 1fr 20px;gap:12px}.service-row h3{font-size:20px}.contact-layout{gap:30px}.process{grid-template-columns:1fr 1fr}.edition{display:none}}@media(max-width:600px){html{scroll-padding-top:20px}.wrap{padding-left:6%;padding-right:6%}header{height:80px;gap:10px}.brand{font-size:18px;gap:8px}.brand img{width:30px;height:30px}.brand small{font-size:6px;letter-spacing:.6px}nav{display:none}.nav-contact{font-size:12px}.nav-contact span{margin-left:6px}.hero{padding-top:25px}.hero-layout{grid-template-columns:1fr;padding:32px 0 25px;gap:35px}h1{font-size:clamp(37px,10.1vw,61px);letter-spacing:-2px;margin-bottom:22px}.thai-head{font-size:29px}.intro{font-size:13px}.feature{width:100%}.art-sticker{right:-6px}.hero-bottom{gap:20px;font-size:10px}.hero-bottom a{font-size:8px;white-space:nowrap}.work,.services{padding-top:58px;padding-bottom:55px}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:18px;font-size:12px}h2{font-size:32px}.filters{gap:7px}.filters button{font-size:11px;padding:8px 12px}.projects{grid-template-columns:1fr;gap:28px}.project-image img{aspect-ratio:1.1/1}.project-info h3{font-size:19px}.about{padding:55px 0}.about-layout{grid-template-columns:1fr;gap:35px}.about-sign{margin-top:22px}.about-lead{font-size:21px}.service-row{grid-template-columns:24px 1fr 20px;padding:20px 0;gap:10px}.service-row h3{font-size:20px}.service-row p{grid-column:2;grid-row:2;font-size:11px}.service-row b{grid-column:3;grid-row:1}.process{grid-template-columns:1fr;gap:20px}.process p{margin-top:4px}.contact{padding:50px 0}.contact-layout{grid-template-columns:1fr;gap:27px}.contact h2{font-size:36px}footer{flex-wrap:wrap;gap:14px}footer span{order:3;flex-basis:100%;font-size:7px}.dialog-grid{grid-template-columns:1fr;gap:22px}.dialog-grid img{max-height:52vh}.dialog-copy h2{font-size:27px}.dialog-copy .button{margin-top:10px}dialog{padding:50px 18px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}