@font-face{font-family:Kanit;src:url(fonts/Kanit-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Kanit;src:url(fonts/Kanit-Bold.ttf) format("truetype");font-display:swap;font-weight:700}@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Bold.ttf) format("truetype");font-display:swap;font-weight:700}
:root{--bg:oklch(1 0 0);--surface:oklch(.955 .012 270);--ink:oklch(.15 .025 270);--muted:oklch(.42 .03 270);--primary:oklch(.4 .15 270);--primary-dark:oklch(.23 .1 270);--accent:oklch(.88 .17 110);--signal:oklch(.68 .19 35);--line:oklch(.78 .025 270);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Sarabun,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Kanit,Sarabun,sans-serif;line-height:1.03;text-wrap:balance}.skip{position:fixed;left:12px;top:-80px;z-index:60;background:var(--accent);color:var(--ink);padding:10px 16px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}[hidden]{display:none!important}.promo{display:flex;justify-content:center;align-items:center;min-height:42px;padding:8px 50px;background:var(--accent);position:relative;font-weight:700}.promo a{display:flex;gap:18px}.promo button{position:absolute;right:16px;border:0;background:transparent;font-size:1.4rem;cursor:pointer}
.site-head{position:sticky;top:0;z-index:30;min-height:86px;display:flex;align-items:center;gap:34px;padding:12px max(24px,calc((100vw - 1360px)/2));background:oklch(1 0 0/.96);border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{width:50px;height:50px;display:grid;place-items:center;background:var(--primary)}.brand-mark img{width:30px;filter:brightness(0) saturate(100%) invert(91%) sepia(65%) saturate(507%) hue-rotate(23deg) brightness(105%)}.brand b,.brand small{display:block}.brand b{font:700 1.15rem/1 Kanit,sans-serif;letter-spacing:.04em}.brand small{font-size:.58rem;letter-spacing:.12em;margin-top:4px;color:var(--muted)}nav{display:flex;gap:26px;margin-left:auto;white-space:nowrap}nav a{font-weight:700;padding:10px 0;border-bottom:3px solid transparent}nav a:hover{border-color:var(--primary)}.head-cta{background:var(--primary);color:white;padding:13px 18px;font-weight:700}.head-cta span{color:var(--accent);margin-left:15px}
.hero{position:relative;min-height:760px;display:grid;align-items:end;isolation:isolate}.hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,oklch(.08 .04 270/.92) 0%,oklch(.11 .05 270/.7) 43%,transparent 74%)}.hero-copy{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:100px 0 86px;color:white}.hero-copy>p{font-weight:700;color:var(--accent)}.hero h1{font-size:clamp(4.1rem,9vw,6rem);letter-spacing:-.04em;margin:14px 0 38px;max-width:820px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 22px;font-weight:700;border:1px solid transparent;transition:transform .2s ease}.button:hover{transform:translateY(-3px)}.button.acid{background:var(--accent);color:var(--ink)}.button.outline{border-color:white;color:white}.spec-rail{position:absolute;right:0;bottom:0;width:min(340px,30vw);background:var(--primary);color:white;padding:24px 30px;display:grid;gap:8px}.spec-rail span{color:var(--accent);font-size:.85rem}.spec-rail b{font-family:Kanit,sans-serif;font-size:1.08rem;border-top:1px solid oklch(1 0 0/.3);padding-top:8px}
.statement{width:min(var(--max),calc(100% - 48px));margin:auto;padding:130px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.statement h2,.section-head h2,.install-copy h2,.use-copy h2,.price-title h2,.process h2,.standards>h2,.faq h2,.contact h2{font-size:clamp(2.8rem,6vw,5.6rem);letter-spacing:-.035em}.statement>div>p{max-width:68ch;color:var(--muted)}.statement dl{margin:0;border-top:4px solid var(--primary)}.statement dl div{padding:22px 0;border-bottom:1px solid var(--line)}.statement dt{font:700 1.3rem Kanit,sans-serif}.statement dd{margin:5px 0 0;color:var(--muted)}
.collections{padding:120px max(24px,calc((100vw - var(--max))/2));background:var(--primary-dark);color:white}.section-head{display:grid;grid-template-columns:.35fr 1fr .65fr;gap:36px;align-items:start;margin-bottom:65px}.section-head>span,.install-copy>span,.process-intro>span,.faq-title>span,.contact-copy>span{color:var(--accent);font-weight:700}.section-head h2{margin:0}.section-head p{color:oklch(.82 .025 270)}.collection-image{position:relative}.collection-image>img{width:100%;height:min(650px,60vw);object-fit:cover}.image-key{position:absolute;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:520px}.image-key span{background:var(--bg);color:var(--ink);padding:9px 16px;border:1px solid var(--ink);font-weight:700}.material-bands{border-top:1px solid oklch(1 0 0/.35);margin-top:62px}.material-bands article{display:grid;grid-template-columns:60px 1fr .55fr;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid oklch(1 0 0/.3)}.material-bands img{width:35px;filter:brightness(0) invert(1)}.material-bands h3{font-size:1.55rem;margin:0 0 5px}.material-bands p{margin:0;color:oklch(.82 .025 270);max-width:60ch}.material-bands b{text-align:right;color:var(--accent);font-family:Kanit,sans-serif}
.installation{display:grid;grid-template-columns:1.08fr .92fr;min-height:760px}.install-photo img{width:100%;height:100%;object-fit:cover}.install-copy{background:var(--accent);padding:clamp(55px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.install-copy>span{color:var(--primary)}.install-copy p{color:oklch(.28 .05 270);max-width:60ch}.install-copy ul{list-style:none;margin:35px 0 0;padding:0;border-top:2px solid var(--ink)}.install-copy li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid oklch(.25 .04 270/.3)}.install-copy li img{width:32px}.install-copy li b,.install-copy li span{display:block}.install-copy li b{font-family:Kanit,sans-serif;font-size:1.15rem}.install-copy li span{color:oklch(.28 .05 270)}
.use-cases{display:grid;grid-template-columns:.82fr 1.18fr;background:var(--surface)}.bath img{width:100%;height:100%;max-height:900px;object-fit:cover}.use-copy{padding:clamp(55px,9vw,135px)}.use-copy>div{display:grid;grid-template-columns:.35fr 1fr;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.use-copy h3{font-size:1.3rem}.use-copy p{color:var(--muted);margin:0}
.prices{padding:125px max(24px,calc((100vw - var(--max))/2));background:var(--bg)}.price-title{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;margin-bottom:60px}.price-title h2{margin:0}.price-title p{color:var(--muted)}.ledger{border-top:4px solid var(--ink)}.ledger>div{display:grid;grid-template-columns:.7fr 1fr .5fr;gap:30px;padding:22px 10px;border-bottom:1px solid var(--ink);align-items:center}.ledger span{font:700 1.3rem Kanit,sans-serif}.ledger small{color:var(--muted)}.ledger b{text-align:right;font:700 1.35rem Kanit,sans-serif;color:var(--primary)}.price-factors{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.price-factors b,.price-factors span{padding:8px 13px;border:1px solid var(--ink)}.price-factors b{background:var(--ink);color:white}
.process{padding:125px max(24px,calc((100vw - var(--max))/2));background:var(--primary);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.process-intro h2{margin-top:25px}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid oklch(1 0 0/.45)}.process li{display:grid;grid-template-columns:75px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid oklch(1 0 0/.35)}.process li>b{font:700 3rem/1 Kanit,sans-serif;color:var(--accent)}.process h3{font-size:1.6rem;margin:0 0 4px}.process li p{margin:0;color:oklch(.86 .02 270)}
.standards{padding:125px max(24px,calc((100vw - var(--max))/2));background:var(--accent)}.standards>h2{max-width:900px}.standards>div{display:grid;grid-template-columns:1.15fr .85fr 1fr;border-top:3px solid var(--ink)}.standards article{padding:30px;border-right:1px solid oklch(.3 .03 270/.35)}.standards article:last-child{border:0}.standards img{width:40px;margin-bottom:70px}.standards h3{font-size:1.55rem}.standards p{color:oklch(.3 .045 270);margin:0}.reviews{padding:65px max(24px,calc((100vw - var(--max))/2));background:var(--ink);color:white;display:grid;grid-template-columns:70px 1fr;gap:30px;align-items:center}.reviews img{width:48px;filter:brightness(0) invert(1)}.reviews h2{font-size:2rem;margin-bottom:5px}.reviews p{margin:0;color:oklch(.82 .02 270)}
.faq{padding:125px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-title h2{margin-top:24px}.faq-list details{border-top:1px solid var(--ink)}.faq-list details:last-child{border-bottom:1px solid var(--ink)}.faq-list summary{cursor:pointer;list-style:none;position:relative;padding:22px 50px 22px 0;font:700 1.25rem Kanit,sans-serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:8px;color:var(--primary);font-size:1.7rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);padding:0 45px 22px 0}.contact{display:grid;grid-template-columns:1.1fr .9fr}.contact-copy{padding:clamp(55px,9vw,130px);background:var(--primary-dark);color:white}.contact-copy h2{margin:22px 0}.contact-copy p{max-width:55ch;color:oklch(.82 .025 270)}.contact-copy>a{display:block;margin:40px 0 10px;padding:20px 0;border-top:1px solid oklch(1 0 0/.4);border-bottom:1px solid oklch(1 0 0/.4);font:700 clamp(1.3rem,3vw,2rem) Kanit,sans-serif;color:var(--accent);overflow-wrap:anywhere}.contact-copy>a span{float:right}.contact-copy small{color:oklch(.78 .025 270)}.contact-sheet{padding:clamp(50px,8vw,110px);background:var(--surface)}.contact-sheet h3{font-size:2.2rem}.contact-sheet ul{list-style:none;padding:0;border-top:2px solid var(--ink)}.contact-sheet li{padding:12px 0;border-bottom:1px solid var(--line)}.contact-sheet button{width:100%;border:0;background:var(--primary);color:white;padding:15px;font-weight:700;cursor:pointer;margin-top:20px}.contact-sheet p{min-height:1.5em;margin:8px 0}
footer{background:oklch(.08 0 0);color:white;padding:75px max(24px,calc((100vw - var(--max))/2)) 25px}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:45px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-main h2{font-size:1rem;color:var(--accent)}.footer-main p{color:oklch(.72 0 0)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:55px;padding-top:20px;border-top:1px solid oklch(1 0 0/.25);color:oklch(.7 0 0);font-size:.82rem}
@media(max-width:1000px){.site-head{flex-wrap:wrap;gap:8px 20px}.head-cta{margin-left:auto}nav{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.statement,.section-head,.price-title,.process,.faq{grid-template-columns:1fr}.statement{gap:55px}.section-head{gap:12px}.installation,.use-cases,.contact{grid-template-columns:1fr}.install-photo{height:600px}.bath{max-height:720px}.standards>div{grid-template-columns:1fr}.standards article{border-right:0;border-bottom:1px solid oklch(.3 .03 270/.35)}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:650px){body{font-size:16px}.site-head{position:relative}.brand b{font-size:1rem}.brand small{font-size:.5rem}.head-cta{padding:10px 12px}.hero{min-height:760px}.hero>img{object-position:58% center}.hero-shade{background:linear-gradient(0deg,oklch(.07 .04 270/.96),oklch(.11 .05 270/.55) 75%,transparent)}.hero-copy{width:calc(100% - 28px);padding:90px 0 115px}.hero h1{font-size:clamp(3.6rem,18vw,5.1rem)}.hero-actions{flex-direction:column}.spec-rail{width:100%;max-width:none;padding:14px 18px;grid-template-columns:1fr 1fr;gap:5px}.spec-rail span{grid-column:1/-1}.statement{width:calc(100% - 28px);padding:85px 0}.collections,.prices,.process,.standards,.reviews,.faq{padding-left:14px;padding-right:14px}.collection-image>img{height:420px}.image-key{position:static;justify-content:flex-start}.material-bands article{grid-template-columns:40px 1fr}.material-bands article>b{grid-column:2;text-align:left}.install-photo{height:430px}.install-copy,.use-copy{padding:60px 20px}.use-copy>div{grid-template-columns:1fr;gap:4px}.ledger>div{grid-template-columns:1fr;gap:4px}.ledger b{text-align:left}.process{gap:30px}.process li{grid-template-columns:52px 1fr}.standards article{padding:28px 12px}.standards img{margin-bottom:30px}.reviews{grid-template-columns:1fr}.faq{gap:28px}.contact-copy,.contact-sheet{padding:60px 20px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.footer-brand .brand-mark{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.gallery{padding:125px max(24px,calc((100vw - var(--max))/2));background:var(--surface)}.gallery-title{display:grid;grid-template-columns:.35fr 1fr .7fr;gap:34px;align-items:start;margin-bottom:55px}.gallery-title>span{color:var(--primary);font-weight:700}.gallery-title h2{font-size:clamp(2.8rem,6vw,5.6rem);letter-spacing:-.035em;margin:0}.gallery-title p{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.gallery-grid figure{position:relative;margin:0;height:470px;overflow:hidden}.gallery-grid figure.wide{grid-column:1/-1;height:560px}.gallery-grid figure.tall{grid-column:1/-1;height:520px}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.gallery-grid figure:hover img{transform:scale(1.02)}.gallery-grid figcaption{position:absolute;left:0;bottom:0;background:var(--accent);padding:9px 15px;font-weight:700}
@media(max-width:1000px){.gallery-title{grid-template-columns:1fr}}
@media(max-width:650px){.gallery{padding-left:14px;padding-right:14px}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure,.gallery-grid figure.wide,.gallery-grid figure.tall{grid-column:auto;height:400px}}
.contact-links{margin:40px 0 10px;border-top:1px solid oklch(1 0 0/.4)}.contact-links a{display:block;padding:16px 0;border-bottom:1px solid oklch(1 0 0/.4);font:700 clamp(1.05rem,2.2vw,1.55rem) Kanit,sans-serif;color:var(--accent);overflow-wrap:anywhere}.contact-links a span{float:right}