:root{
  --ivory:#F8F4F1;--lime:#E8E1D7;--rose:#E8DDD9;--dark:#1F241E;--dark2:#292A22;--btn:#2A2B24;--white:#fff;
  --ink:#24261F;--muted:#6E6C63;--k:#8E8A7C;--gold:#A99B7D;--num:#A89D82;--line:#D9D3C8;--line-d:#4A4E45;
  --serif:"Tinos","Times New Roman",Times,serif;
  --sans:"Noto Sans Thai","Noto Sans",-apple-system,"Segoe UI",Tahoma,sans-serif;
  --latin:"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --pad:64px;--max:1440px;
}
.lang-zh{--sans:"Noto Sans SC","Noto Sans","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;font-weight:400}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,ul,dl,dd{margin:0}
ul{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ar{width:15px;height:15px;flex:none}

/* type */
.kicker,.k-sm{font-family:var(--latin);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--k);font-weight:400}
.k-sm{font-size:10.5px}
.k-sm.gold{color:var(--gold)}
.disp{font-family:var(--serif);font-weight:400;font-size:88px;line-height:1.02;letter-spacing:-.01em;margin-top:34px}
.disp em,.disp-2 em,.ft-big em{font-style:italic}
.disp.xl{font-size:98px}
.disp-2{font-family:var(--serif);font-weight:400;font-size:60px;line-height:1.1;margin-top:10px}
.disp-3{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.15;margin-top:18px}
.th-sub{font-size:31px;line-height:1.45;margin-top:28px;font-weight:400}
.th-sub.one{margin-top:14px;font-size:27px}
.th-name{font-size:34px;margin-top:18px}
.th-xl{font-size:44px;line-height:1.45;font-weight:400;margin-top:22px}
.th-h{font-size:28px;line-height:1.4;font-weight:400}
.th-h.lg{font-size:32px;margin-top:18px}
.th-md{font-size:20px;line-height:1.5;margin-top:8px}
.lead{font-size:16px;color:var(--muted);line-height:1.85;margin-top:30px}
.lang-en .th-sub,.lang-en .th-xl,.lang-en .th-h,.lang-en .th-name{font-family:var(--serif)}
.note{background:var(--lime);padding:16px 26px;font-size:14px;color:var(--muted);margin-top:10px}
.note.plain{background:transparent;padding:0 0 30px;border-bottom:1px solid var(--line)}
.tlink{text-decoration:underline;text-underline-offset:4px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:216px;height:54px;padding:0 22px;font-size:14px;font-family:var(--sans);border:1px solid transparent;cursor:pointer;transition:background .2s}
.btn-dark{background:var(--btn);color:#fff}
.btn-dark:hover{background:#3a3b33}
.btn-light{background:var(--ivory);color:var(--ink)}
.btn-light:hover{background:#fff}
.btn-white{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-white:hover{border-color:var(--ink)}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

/* header */
.hd{position:sticky;top:0;z-index:50;background:var(--ivory)}
.hd-dark{background:var(--dark);color:#EDEAE2}
.hd-in{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:108px;display:flex;align-items:center;position:relative}
.hd-in::after{content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;background:var(--line)}
.hd-dark .hd-in::after{background:var(--line-d)}
.logo img{height:58px;width:auto}
.nav{margin-left:auto;margin-right:auto}
.nav ul{display:flex;gap:4px}
.nav li{position:relative}
.nl{display:block;padding:10px 22px;font-size:15px;position:relative}
.nl.is-on::after{content:"";position:absolute;left:22px;right:22px;bottom:2px;height:1.5px;background:var(--gold)}
.nav .sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:220px;background:#fff;color:var(--ink);border:1px solid var(--line);padding:8px 0;display:none;z-index:5}
.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub{display:block}
.nav .sub a{display:block;padding:9px 20px;font-size:14px;white-space:nowrap}
.nav .sub a:hover{background:var(--ivory)}
.lang{font-family:var(--latin);font-size:12.5px;display:flex;gap:6px;color:var(--k);margin-right:34px;letter-spacing:.04em}
.lang a{color:var(--k)}
.lang a.on{color:inherit}
.hd-dark .lang a.on{color:#fff}
.hd-cta{min-width:180px;justify-content:center}
.menu-btn,.drawer{display:none}

/* home hero */
.hero-full{position:relative;height:calc(100vh - 108px);min-height:640px;max-height:800px;overflow:hidden;background:#D8CFC3}
.hf-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hf-text{position:relative;padding-top:74px}
.hf-text .disp{margin-top:34px;max-width:620px}
.hf-text .lead{color:#5F5D55}
.hf-foot{position:absolute;bottom:42px;font-family:var(--latin);font-size:11px;letter-spacing:.2em;color:#7C786D}
.hf-l{left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}
.hf-r{right:max(120px,calc((100vw - var(--max))/2 + 120px));color:#fff}
.strip3{display:grid;grid-template-columns:repeat(3,1fr);padding-top:44px;padding-bottom:36px;position:relative}
.strip3::after{content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;background:var(--line)}
.s3{display:flex;gap:30px;align-items:flex-start;padding-left:14px}
.s3-n{font-family:var(--serif);font-size:34px;color:var(--num);line-height:1.2}
.s3-h{font-size:19px;font-weight:400}
.s3-p{font-size:13px;color:var(--muted);margin-top:4px}
.edit{padding-top:86px;padding-bottom:80px}
.edit-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.edit-side{font-size:17px;color:var(--muted);line-height:1.8;min-width:360px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px}
.card-img{aspect-ratio:422/436;overflow:hidden}
.card-img img,.ri-img img,.sp-img img,.sc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .card-img img,.ri:hover .ri-img img{transform:scale(1.02)}
.card .k-sm{margin-top:20px}
.card-t{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px}
.card-t h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.2}
.band-lime{background:var(--lime)}
.band-white{background:#fff}
.band-dark2{background:var(--dark2);color:#EDEAE2}
.founder-in{display:grid;grid-template-columns:366px 1fr;gap:84px;padding-top:50px;padding-bottom:50px;align-items:center}
.founder-img{aspect-ratio:366/428;overflow:hidden}
.founder-img img{width:100%;height:100%;object-fit:cover}
.founder-t .lead{margin-top:40px}
.founder-t .btn{margin-top:36px}

/* services */
.hero-svc{display:grid;grid-template-columns:1fr 690px;gap:40px;padding-top:44px;padding-bottom:60px;border-bottom:1px solid var(--line)}
.hs-t{padding-top:22px}
.hs-imgs{display:grid;grid-template-columns:286px 234px;gap:18px;align-items:end;justify-content:end}
.hs-imgs figure img{width:100%;object-fit:cover}
.hs-a img{aspect-ratio:286/505}
.hs-b img{aspect-ratio:234/385}
.hs-imgs figcaption{font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--k);margin-top:18px}
.srows{padding-top:40px;padding-bottom:64px}
.srow{display:grid;grid-template-columns:197px 64px 1fr 60px;column-gap:0;align-items:center;padding:0 0 42px;margin-bottom:42px;position:relative}
.srow::after{content:"";position:absolute;left:230px;right:0;bottom:0;height:1px;background:var(--line)}
.srow-img{width:197px;aspect-ratio:197/170;overflow:hidden}
.srow-img img{width:100%;height:100%;object-fit:cover}
.srow-n{align-self:start;font-family:var(--latin);font-size:10px;letter-spacing:.2em;color:var(--k);padding:10px 0 0 36px}
.srow-t{padding-left:6px}
.srow-h{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.2}
.srow-p{font-size:17px;color:var(--muted);margin-top:12px}
.srow-tag{font-size:13px;color:var(--gold);margin-top:8px}
.circ{width:60px;height:60px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}
.circ .ar{width:17px;height:17px}
.srow:hover .circ{background:var(--btn);color:#fff;border-color:var(--btn)}
.ctabox{background:var(--lime);display:flex;justify-content:space-between;align-items:center;gap:40px;padding:48px 50px 54px}
.ctabox-p{font-size:16px;color:var(--muted);margin-top:12px}
.ctabox.solo{padding:40px 38px;margin-bottom:80px}
.ctabox.loc{align-items:flex-end}
main>.wrap:last-child .ctabox,main>section:last-child .ctabox{margin-bottom:80px}

/* split hero (hairstroke / shading / eyeliner) */
.hero-split{display:grid;grid-template-columns:minmax(0,698fr) minmax(0,742fr);min-height:776px}
.hero-split.lime{grid-template-columns:minmax(0,606fr) minmax(0,834fr);background:var(--lime);min-height:744px}
.hero-split.dark{background:var(--dark);color:#EFECE4}
.hero-split.rev{grid-template-columns:minmax(0,850fr) minmax(0,590fr);min-height:780px}
.hsp-t{padding:92px 40px 60px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}
.rev .hsp-t{padding-left:58px;padding-right:var(--pad)}
.hsp-t .disp.xl{margin-top:44px}
.dark .lead{color:#C9C6BC}
.hsp-img{position:relative;overflow:hidden}
.hsp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sec{padding-top:88px;padding-bottom:88px}
.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:44px}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.cols2x2{display:grid;grid-template-columns:1fr 1fr;gap:56px 42px}
.nc{border-top:1px solid var(--line);padding-top:18px}
.nc-n{font-family:var(--serif);font-size:36px;color:var(--num);line-height:1.2}
.nc-h{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.2;margin-top:18px}
.nc-p{font-size:14.5px;color:var(--muted);margin-top:12px;line-height:1.7}
.split2{display:grid;grid-template-columns:632px 1fr;gap:84px;align-items:center;padding-top:40px}
.sp-img{aspect-ratio:632/650;overflow:hidden}
.sp-t .lead{margin-top:56px}
.sp-t .btn{margin-top:50px}

/* shading swatches, lip dots */
.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:52px}
.sw span{display:block;height:122px}
.sw .k-sm{margin-top:24px}
.sw .nc-p{margin-top:8px}
.rule-top{border-top:1px solid var(--line)}
.split-list{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.split-list .th-xl{margin-top:26px}
.nrows{border-top:0}
.nr{display:grid;grid-template-columns:66px 1fr;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.nr-n{font-family:var(--serif);font-size:30px;color:var(--num);line-height:1.2}
.nr-h{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.2}
.nr-p{font-size:16px;color:var(--muted);margin-top:10px}
.hero-lip{background:var(--rose)}
.hl-in{display:grid;grid-template-columns:604px 1fr;gap:88px;align-items:center;padding-top:48px;padding-bottom:50px}
.hl-img{aspect-ratio:604/666;overflow:hidden}
.hl-img img{width:100%;height:100%;object-fit:cover}
.dots{display:grid;grid-template-columns:repeat(5,1fr);margin-top:52px;padding-bottom:30px}
.dot{text-align:center}
.dot span{display:block;width:136px;height:136px;border-radius:50%;margin:0 auto}
.dot .k-sm{margin-top:40px}
.band-white .split-list{padding-top:76px;padding-bottom:76px}
.hero-lip+.sec+.band-white+.wrap .note{padding-top:44px}

/* eyeliner */
.lines3 .nc{padding-top:32px}
.eline{display:block;width:88%;height:30px;margin:58px 0 72px 14px;color:var(--ink)}
.lines3 .th-md{margin-top:14px}

/* correction */
.hero-corr{background:#fff}
.hc-in{display:grid;grid-template-columns:1fr 638px;gap:60px;padding-top:46px;padding-bottom:36px}
.hc-t{display:flex;flex-direction:column;padding-top:28px}
.hc-t .lead{margin-top:78px}
.hc-k{margin-top:auto;padding-top:70px}
.hc-img{aspect-ratio:638/694;overflow:hidden}
.hc-img img{width:100%;height:100%;object-fit:cover}
.split-exp{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:96px;padding-bottom:60px}
.exp li{font-size:16px;color:var(--muted);line-height:2.25}
.split-exp .btn{margin-top:60px}

/* academy */
.ac-top{background:var(--dark);color:#EFECE4;padding:70px 0 58px}
.ac-top .disp{font-size:90px;margin-top:30px}
.ac-img{position:relative}
.ac-img img{width:100%;aspect-ratio:1310/592;object-fit:cover}
.ac-img.studio img{aspect-ratio:1310/684}
.overlay-box{position:absolute;right:var(--pad);bottom:0;width:calc((100% - 2*var(--pad))*.33);min-height:30%;background:var(--lime);padding:32px 28px 36px}
.overlay-box .btn{margin-top:26px;min-width:250px}
.overlay-box.ivory{background:var(--ivory);width:calc((100% - 2*var(--pad))*.27);min-height:21%;padding:36px 30px}
.overlay-box.ivory .th-md{margin-top:26px;font-size:22px}
.ccards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}
.ccard{background:var(--ivory);padding:34px 26px 26px;min-height:278px;display:flex;flex-direction:column;position:relative;transition:background .2s}
.ccard:hover{background:#fff}
.cc-h{font-family:var(--serif);font-weight:400;font-size:40px;margin-top:10px;line-height:1.2}
.cc-p{font-size:16px;color:var(--muted);margin-top:20px;line-height:1.75}
.ccard .ar{position:absolute;right:30px;bottom:30px;width:18px;height:18px}
.band-lime .sec{padding-top:78px;padding-bottom:66px}
.ac-img+.sec{padding-top:96px}
main>.wrap:last-child .note.plain{margin-top:34px}

/* inset hero (full course / about) */
.hero-inset{display:grid;grid-template-columns:1fr 552px;gap:60px;padding-top:54px;padding-bottom:58px}
.hero-inset.about{grid-template-columns:1fr 676px;border-bottom:1px solid var(--line)}
.hi-t{padding-top:10px}
.hi-t .lead{margin-top:68px}
.hi-t .btns{margin-top:52px}
.hi-img img{width:100%;aspect-ratio:552/650;object-fit:cover}
.about .hi-img img{aspect-ratio:676/750}
.hi-img figcaption{font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--k);margin-top:20px}
.d3{display:grid;grid-template-columns:repeat(3,1fr);padding-top:52px;padding-bottom:56px}
.d3-t{font-size:22px;margin-top:22px}
.mods{border-top:1px solid var(--line)}
.mod{display:grid;grid-template-columns:160px 1fr;padding:26px 0 56px;border-bottom:1px solid var(--line)}
.mod .k-sm{padding-top:10px}
.story{margin:44px 0 0 50%;max-width:600px}
.story p+p{margin-top:14px}
.story p{font-size:16px;color:var(--muted);line-height:1.9}
.split-card{display:grid;grid-template-columns:716px 1fr;background:var(--lime)}
.sc-img{aspect-ratio:716/547;overflow:hidden}
.sc-t{padding:74px 44px 50px}
.sc-t .lead{margin-top:56px}
.sc-t .btn{margin-top:42px}
.award{display:grid;grid-template-columns:520px 1fr;gap:70px;align-items:center;padding-top:20px}
.award.no-media{grid-template-columns:1fr 1fr}
.aw-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--lime)}
.aw-fig figcaption{font-family:var(--latin);font-size:11px;letter-spacing:.1em;color:var(--k);margin-top:12px}
.aw-fig figcaption a:hover{text-decoration:underline}
.aw-t .th-md{margin-top:14px}
.aw-t .lead{margin-top:20px}
.aw-links{margin-top:24px;display:flex;flex-direction:column;gap:6px}
.aw-links a{display:inline-flex;gap:10px;align-items:center;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:2px}
.aw-links a:hover{border-color:var(--ink)}

/* results */
.title-hero{padding-top:62px;padding-bottom:50px}
.title-hero .disp{margin-top:30px}
.rule-bot{border-bottom:1px solid var(--line)}
.ftabs{display:flex;gap:4px;margin-bottom:54px;flex-wrap:wrap}
.ftab{appearance:none;background:none;border:0;border-bottom:1.5px solid transparent;font:inherit;font-size:14px;color:var(--muted);padding:6px 20px 12px 2px;min-width:120px;text-align:left;cursor:pointer}
.ftab.on{color:var(--ink);border-bottom-color:var(--ink)}
.rgrid{display:grid;grid-template-columns:751fr 526fr;gap:36px;align-items:start;padding-bottom:90px}
.rcol{display:flex;flex-direction:column;gap:74px}
.ri .k-sm{margin-top:24px}
.ri-img{overflow:hidden}
.ri.tall .ri-img{aspect-ratio:751/658}
.ri.wide .ri-img{aspect-ratio:751/588}
.rcol:last-child .ri-img{aspect-ratio:526/485}
.rcol:last-child .ri:last-child .ri-img{aspect-ratio:526/568}
.ri-h{font-size:16px;font-weight:400;line-height:1.4}
.ri.hide{display:none}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 506px;gap:86px;padding-top:50px;padding-bottom:40px;align-items:start}
.uf2{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin-top:22px}
.uf{display:block;border-bottom:1px solid var(--line);padding-top:24px;margin-bottom:0}
.uf span{display:block;font-size:15px;color:var(--muted)}
.uf input,.uf select,.uf textarea{display:block;width:100%;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:14px 0 16px;outline:none;border-radius:0;-webkit-appearance:none;appearance:none}
.uf select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--k) 50%),linear-gradient(135deg,var(--k) 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.uf textarea{resize:vertical;min-height:110px}
.uf:focus-within{border-bottom-color:var(--ink)}
.uf.err{border-bottom-color:#A4533F}
.uf.full{margin-top:14px}
.fnote{font-size:13px;color:var(--muted);margin-top:30px}
.fmsg{min-height:1.4em;font-size:14px;color:#A4533F;margin:12px 0}
.uform .btn[disabled]{opacity:.6;cursor:wait}
.fdone .lead{margin-top:14px}
.dc-img img{width:100%;aspect-ratio:506/264;object-fit:cover}
.dc-t{background:var(--lime);padding:36px 38px 60px}
.dc dl{margin-top:34px}
.dc dl>div{display:grid;grid-template-columns:156px 1fr;padding:22px 0;border-bottom:1px solid #CFC7BA}
.dc dt{font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--k);padding-top:5px}
.dc dd{font-size:17px}
.dc dd a:hover{text-decoration:underline}
.dc dd .sm{font-size:13px;color:var(--muted)}
.faq{border-top:1px solid var(--line)}
.fq{padding:24px 0 30px;border-bottom:1px solid var(--line)}
.fq h3{font-size:18px;font-weight:400}
.fq p{font-size:15px;color:var(--muted);margin-top:14px}
.nf{min-height:50vh}

/* footer */
.ft{border-top:1px solid var(--line);margin:0 auto}
.ft-light{background:var(--ivory)}
.ft-dark{background:var(--dark);color:#EDEAE2;border-top:0}
.ft-in{max-width:var(--max);margin:0 auto;padding:44px var(--pad) 30px}
.ft-dark .ft-in{border-top:1px solid var(--line-d);margin-top:26px;padding-top:44px}
.ft-top{display:flex;justify-content:space-between;align-items:center;gap:30px}
.ft-big{font-family:var(--serif);font-size:62px;line-height:1.1}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-top:26px}
.ft-brand img{height:62px;width:auto}
.ft-brand p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.75}
.ft-dark .ft-brand p,.ft-dark li a{color:#CFCBC0}
.ft-h{font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--gold);margin-top:18px}
.ft-grid ul{margin-top:18px}
.ft-grid li a{display:inline-block;font-size:14px;color:var(--muted);padding:3px 0}
.ft-grid li a:hover{color:var(--ink)}
.ft-dark .ft-grid li a:hover{color:#fff}
.ft-bot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--gold)}
.ft-dark .ft-bot{border-color:var(--line-d)}
.sticky{display:none}

/* ---------- tablet ---------- */
@media (max-width:1200px){
  :root{--pad:40px}
  .disp{font-size:72px}.disp.xl{font-size:88px}.disp-2{font-size:50px}
  .nl{padding:10px 14px}.nl.is-on::after{left:14px;right:14px}
  .lang{margin-right:18px}
  .hero-svc{grid-template-columns:1fr 520px}.hs-imgs{grid-template-columns:1.2fr 1fr}
  .split2,.hl-in{grid-template-columns:1fr 1fr;gap:50px}
  .hc-in,.hero-inset,.hero-inset.about{grid-template-columns:1fr 1fr}
  .split-card{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr 420px;gap:50px}
  .award{grid-template-columns:1fr 1fr;gap:44px}
}
/* ---------- mobile ---------- */
@media (max-width:860px){
  :root{--pad:22px}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
  .nav,.lang,.hd-cta{display:none}
  .hd-in{height:76px}
  .logo img{height:44px}
  .menu-btn{display:flex;flex-direction:column;justify-content:center;gap:7px;margin-left:auto;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:0 8px}
  .menu-btn span{display:block;height:1.5px;background:currentColor;width:100%;transition:transform .2s}
  .menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .drawer{display:flex;flex-direction:column;padding:12px var(--pad) 28px;max-height:calc(100dvh - 76px);overflow:auto;background:inherit}
  .drawer[hidden]{display:none}
  .d-lang{display:flex;gap:8px;font-family:var(--latin);font-size:14px;color:var(--k);padding:6px 0 14px}
  .d-lang a.on{color:inherit;font-weight:500}
  .d-top{font-size:20px;padding:10px 0 4px;font-family:var(--serif)}
  .lang-th .d-top,.lang-zh .d-top{font-family:var(--sans);font-size:18px}
  .d-sub{font-size:15px;color:var(--muted);padding:5px 0 5px 14px}
  .hd-dark .d-sub{color:#BDB9AE}
  .d-cta{margin-top:22px;width:100%}
  .disp,.hf-text .disp{font-size:50px;margin-top:22px}
  .disp.xl{font-size:62px}
  .disp-2{font-size:38px}
  .disp-3{font-size:32px}
  .ac-top .disp{font-size:52px}
  .th-sub{font-size:23px;margin-top:20px}
  .th-sub.one{font-size:20px}
  .th-xl{font-size:31px}
  .th-h,.th-h.lg{font-size:24px}
  .th-name{font-size:26px}
  .lead{margin-top:20px;font-size:15.5px}
  .lead br{display:none}
  .btns{margin-top:26px}
  .btn{min-width:0;width:100%}
  .btns .btn{flex:1 1 100%}
  .sec{padding-top:60px;padding-bottom:60px}
  .hero-full{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;background:var(--ivory)}
  .hf-img{position:relative;order:2;height:430px;object-position:84% 25%!important}
  .hf-text{padding-top:34px;padding-bottom:30px}
  .hf-foot{display:none}
  .strip3{grid-template-columns:1fr;gap:22px;padding-top:34px}
  .s3{padding-left:0;gap:18px}
  .edit{padding-top:60px;padding-bottom:50px}
  .edit-head{display:block}
  .edit-side{min-width:0;margin-top:16px;font-size:15.5px}
  .edit-side br{display:none}
  .cards3,.ccards,.cols3,.cols4,.swatches,.d3{grid-template-columns:1fr;gap:34px}
  .card-t h3{font-size:26px}
  .founder-in{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:44px}
  .hero-svc{grid-template-columns:1fr;gap:34px;padding-top:24px}
  .hs-imgs{grid-template-columns:1.2fr 1fr;justify-content:stretch}
  .srow{grid-template-columns:104px 1fr 44px;column-gap:16px;padding-bottom:26px;margin-bottom:26px}
  .srow::after{left:0}
  .srow-img{width:104px}
  .srow-n{display:none}
  .srow-h{font-size:24px}
  .srow-p{font-size:14px;margin-top:6px;line-height:1.55}
  .srow-tag{font-size:12px}
  .circ{width:42px;height:42px}
  .ctabox,.ctabox.loc{flex-direction:column;align-items:stretch;padding:32px 24px 30px;gap:22px}
  .hero-split,.hero-split.lime,.hero-split.rev{grid-template-columns:1fr;min-height:0}
  .hsp-t,.rev .hsp-t{padding:40px var(--pad) 44px}
  .hsp-img{height:440px;order:2}
  .rev .hsp-img{order:0}
  .story{margin-left:0}
  .award.no-media .aw-media{display:none}
  .split2,.split-list,.split-exp,.hl-in,.hc-in,.hero-inset,.hero-inset.about,.split-card,.contact-grid,.award,.award.no-media,.cols2x2{grid-template-columns:1fr;gap:34px}
  .sp-t .lead,.hi-t .lead,.sc-t .lead,.hc-t .lead{margin-top:20px}
  .sp-t .btn,.sc-t .btn,.split-exp .btn{margin-top:30px}
  .dots{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .dot span{width:84px;height:84px}
  .dot .k-sm{margin-top:14px}
  .hl-in{padding-top:24px;padding-bottom:36px}
  .eline{margin:26px 0 30px}
  .hc-k{padding-top:34px}
  .ac-top{padding:40px 0 34px}
  .ac-img{padding:0}
  .ac-img img,.ac-img.studio img{aspect-ratio:4/3.4}
  .overlay-box,.overlay-box.ivory{position:static;width:auto;min-height:0;padding:26px var(--pad) 30px}
  .overlay-box .btn{min-width:0}
  .mod{grid-template-columns:1fr;padding-bottom:30px}
  .sc-t{padding:34px 24px 36px}
  .title-hero{padding-top:36px;padding-bottom:32px}
  .ftabs{margin-bottom:30px;overflow-x:auto;flex-wrap:nowrap}
  .ftab{min-width:0;white-space:nowrap;padding-right:14px}
  .rgrid{grid-template-columns:1fr;gap:44px}
  .rcol{gap:44px}
  .rcol .ri-img,.rcol:last-child .ri-img,.rcol:last-child .ri:last-child .ri-img{aspect-ratio:4/4.4}
  .uf2{grid-template-columns:1fr}
  .dc dl>div{grid-template-columns:90px 1fr}
  .dc-t{padding:30px 24px 36px}
  .ft-top{flex-direction:column;align-items:stretch}
  .ft-big{font-size:44px}
  .ft-grid{grid-template-columns:1fr 1fr;row-gap:10px}
  .ft-brand{grid-column:1/-1}
  .ft-bot{margin-top:30px}
  .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:8px;background:var(--ivory);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}
  .sticky a{flex:1;height:46px;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid var(--btn)}
  .s-line{background:#06C755;border-color:#06C755!important;color:#fff;font-family:var(--latin);font-weight:500;letter-spacing:.04em}
  .s-book{background:var(--btn);color:#fff}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}