:root{--ink:#302c27;--brown:#876443;--gold:#b49660;--green:#344b3f;--cream:#f6f3ed;--line:#e6e0d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:14px 'Noto Sans Thai',sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.announcement{padding:10px 5%;background:var(--green);color:#f7f3e8;font-size:11px;letter-spacing:.4px;text-align:center}.announcement a{float:right}header{height:100px;display:flex;align-items:center;gap:32px;padding:0 5%;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:20px;font-weight:500}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:3px}.emblem{font:44px Georgia;color:var(--gold)}nav{display:flex;gap:27px;margin-left:auto;font-size:12px}nav a:hover,.text-link:hover{color:var(--brown)}.nav-contact{font-size:12px;border:1px solid var(--line);padding:12px 17px}.menu{display:none;border:0;background:none;font-size:25px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:635px;padding:30px 5% 35px;gap:10px;overflow:hidden}.hero-copy{padding:65px 0 30px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;color:var(--brown);margin-bottom:22px}.eyebrow span{display:inline-block;width:23px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}h1,h2{font-family:'Noto Serif Thai',serif;font-weight:400;margin:0;letter-spacing:-1.2px}h1{font-size:56px;line-height:1.43}em{font-style:normal;color:var(--brown)}.hero-copy p{font-size:14px;line-height:1.9;color:#858078;margin:22px 0 29px}.actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:16px 23px;border:0;font-size:12px}.dark{background:var(--green);color:#fff}.button:hover{filter:brightness(1.13)}.text-link{font-size:12px;display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #b9a991;padding-bottom:7px}.hero-note{display:flex;align-items:center;gap:15px;font-size:10px;color:#8c8378;margin-top:38px}.hero-note i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.hero-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.arch{position:absolute;inset:25px 3% 20px 10%;background:#f7f4ee;border-radius:47% 47% 0 0}.hero-visual>img{width:112%;position:relative;mix-blend-mode:multiply;margin-top:10px}.visual-label{position:absolute;right:-14px;top:36%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#aa9881}.visual-card{position:absolute;bottom:26px;right:0;padding:20px 24px;background:#ffffffee;box-shadow:0 8px 40px #493d2a08;width:240px;border-left:2px solid var(--gold)}.tiny{font-size:8px;letter-spacing:1.6px;color:#a18b6b}.visual-card b{display:block;font-family:'Noto Serif Thai';font-size:16px;font-weight:400;margin:9px 0}.visual-card a{font-size:10px;display:flex;justify-content:space-between}.image-no{position:absolute;bottom:0;left:10%;font-size:8px;letter-spacing:2px;color:#9e8e78}.benefits{margin:0 5%;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.benefits>div{display:flex;gap:17px;justify-content:center;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits b{font-family:Georgia;font-weight:400;font-size:24px;color:var(--gold)}.benefits span{font-size:12px}.benefits small{display:block;font-size:10px;color:#999085;margin-top:5px}.section{padding:85px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:32px;line-height:1.6}.section-head p{font-size:12px;color:#91897e;line-height:1.9;margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category{position:relative;background:var(--cream);border:0;text-align:left;padding:25px 27px 0;overflow:hidden;min-width:0;color:var(--ink)}.category:hover img{transform:scale(1.04)}.category .num{font-size:9px;color:#a58b67;letter-spacing:1px}.category h3{font-family:'Noto Serif Thai';font-size:22px;font-weight:400;margin:10px 0 3px}.category p{font-size:11px;color:#8c8275;margin:0}.category img{width:100%;height:215px;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.category .arrow{position:absolute;right:24px;top:35px;font-size:22px;color:var(--brown)}.catalog{background:#fbfaf7;padding-top:70px}.muted{font-size:10px;color:#958a7b}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filters button{border:1px solid var(--line);background:transparent;padding:9px 17px;font-size:11px;color:#7b7267}.filters button.active{color:white;background:var(--green);border-color:var(--green)}.search-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#928779;font-size:11px}.search-row input{border:0;border-bottom:1px solid #d8cfc1;background:transparent;padding:9px;margin-left:12px;max-width:220px;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.product{border:0;background:transparent;text-align:left;padding:0;color:var(--ink)}.product-image{position:relative;background:white;overflow:hidden}.product-image img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .4s}.product:hover img{transform:scale(1.04)}.product-image span{position:absolute;top:12px;left:12px;font-size:8px;color:var(--brown);background:var(--cream);padding:5px 8px;letter-spacing:.6px}.product h3{font-size:13px;font-weight:500;margin:16px 0 5px}.product p{font-size:10px;color:#978c7d;margin:0 0 10px}.product-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--brown);padding-bottom:10px;border-bottom:1px solid var(--line)}.empty{grid-column:1/-1;padding:40px;text-align:center}.finder{margin:0;background:var(--green);color:#fff;padding:58px 7%;display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.finder h2{font-size:35px}.finder .eyebrow{color:#d0ba94}.finder em{color:#d4bf9a}.finder p{font-size:12px;color:#ced4ce;line-height:1.9;max-width:380px}.finder form{align-self:center}.finder label{display:block;font-size:13px;margin-bottom:15px}.finder select{width:100%;background:transparent;color:#fff;border:1px solid #78877e;border-radius:0;padding:15px}.finder option{color:var(--ink)}.cream{background:#ede6d8;color:var(--green);width:100%;justify-content:space-between;margin-top:13px}.finder form p{font-size:10px;min-height:40px}.craft{display:grid;grid-template-columns:1.05fr 1fr;gap:95px;align-items:center}.craft-photos{position:relative;padding:0 45px 40px 0}.craft-photos>img{width:100%;height:510px;object-fit:cover}.craft-inset{position:absolute;right:0;bottom:0;width:50%;background:#f2eee5;padding:12px;text-align:center;border:8px solid #fff}.craft-inset img{width:100%;mix-blend-mode:multiply}.craft-inset span{font-size:7px;letter-spacing:1.3px}.craft-copy p{font-size:12px;color:#8a8175;line-height:2.1;max-width:390px}.craft-copy h2{font-size:34px}.craft-copy .text-link{margin-top:15px}.steps{background:var(--cream)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:50px}.steps-grid article{border-top:1px solid #d9cebd;padding-top:22px}.steps-grid span{font:30px Georgia;color:var(--gold)}h3{font-weight:500}.steps-grid h3{font-size:16px;margin:20px 0 10px}.steps-grid p{font-size:12px;color:#938779;line-height:1.9}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--brown)}details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:1.9;color:#8a8176}.contact{padding:65px 5%;text-align:center;background:#eee8dd}.contact h2{font-size:39px}.contact p{font-size:12px;color:#8d8070}.contact .actions{justify-content:center;margin:26px 0 18px}.outline{border:1px solid #bbae9a;background:transparent}.contact small{font-size:10px;color:#9a8974}footer{padding:45px 5% 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px;align-items:center}footer>div{display:flex;gap:25px;font-size:11px;color:#8c8173}footer p{flex-basis:100%;border-top:1px solid var(--line);padding-top:24px;font-size:9px;color:#a49887;margin:0}.floating{position:fixed;bottom:23px;right:25px;z-index:6;background:var(--green);color:#fff;padding:13px 18px;box-shadow:0 5px 20px #26392f30;font-size:11px;display:flex;gap:20px}dialog{border:0;padding:35px;width:min(860px,92vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#1e2826aa}.close{position:absolute;right:14px;top:8px;border:0;background:transparent;font-size:30px;color:var(--ink)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-layout img{width:100%}.detail-layout h2{font-size:25px}.detail-layout p{font-size:12px;line-height:2;color:#8c8174}.detail-layout .button{margin-top:15px}.detail-layout small{display:block;font-size:10px;color:#8c8174;margin-top:12px}
@media(min-width:1500px){main,header,footer,.announcement{padding-left:max(5%,calc((100% - 1400px)/2));padding-right:max(5%,calc((100% - 1400px)/2))}main{padding:0}.hero{min-height:730px}.hero-copy{padding-top:100px}}
@media(max-width:1050px){header{gap:15px}nav{gap:15px}.brand{font-size:16px}.nav-contact{display:none}h1{font-size:46px}.hero{min-height:580px}.hero-copy{padding-top:45px}.hero-visual>img{width:115%}.hero-note{gap:9px;font-size:9px}.section{padding-top:65px;padding-bottom:65px}.craft{gap:45px}.product-grid{gap:15px}.finder{gap:40px}.category{padding:20px 20px 0}.category h3{font-size:20px}.category img{height:180px}}
@media(max-width:700px){html{scroll-padding-top:80px}.announcement{font-size:9px;padding:8px 10px}.announcement a{display:none}header{height:78px;padding:0 6%;justify-content:space-between}.brand{font-size:17px}.brand small{font-size:6px}.emblem{font-size:34px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px 6%;box-shadow:0 10px 15px #00000009;flex-direction:column;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:0 6% 28px;gap:0}.hero-copy{padding:39px 0 0}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:18px}h1{font-size:42px;line-height:1.45}.hero-copy p{font-size:12px;line-height:1.9;margin:20px 0 24px}.desktop{display:none}.actions{gap:20px}.button{padding:14px 18px;gap:22px;font-size:11px}.text-link{font-size:11px;gap:14px}.hero-note{margin-top:26px;font-size:9px}.hero-visual{min-height:380px;margin:0 -3%}.hero-visual>img{width:100%;max-height:400px;object-fit:contain}.arch{inset:25px 6% 20px 12%}.visual-label{right:0;font-size:7px}.visual-card{bottom:20px;right:10px;padding:13px 17px;width:205px}.visual-card b{font-size:14px}.image-no{font-size:7px}.benefits{margin:0 6%;grid-template-columns:1fr 1fr;gap:25px 10px;padding:25px 0}.benefits>div{justify-content:start;gap:13px}.benefits>div:nth-child(2){border:0}.benefits b{font-size:21px}.benefits span{font-size:10px}.benefits small{font-size:8px}.section{padding:48px 6%}.section-head{display:block;margin-bottom:25px}h2{font-size:27px;letter-spacing:-.8px}.section-head p{margin-top:15px;font-size:11px}.category-grid{grid-template-columns:1fr 1fr;gap:12px}.category{padding:17px 14px 0}.category .num{font-size:8px}.category h3{font-size:17px;margin-top:7px}.category p{font-size:9px;min-height:30px}.category img{height:150px}.category .arrow{font-size:17px;right:12px;top:16px}.product-grid{grid-template-columns:1fr 1fr;gap:25px 13px}.muted{display:block;margin-top:13px;font-size:9px}.filters{gap:6px}.filters button{font-size:10px;padding:7px 10px}.search-row{font-size:9px;gap:8px}.search-row input{width:145px;font-size:10px;margin-left:3px}.product h3{font-size:11px;line-height:1.7;margin-top:10px}.product p,.product-bottom{font-size:9px}.product-image span{font-size:7px;top:8px;left:8px}.finder{padding:40px 6%;grid-template-columns:1fr;gap:23px}.finder h2{font-size:29px}.finder p{font-size:11px}.finder form p{min-height:0}.craft{grid-template-columns:1fr;gap:35px}.craft-photos{padding-right:30px}.craft-photos>img{height:390px}.craft-inset{width:47%}.craft-copy h2{font-size:29px}.craft-copy p{font-size:12px}.steps .section-head .text-link{margin-top:15px}.steps-grid{grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.steps-grid h3{font-size:15px;margin:14px 0 8px}.steps-grid p{font-size:11px}.faq{grid-template-columns:1fr;gap:25px}.faq h2 br{display:none}summary{font-size:12px}.contact{padding:45px 6%}.contact h2{font-size:32px}.contact .actions{flex-direction:column;gap:12px}.contact .button{width:240px}.contact p{font-size:11px}footer{padding:35px 6% 75px;gap:25px}footer>div{flex-wrap:wrap;gap:15px;font-size:10px}.floating{right:16px;bottom:16px}.detail-layout{grid-template-columns:1fr;gap:10px}dialog{padding:28px 22px}.detail-layout img{max-height:300px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}