@import url("/assets/fonts/fonts.css");:root{--a:#9C6E56;--bg:#EFE9E2;--ink:#312E2A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}.micro{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.nav{position:absolute;z-index:9;top:0;left:0;right:0;color:white;padding:26px 5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff40}.logo{font-weight:700;letter-spacing:3px;font-size:28px;line-height:1}.logo small{display:block;font:9px Manrope;letter-spacing:2px;margin-top:8px}.links{display:flex;align-items:center;gap:30px;font-size:12px}.links a:hover{opacity:.7}.navbtn{border:1px solid #ffffff8c;color:white;background:transparent;padding:12px 18px;border-radius:0;font-size:11px;letter-spacing:.8px}.navbtn:hover{background:white;color:#202020}.mobilemenu{display:none}.hero{min-height:750px;height:100vh;position:relative;background:linear-gradient(90deg,#07100fb8 0%,#07100f4d 55%,#07100f12),url('/assets/original-hero.jpg') center/cover;color:white;display:flex;align-items:center;padding:120px 8% 70px}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #ffffff40}.herowrap{position:relative;z-index:1;max-width:940px}.hero h1{font:400 clamp(66px,10vw,154px)/.94 'Playfair Display',Georgia,serif;letter-spacing:-4px;margin:34px 0 30px}.hero em{font-weight:400;color:#f4e9d8}.hero p{font-size:16px;line-height:1.8;max-width:480px;color:#fffdf1}.act{display:inline-block;background:#f1ebe1;color:#202422;padding:18px 25px;margin-top:28px;border:0;font:700 12px Manrope;text-transform:uppercase;letter-spacing:1px}.act span{margin-left:35px}.herofoot{position:absolute;bottom:32px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;z-index:2}.intro{padding:140px 9% 120px;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.intro h2,.section-title{font:400 clamp(42px,5vw,82px)/1.14 'Playfair Display',Georgia,serif;letter-spacing:-2px;margin:12px 0 24px}.intro p{line-height:1.9;color:#626660;max-width:540px;font-size:15px}.line{height:1px;background:#aaa9a1;margin-top:38px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:750px;background:#dfd9d0;color:#302f2b}.splitpic{background:url('/assets/original-skin.jpg') center/cover;min-height:620px}.splitcopy{padding:100px 12%;display:flex;flex-direction:column;justify-content:center}.splitcopy h2{font:400 clamp(42px,5vw,78px)/1.1 'Playfair Display';letter-spacing:-2px}.splitcopy p{font-size:15px;line-height:1.9;opacity:.74}.textlink{display:inline-block;margin-top:30px;padding-bottom:9px;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;letter-spacing:1px;align-self:flex-start}.services{padding:115px 8%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:50px}.sectionhead p{font-size:13px;max-width:350px;line-height:1.8;color:#777}.serviceslist{border-top:1px solid #aaa9a1}.servicerow{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #aaa9a1;padding:32px 8px;transition:.25s}.servicerow:hover{padding-left:30px;background:#ffffff80}.servicerow b{font:400 clamp(25px,3vw,44px) 'Playfair Display';letter-spacing:-1px}.circle{width:46px;height:46px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:24px}.work{background:#ded9d1;color:var(--ink);padding:120px 8%}.portfolio{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.portfolio article:nth-child(1){grid-row:span 2}.portfolio img{display:block;width:100%;height:310px;object-fit:cover}.portfolio article:nth-child(1) img{height:735px}.portfolio h3{font:400 25px 'Playfair Display';margin:16px 0 5px}.portfolio small{font-size:10px;letter-spacing:1px;opacity:.65}.manifesto{padding:130px 11%;text-align:center}.manifesto blockquote{font:400 clamp(40px,6.5vw,93px)/1.2 'Playfair Display';margin:30px auto 0;max-width:1250px;letter-spacing:-2px}.manifesto p{opacity:.7}.process{background:#fbfaf8;padding:105px 8%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.step{padding:32px 12px;border-top:1px solid #b8b5b1}.step h3{font-size:18px;margin:40px 0 12px}.step p{font-size:13px;line-height:1.8;color:#777}.cta{background:#392f2b;color:white;padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:7%}.cta h2{font:400 clamp(46px,5vw,78px)/1.1 'Playfair Display';margin:15px 0 22px}.cta p{line-height:1.8;font-size:13px;opacity:.8}.formfield{margin-bottom:22px}label{font-size:11px;letter-spacing:.8px;display:block;margin-bottom:9px}input,select,textarea{border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;width:100%;padding:10px 0;outline:none;font-size:14px}option{color:#222}textarea{min-height:75px}.send{background:#f1ebe1;color:#292622;border:0;padding:17px 28px;font-size:12px;letter-spacing:1px;font-weight:700;margin-top:20px}footer{background:#10191a;color:#c4c5c2;padding:60px 8% 30px}footer .footgrid{display:flex;justify-content:space-between;gap:30px}.disclaimer{border-top:1px solid #ffffff30;margin-top:50px;padding-top:25px;font-size:11px;opacity:.65;line-height:1.8}.demo{position:fixed;bottom:15px;left:15px;z-index:8;background:#ffffffef;color:#292929;padding:11px 15px;font:700 10px Manrope;letter-spacing:1px;box-shadow:0 5px 26px #0003}@media(max-width:780px){.nav{padding:20px 6%}.links{display:none}.mobilemenu{display:inline-block}.hero{min-height:630px;height:88svh;padding:110px 7% 80px;background-position:center}.hero h1{font-size:clamp(58px,14vw,95px);letter-spacing:-3px}.herofoot{font-size:9px}.intro,.split,.cta{grid-template-columns:1fr}.intro{padding:85px 7%;gap:25px}.splitpic{min-height:420px}.splitcopy{padding:75px 8%}.sectionhead{display:block}.services,.work,.process{padding:80px 7%}.portfolio{grid-template-columns:1fr}.portfolio article:nth-child(1){grid-row:span 1}.portfolio img,.portfolio article:nth-child(1) img{height:350px}.manifesto{padding:90px 7%}.steps{grid-template-columns:1fr 1fr}.cta{padding:75px 7%}.footgrid{flex-direction:column!important}.demo{font-size:8px}}
html{scroll-padding-top:25px}body{overflow-wrap:break-word}a:focus-visible,button:focus-visible{outline:3px solid #c79e77;outline-offset:5px}input:focus,textarea:focus,select:focus{box-shadow:0 2px #dfb992}button{cursor:pointer}.language{font-size:11px;white-space:nowrap;letter-spacing:1px}.language a{padding:10px 4px;display:inline-block}.language [aria-current]{text-decoration:underline;text-underline-offset:5px}.mobileactions{display:none}.skip{position:absolute;top:-100px;left:15px;z-index:100;background:#fff;color:#222;padding:15px}.skip:focus{top:15px}[hidden]{display:none!important}.field{margin-bottom:23px}.field label{font-size:12px;letter-spacing:.04em}.field input,.field select{min-height:45px}.check{display:flex;gap:12px;align-items:start;font-size:12px;line-height:1.8;margin:25px 0}.check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#a98566}.btn{display:inline-flex;gap:30px;align-items:center;justify-content:center;background:#f1ebe1;color:#292622;border:1px solid #f1ebe1;padding:17px 24px;min-height:52px;font-size:12px;font-weight:700;letter-spacing:.6px}.btn.secondary{background:transparent;color:#f1ebe1;margin-left:8px}.form-result{border:1px solid #c5b4a6;padding:25px;margin-top:28px}.form-result h3{font-size:22px;font-weight:400}.form-result dl{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:13px}.form-result dt{opacity:.7}.form-result dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.form-result .btn{margin:15px 0 0}.error{color:#ffd2bd;font-size:14px}.form-note{font-size:12px;line-height:1.9}.subnav{font-size:12px;line-height:2.3;margin-top:15px}.subnav a{border-bottom:1px solid #fff5;margin-right:18px}.demo{font-size:9px;max-width:240px}.portfolio img{aspect-ratio:4/3}.herofoot{gap:20px}.serviceindex{font-size:12px;letter-spacing:2px}html[lang=th] body{font-family:Manrope,"Thonburi","Noto Sans Thai",sans-serif}html[lang=th] .hero h1{font-family:"Thonburi","Noto Sans Thai",sans-serif;font-weight:400;font-size:clamp(62px,8vw,116px);line-height:1.2;letter-spacing:-2px}html[lang=th] h2,html[lang=th] .servicerow b,html[lang=th] .portfolio h3,html[lang=th] blockquote{font-family:"Thonburi","Noto Sans Thai",sans-serif;line-height:1.4;letter-spacing:-1px}html[lang=th] .intro h2,html[lang=th] .section-title,html[lang=th] .splitcopy h2,html[lang=th] .cta h2{font-size:clamp(35px,4vw,64px)}html[lang=th] .micro{letter-spacing:1px}.disclaimer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px){.links{gap:18px}.logo{font-size:23px;letter-spacing:2px}.nav{padding-left:4%;padding-right:4%}.links>a:nth-child(4){display:none}}
@media(max-width:780px){.mobileactions{display:flex;align-items:center;gap:15px}.mobileactions .navbtn{padding:10px 13px;font-size:10px}.mobilemenu{display:none}.logo{font-size:19px;letter-spacing:2px}.logo small{font-size:7px;letter-spacing:.8px}.nav{padding:20px 5%}.hero{height:92svh;min-height:670px;padding-top:130px}.hero h1{font-size:clamp(58px,15vw,100px)}.herofoot{left:7%;right:7%;bottom:25px}.herofoot .micro{font-size:8px;letter-spacing:1px}.herofoot .micro:last-child{max-width:85px;text-align:right}.demo{bottom:8px;left:8px;padding:8px 10px;font-size:7px}.form-result dl{grid-template-columns:1fr;gap:5px}.form-result dd{margin-bottom:10px}.form-result{padding:18px}.steps{gap:14px}.step{padding-left:3px;padding-right:3px}.servicerow{padding:25px 0}.servicerow b{font-size:25px;flex:1}.servicerow .circle{width:38px;height:38px;flex-shrink:0}.intro p,.splitcopy p{font-size:15px}footer{padding-bottom:65px}html[lang=th] .hero h1{font-size:clamp(49px,11vw,78px);line-height:1.35;letter-spacing:-1px}html[lang=th] .servicerow b{font-size:24px}html[lang=th] .manifesto blockquote{font-size:38px}.field textarea{min-height:100px}.portfolio img,.portfolio article:nth-child(1) img{height:350px}}
@media(max-width:370px){.logo{font-size:16px}.mobileactions{gap:7px}.language{font-size:10px}.mobileactions .navbtn{padding:9px}.hero p{font-size:14px}.hero h1{font-size:58px}.herofoot .micro{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}