@font-face{font-family:"Kanit Local";src:url("../fonts/kanit-thai-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Kanit Local";src:url("../fonts/kanit-thai-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kanit Local";src:url("../fonts/kanit-thai-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Kanit Local";src:url("../fonts/kanit-thai-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#101010;--paper:#f3f1ec;--gold:#c8a646;--muted:#99978f;--line:rgba(255,255,255,.16);--pad:clamp(20px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:"Kanit Local","Anuphan",sans-serif;font-weight:300;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea,select{font:inherit}.serif{font-family:"Italiana","Times New Roman",serif;font-weight:400}.thai-display{font-family:"Kanit Local","Anuphan",sans-serif;font-weight:400;letter-spacing:-.025em}.eyebrow{font-family:"Manrope",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.nav{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:12px;font:400 14px/1.25 "Italiana","Times New Roman",serif;letter-spacing:.13em}.brand-mark{width:34px;height:34px;border:1px solid;display:grid;place-items:center;font-size:9px}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:.16em;opacity:.7}.menu{display:flex;gap:34px;font:400 10px "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:#fff;transition:.3s}.menu a:hover:after,.menu a.active:after{width:100%}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:20px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:145px var(--pad) 58px;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('../images/generated/home-hero.png') center/cover;filter:saturate(.78);transform:scale(1.02)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.18) 48%,rgba(0,0,0,.9))}.hero-copy{position:relative;z-index:2;width:100%}.hero h1{font-size:clamp(68px,11vw,168px);line-height:.82;letter-spacing:.015em;margin:18px 0 32px;max-width:1250px}.hero h1 em,.gold{color:var(--gold);font-weight:400}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:20px;align-items:end}.hero-bottom p{max-width:520px;margin:0 0 0 auto;font-size:clamp(15px,1.4vw,20px)}.scroll-note{font:400 9px "Manrope",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.section{padding:clamp(90px,13vw,190px) var(--pad)}.light{background:var(--paper);color:var(--ink)}.section-head{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-bottom:70px}.display{font-size:clamp(48px,7.4vw,112px);line-height:.95;letter-spacing:.012em;margin:0;max-width:1160px}.lead{font-size:clamp(20px,2.3vw,33px);max-width:850px;color:#c7c5be}.light .lead{color:#575650}
.services{border-top:1px solid rgba(0,0,0,.22)}.service-row{display:grid;grid-template-columns:65px 1fr 1fr 30px;gap:28px;padding:28px 0;border-bottom:1px solid rgba(0,0,0,.22);align-items:start;transition:.3s}.service-row:hover{padding-left:12px}.service-row h3{font:400 clamp(34px,4vw,58px)/.95 "Italiana","Times New Roman",serif;margin:0}.service-row p{margin:0;color:#5d5b56}.num{font:400 10px "Manrope",sans-serif;color:#777}.arrow{font-size:20px}
.feature-image{position:relative;min-height:76vh;overflow:hidden}.feature-image img{position:absolute;inset:0;height:100%;object-fit:cover}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.1) 70%)}.feature-caption{position:absolute;z-index:2;left:var(--pad);bottom:55px;max-width:720px}.feature-caption h2{font-size:clamp(55px,8vw,120px);line-height:.85;margin:12px 0}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(26px,4vw,62px) 24px}.work-card{grid-column:span 6}.work-card:nth-child(3n+2){margin-top:90px}.work-card figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#222}.work-card img{height:100%;object-fit:cover;transition:transform .8s}.work-card:hover img{transform:scale(1.035)}.work-meta{display:flex;justify-content:space-between;padding-top:13px;font:400 10px "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase}.work-meta span:last-child{color:var(--muted)}
.statement{min-height:78vh;display:grid;place-items:center;text-align:center;padding:100px var(--pad);background:#151515}.statement p{font-size:clamp(42px,6.5vw,94px);line-height:1;letter-spacing:.015em;margin:0}.statement em{color:var(--gold)}.cta{background:var(--gold);color:var(--ink);padding:100px var(--pad)}.cta-link{display:inline-flex;gap:18px;margin-top:42px;border-bottom:1px solid;padding-bottom:8px;font:600 11px "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.footer{padding:55px var(--pad);display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);font-size:12px}.footer p{color:var(--muted)}.page-hero{padding:180px var(--pad) 80px;min-height:64vh;display:flex;align-items:flex-end}.page-hero h1{font-size:clamp(68px,10.5vw,158px);line-height:.84;letter-spacing:.012em;margin:12px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:start}.rich p{font-size:clamp(17px,1.6vw,23px);color:#c2c0ba}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.stat{padding:35px 12px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font:400 clamp(48px,6vw,82px) "Italiana","Times New Roman",serif}.stat span{display:block;font:400 9px "Manrope",sans-serif;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.package{border-top:1px solid rgba(0,0,0,.22);padding:42px 0;display:grid;grid-template-columns:1fr 1fr;gap:34px}.package h3{font:400 clamp(40px,5vw,70px)/.95 "Italiana","Times New Roman",serif;margin:6px 0}.package ul{list-style:none;padding:0;margin:16px 0;color:#555}.package li{padding:5px 0}.price{font:600 27px "Manrope",sans-serif;color:#80662d}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9c6bd}.plan{background:var(--paper);padding:35px}.plan.featured{background:#181818;color:#fff}.plan h3{font:400 46px/1 "Italiana","Times New Roman",serif;margin:12px 0}.plan .price{font-size:22px}.plan ul{padding:0;list-style:none;font-size:14px;min-height:190px}.plan li{padding:6px 0;border-bottom:1px solid rgba(128,128,128,.25)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:50px}.filter{background:none;border:1px solid #3b3b3b;color:#aaa;padding:10px 15px;cursor:pointer;font:400 10px "Manrope",sans-serif}.filter.active{background:#fff;color:#000}.brand-cloud{display:flex;flex-wrap:wrap;border-top:1px solid var(--line)}.brand-chip{width:25%;padding:20px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:400 10px "Manrope",sans-serif;letter-spacing:.04em}.case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.case-card{grid-column:span 4;background:#191919}.case-card img{aspect-ratio:4/3;object-fit:cover}.case-card div{padding:20px}.case-card h3{font:400 34px "Italiana","Times New Roman",serif;margin:0}.case-card p{color:var(--muted);font-size:13px}.note{font-size:12px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{font:400 clamp(30px,4vw,56px)/1.6 "Italiana","Times New Roman",serif}.contact-form{display:grid;gap:28px}.contact-form label{font:400 9px "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #555;padding:13px 0;outline:none}.contact-form textarea{min-height:100px}.contact-form button{justify-self:start;background:var(--gold);border:0;padding:16px 28px;font-weight:600;cursor:pointer}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.menu{position:fixed;inset:0;background:#0d0d0d;display:none;flex-direction:column;justify-content:center;align-items:center;font-size:20px}.menu.open{display:flex}.menu-toggle{display:block;z-index:2}.hero{padding-bottom:35px}.hero-bottom,.section-head,.split,.contact-grid,.package{grid-template-columns:1fr}.hero-bottom p{margin:24px 0 0}.section-head{gap:22px}.service-row{grid-template-columns:35px 1fr 20px}.service-row p{grid-column:2/4}.work-card{grid-column:span 12}.work-card:nth-child(3n+2){margin-top:0}.footer{grid-template-columns:1fr}.page-hero{min-height:52vh}.plans{grid-template-columns:1fr}.plan ul{min-height:0}.brand-chip{width:50%}.case-card{grid-column:span 12}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.brand-logo{width:112px;height:48px;object-fit:contain;object-position:left center}.footer-logo{width:190px;height:92px;object-fit:contain;object-position:left center}
.nav{mix-blend-mode:normal;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent)}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;min-height:640px;overflow:hidden;background:#111}.service-card img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.92))}.service-card:hover img{transform:scale(1.045)}.service-card-copy{position:absolute;z-index:2;inset:auto 28px 28px;color:#fff}.service-card-copy h3{font:400 clamp(38px,4vw,62px)/.95 "Italiana","Times New Roman",serif;letter-spacing:.01em;margin:10px 0}.service-card-copy p{margin:0 0 18px;color:#d0cec7;max-width:340px}.service-card-meta{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.35);padding-top:14px;font:500 10px "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.service-cards{grid-template-columns:1fr}.service-card{min-height:520px}.brand-logo{width:90px}}
.service-index{display:grid;grid-template-columns:repeat(3,1fr);padding:0 var(--pad) 90px;gap:1px;background:#101010}.service-index a{display:flex;min-height:230px;padding:30px;flex-direction:column;background:#191919;transition:.3s}.service-index a:hover{background:#c8a646;color:#111}.service-index span{font:400 10px "Manrope",sans-serif;letter-spacing:.14em;color:var(--gold)}.service-index a:hover span{color:#111}.service-index strong{font:400 clamp(30px,3vw,48px) "Italiana","Times New Roman",serif;margin:20px 0 5px}.service-index small{color:#aaa}.service-index a:hover small{color:#333}.service-index b{margin-top:auto;font:500 10px "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.web-compare{border-top:1px solid #bbb9b1;margin-bottom:70px}.web-row{display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-bottom:1px solid #cbc8c0}.web-row>div{padding:18px 20px;border-right:1px solid #cbc8c0}.web-row>div:last-child{border:0}.web-row>div:first-child{font-weight:500}.web-head>div{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}.web-head span{font:400 9px "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8b6d27}.web-head strong{font:400 34px "Italiana","Times New Roman",serif;margin:8px 0}.web-head b{font:600 16px "Manrope",sans-serif;color:#80662d}.web-row .recommended{background:#171717;color:#fff}.web-included{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px;background:#171717;color:#fff;margin-bottom:24px}.web-included h3{font-size:clamp(40px,5vw,70px);line-height:.95;margin:15px 0}.web-included ul{list-style:none;padding:0;margin:0}.web-included li{padding:13px 0;border-bottom:1px solid #444}
@media(max-width:800px){.service-index{grid-template-columns:1fr;padding-bottom:50px}.service-index a{min-height:190px}.web-compare{overflow-x:auto}.web-row{min-width:850px}.web-included{grid-template-columns:1fr;padding:30px}}