@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Serif+Thai:wght@400;500;600&display=swap');
:root{--paper:#f5f0e7;--ink:#392c23;--muted:#766b5e;--green:#646c51;--line:#d8cdbd;--serif:'Noto Serif Thai',Georgia,serif;--sans:'Noto Sans Thai',Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b57a48;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.48;letter-spacing:-.04em}h2{font-size:clamp(30px,3.4vw,49px)}em,.italic{font-style:normal;color:var(--green)}p{color:var(--muted)}.topline{text-align:center;background:#626a51;color:#fff9eb;font-size:11px;letter-spacing:1.1px;padding:7px 12px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#f5f0e7f5;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;line-height:1.2}.brand img{width:61px;height:61px;object-fit:cover;border-radius:50%}.brand span{font-family:Georgia,serif;font-size:21px;letter-spacing:1.5px}.brand small{display:block;font:7px var(--sans);letter-spacing:1.1px;margin-top:7px}nav{display:flex;gap:27px;font-size:13px}nav a:hover,.textlink:hover{color:#a1653a}.navcall{border-bottom:1px solid var(--ink);padding:7px 0;font-size:13px}.navcall span{margin-left:22px}.hero{padding:55px 5% 65px;display:grid;grid-template-columns:.95fr 1.05fr;gap:4%;max-width:1600px;margin:auto;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--green);font-weight:600;margin-bottom:24px}.hero h1{font-size:clamp(40px,4.8vw,72px);line-height:1.4}.hero h1 em{border-bottom:1px solid #a58b67}.spark{display:inline-block;color:#9b7950;font-size:50px;margin-left:30px;animation:turn 40s linear infinite}.intro{font-size:15px;line-height:2;margin-top:26px}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 24px;background:var(--green);color:white;font-size:13px;transition:transform .25s,background .25s;border:1px solid transparent}.button:hover{background:#454f38;transform:translateY(-3px)}.textlink{font-size:12px;border-bottom:1px solid #9a8974;padding-bottom:4px}.heronote{font-size:9px;letter-spacing:2px;display:flex;gap:14px;align-items:center;margin-top:48px;color:#8b7b65}.line{width:45px;height:1px;background:#9c8d75}.heroart{position:relative;padding:0 0 15px 10px}.heroart>img{border-radius:47% 47% 3px 3px;box-shadow:15px 15px 0 #e4dacc;aspect-ratio:1/1.13;object-fit:cover;object-position:center}.stamp{position:absolute;bottom:55px;left:-36px;border-radius:50%;width:125px;height:125px;background:#f4efdf;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia;font-size:17px;line-height:1.25;box-shadow:0 8px 25px #392c2320;transform:rotate(-12deg);border:1px solid #bbae93;outline:5px solid #f4efdf}.stamp i{font-size:24px;color:var(--green)}.stamp span{font:7px var(--sans);letter-spacing:1px;margin-top:10px}.artcaption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:32px;color:var(--muted)}.ribbon{display:flex;align-items:center;justify-content:space-around;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;font:12px Georgia;letter-spacing:2px;overflow:hidden;white-space:nowrap}.ribbon b{font-size:23px;color:#8c927b}.section{padding:100px 7%;max-width:1600px;margin:auto}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.storyimage{position:relative;padding:15px 15px 15px 0}.storyimage img{border-radius:2px;box-shadow:12px 12px 0 #e0d6c3}.vertical{position:absolute;right:-25px;top:10px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.storycopy>p:not(.eyebrow){margin-top:20px;font-size:14px}.qualities{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:24px;color:#a08c6a;font:12px Georgia}.qualities strong{display:block;font:500 16px var(--serif);color:var(--ink);margin:9px 0}.qualities small{font:11px var(--sans);color:var(--muted)}.collection{background:#ece6db;max-width:none}.sectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.sectionhead>p{font-size:13px;line-height:2}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 32px}.filters button{border:1px solid #c9beac;background:transparent;border-radius:40px;padding:9px 21px;font-size:12px}.filters .active{background:var(--ink);color:#fff;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.gallery figure{margin:0}.gallery button{display:block;padding:0;border:0;background:none;position:relative;width:100%;overflow:hidden}.gallery img{transition:transform .6s;aspect-ratio:1;object-fit:contain}.gallery button:hover img{transform:scale(1.035)}.zoommark{position:absolute;right:12px;bottom:12px;background:#f5f0e7ed;border-radius:50%;height:35px;width:35px;display:grid;place-items:center}.gallery figcaption{display:flex;justify-content:space-between;padding-top:12px;font-size:13px}.gallery figcaption span{font:10px Georgia;color:#8e806e;padding-top:4px}.fine{font-size:11px;margin-top:28px}.paintfeature{display:grid;grid-template-columns:1fr 1fr;background:#454d3b;color:#f4efdf;align-items:center}.paintcopy{padding:60px 14%}.paintcopy .eyebrow{color:#c3c7ac}.paintcopy h2 span{display:block;color:#d5bb8c}.paintcopy p:not(.eyebrow){color:#d8dacb;margin:25px 0 30px;font-size:14px}.light{background:#eee7d5;color:#3e4532}.light:hover{background:#fff8e6}.featureimage{border:0;padding:0;background:none}.moodgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;margin-top:50px}.moodboard{background:#e8dfcf;min-height:400px;padding:30px;text-align:center;perspective:900px;transition:background .6s;border:1px solid #d9cbb6}.moodlabel{font-size:9px;letter-spacing:2px}.swatch3d{height:190px;display:flex;align-items:center;justify-content:center;transform:rotateX(16deg) rotateY(-16deg);transform-style:preserve-3d;transition:transform .8s}.moodboard:hover .swatch3d{transform:rotateX(8deg) rotateY(12deg)}.swatch3d div{width:110px;height:125px;box-shadow:8px 8px 0 #63513a50,15px 22px 25px #392c2325;transform:rotate(-8deg);margin:0 -5px;background:#f1e7d5;transition:background .6s}.swatch3d div:nth-child(2){transform:translateZ(25px) rotate(6deg);background:#956746}.swatch3d div:nth-child(3){transform:rotate(14deg);background:#c6b291}.moodboard h3{font:500 24px var(--serif);margin-top:5px}.moodboard p{font-size:12px;max-width:340px;margin:14px auto}.moodboard small{font-size:10px;color:#857866}.mood{border:0;border-bottom:1px solid var(--line);display:flex;gap:20px;text-align:left;align-items:center;padding:19px 12px;width:100%;background:transparent}.mood.active{background:#e9e5d8}.mood i{width:36px;height:36px;border-radius:50%}.mood span{flex:1}.mood strong{display:block;font:20px Georgia}.mood small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.mood b{font-weight:400}.moodoptions>p:last-child{font-size:12px;margin-top:20px}.details{border-top:1px solid var(--line)}.detailtitle{text-align:center}.detailgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.detailgrid article{border-top:1px solid #a99c87;padding-top:20px}.detailgrid span{font-size:9px;letter-spacing:2px;color:var(--green)}.detailgrid h3{font:500 24px var(--serif);margin:12px 0}.detailgrid p{font-size:13px}.custom{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e8e7db}.customintro>p:not(.eyebrow){margin:25px 0;max-width:370px;font-size:14px}.steps article{display:flex;gap:25px;border-bottom:1px solid #c8c7b6;padding:25px 0}.steps article:first-child{padding-top:0}.steps b{font:italic 35px Georgia;color:#93977d}.steps h3{font:500 23px var(--serif);margin-bottom:10px}.steps p{font-size:13px}.thanks{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.thanks img{transform:rotate(-2deg);box-shadow:10px 12px 0 #e3d9c8}.thanks p:not(.eyebrow){margin-top:25px;font-size:14px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:500;list-style:none;padding-right:28px;position:relative}summary:after{content:'+';position:absolute;right:0;color:var(--green)}details[open] summary:after{content:'−'}details p{font-size:13px;margin-top:15px}.contact{text-align:center;background:#3b4233;color:#f8f1e2;padding:80px 20px}.contact .eyebrow{color:#bec6ab}.contact h2{font-size:clamp(35px,4.6vw,65px)}.contact h2 span{color:#c3c6a5}.contact>p:not(.eyebrow){color:#cbd0bd;margin:22px 0}.phone{display:inline-block;font:clamp(28px,3.7vw,48px) Georgia;border-bottom:1px solid #a8b093;padding-bottom:10px;letter-spacing:2px}.contact .contactnote{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:25px}footer p,footer>a:last-child{font-size:11px}.mobilebar{display:none}dialog{border:0;padding:20px;background:#f5f0e7;max-width:min(90vw,850px);max-height:94dvh;overflow:auto}dialog::backdrop{background:#171c15e8;backdrop-filter:blur(8px)}dialog img{max-height:80dvh;width:auto;max-width:100%;margin:auto}dialog p{font-size:12px;text-align:center;margin-top:10px}#closebox{position:sticky;top:0;float:right;margin-bottom:10px;border:0;background:#3b4233;color:#fff;width:38px;height:38px;border-radius:50%}.reveal{animation:appear .8s both}.gallery figure[hidden]{display:none}@keyframes turn{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:.4;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1600px){.collection{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){nav{gap:15px;font-size:11px}.brand span{font-size:16px}.brand img{width:48px;height:48px}.hero h1{font-size:46px}.hero{gap:5%}.actions{gap:15px;flex-wrap:wrap}.section{padding:70px 5%}.paintcopy{padding:40px 10%}.sectionhead>p br{display:none}.gallery{gap:24px 18px}.story{gap:6%}footer p{display:none}}@media(max-width:700px){header{height:76px;padding:0 5%}nav{display:none}.brand span{font-size:17px}.navcall{font-size:12px}.hero{padding:35px 6% 45px;grid-template-columns:1fr;gap:38px}.hero h1{font-size:46px;line-height:1.45}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:18px}.intro{font-size:13px}.heronote{margin-top:28px}.heroart{margin-left:16px;padding-left:5px}.heroart>img{aspect-ratio:1/1.04}.stamp{height:100px;width:100px;left:-20px;bottom:60px;font-size:14px}.stamp i{font-size:21px}.stamp span{font-size:6px}.artcaption{font-size:7px;gap:15px}.ribbon{justify-content:flex-start;font-size:9px;padding:15px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section{padding:55px 6%}.story{grid-template-columns:1fr;gap:45px}.storyimage{max-width:90%}.storycopy p{font-size:13px}.sectionhead{display:block;margin-bottom:25px}.sectionhead>p{margin-top:20px;font-size:12px}.gallery{grid-template-columns:repeat(2,1fr);gap:24px 14px}.gallery figcaption{font-size:11px;display:block}.gallery figcaption span{display:block}.filters{gap:8px}.filters button{padding:7px 13px;font-size:10px}.fine{font-size:10px}.paintfeature{grid-template-columns:1fr}.paintcopy{padding:50px 7%}.moodgrid{grid-template-columns:1fr;gap:35px;margin-top:30px}.moodboard{min-height:360px;padding:22px 15px}.swatch3d div{width:90px;height:115px}.detailgrid{grid-template-columns:1fr;gap:25px}.detailtitle{text-align:left}.detailgrid h3{font-size:22px}.custom,.thanks,.faq{grid-template-columns:1fr;gap:38px}.steps article{padding:22px 0}.thanks img{max-width:95%;margin:auto}.contact{padding:60px 6%}.contact>p:not(.eyebrow){font-size:13px}.contact h2{font-size:37px}.phone{font-size:30px}footer{padding:30px 6% 100px}.mobilebar{display:grid;grid-template-columns:1fr 1.6fr;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#f5f0e7;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:9px;border-top:1px solid var(--line);box-shadow:0 -4px 20px #392c2310}.mobilebar a{text-align:center;padding:11px 5px;font-size:12px;border:1px solid #687053}.mobilebar a:last-child{background:#646c51;color:white}dialog{padding:12px;max-width:94vw}.spark{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.swatch3d{transform:none!important}}