@font-face{font-family:NotoThai;src:url('assets/noto-sans-thai-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:NotoThai;src:url('assets/noto-sans-thai-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fffcf8;color:#342d2e;font-family:NotoThai,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #a86c29;outline-offset:5px}p,h1,h2,h3{margin:0}p+p{margin-top:18px}h1,h2,h3{line-height:1.45;font-weight:600}h2{font-size:clamp(1.8rem,3vw,2.6rem)}.wrap{width:min(1260px,calc(100% - 96px));margin-inline:auto}.section{padding-block:96px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.15em;color:#875e3c;line-height:1.7}.announcement{background:#783f50;color:#fff8f4;text-align:center;padding:9px 20px;font-size:.75rem;letter-spacing:.13em}.announcement span{letter-spacing:0;margin-left:22px}header{position:sticky;top:0;z-index:20;background:#fffcf8f5;border-bottom:1px solid #e9dfd8;backdrop-filter:blur(12px)}.header-inner{width:min(1340px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 0}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:60px;height:60px;border-radius:50%;flex-shrink:0}.brand>span{font-family:Georgia,serif;font-size:1.4rem;letter-spacing:.12em;min-width:0;overflow-wrap:anywhere}.brand small{display:block;font-family:NotoThai,sans-serif;font-size:.625rem;letter-spacing:.35em;margin-top:3px;color:#87653d}.brand small{font-size:.75rem}nav{display:flex;align-items:center;gap:32px;font-size:.875rem}nav a:hover,.text-link:hover{color:#984c64}.nav-contact{border:1px solid #b89a7e;padding:10px 20px}.menu-toggle{display:none;background:none;border:1px solid #b89a7e;padding:8px 15px;flex-shrink:0}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:52px 64px}.hero-copy{padding-block:30px}.hero h1{font-size:clamp(2.2rem,3.55vw,3.4rem);line-height:1.5;margin-top:20px;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:#87485b}.intro{margin-top:20px;color:#756869}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;background:#783f50;color:#fff;padding:14px 28px;margin-top:28px;font-size:.9375rem;border:1px solid #783f50;transition:background .2s}.button:hover{background:#542a37}.hero-note{border-left:1px solid #be9670;padding-left:19px;margin-top:42px}.hero-note span{font-size:.75rem;letter-spacing:.13em;color:#896841}.hero-note p{font-size:.875rem;margin-top:2px;color:#756869}.hero-visual{position:relative;background:#eedccf;padding:12px}.hero-visual>img{width:100%;height:auto}.hero-caption{position:absolute;bottom:30px;left:30px;right:30px;background:#fffcf8ed;padding:17px 22px}.hero-caption span{display:block;font-size:.75rem;letter-spacing:.16em;color:#896841}.hero-caption strong{font-weight:400;font-size:1.15rem}.category-line{border-block:1px solid #e5d6cc;background:#f7f0e8}.category-line>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.category-line a{padding:23px 10px;text-align:center;font-family:Georgia,serif;font-size:1.05rem;letter-spacing:.08em;border-right:1px solid #e5d6cc}.category-line a:first-child{border-left:1px solid #e5d6cc}.category-line span{font-family:NotoThai,sans-serif;letter-spacing:0;color:#857572;font-size:.875rem;margin-left:12px}.category-line a:hover{background:#ecdcd5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2{margin-top:12px}.section-heading>p{font-size:.875rem;color:#756869}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:35px 0 32px;border-bottom:1px solid #e7ded5;padding-bottom:24px}.filter-row button{background:transparent;border:1px solid #dccbc0;padding:9px 22px;font-size:.875rem;color:#5f4f4c;border-radius:2px}.filter-row button.active{background:#783f50;border-color:#783f50;color:white}.filter-row>span{margin-left:auto;font-size:.875rem;color:#756869}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}.product[hidden]{display:none}.product-photo{width:100%;aspect-ratio:1/1.18;background:#f3eeea;border:0;padding:12px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-photo .small-image{max-width:220px;max-height:294px;width:auto;height:auto}.photo-label{position:absolute;bottom:12px;right:12px;padding:5px 11px;background:#fffcf8ed;font-size:.75rem;color:#624b47;opacity:0;transition:opacity .2s}.product-photo:hover .photo-label,.product-photo:focus-visible .photo-label{opacity:1}.product-info{padding:16px 1px 0}.product-info h3{font-family:NotoThai,sans-serif;font-size:1rem;margin:7px 0 5px;overflow-wrap:anywhere}.product-info>p:last-child{font-size:.875rem;color:#796c66}.about{background:#f3e5e2}.about-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:72px;align-items:center}.about-title h2{margin:14px 0 22px;color:#783f50}.about-title>p:not(.eyebrow){color:#6b5755}.text-link{display:inline-block;margin-top:26px;padding-bottom:5px;border-bottom:1px solid #946b51}.about-image{min-width:0;background:#fffbf5}.about-image img{width:100%;height:auto}.brand-quote{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.5rem,3vw,2.5rem);text-align:center;padding:36px 20px;color:#87653d}.brand-quote span{display:block;font: .75rem NotoThai,sans-serif;letter-spacing:.18em;margin-top:15px}.contact{text-align:center}.contact h2{margin:15px 0}.contact>p:not(.eyebrow){color:#756869}.company{background:#33282b;color:#fff7f1;padding:60px 0}.company .eyebrow{color:#d4b495}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.company h2{font-size:1.6rem;margin:13px 0 4px}.company p:not(.eyebrow){color:#d6c3c0;font-size:.875rem}.company dl{margin:0}.company dl>div+div{margin-top:20px}.company dt{font-size:.75rem;color:#d4b495}.company dd{margin:3px 0 0;font-size:.9375rem}footer{padding-block:25px;display:flex;gap:28px;font-size:.75rem;color:#756869}footer span{margin-right:auto}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}dialog{border:0;padding:40px;width:min(960px,calc(100% - 32px));max-height:90dvh;background:#fffcf8;color:#342d2e}dialog::backdrop{background:#25191cc9;backdrop-filter:blur(5px)}.dialog-close{display:block;margin-left:auto;margin-bottom:18px;background:none;border:1px solid #b89a7e;padding:7px 15px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.dialog-photo{background:#f3eeea;min-height:260px;display:flex;align-items:center;justify-content:center}.dialog-photo img{width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain}.dialog-photo img.small-image{max-width:220px;max-height:294px}.dialog-info h2{font-size:1.8rem;margin:12px 0 20px}.dialog-info .availability{font-size:.875rem;color:#796c66;border-top:1px solid #dfd0c6;padding-top:20px}#thumbnails{display:flex;gap:10px;margin-top:12px}#thumbnails button{background:transparent;border:1px solid #b89a7e;padding:3px}#thumbnails img{width:54px;height:64px;object-fit:contain}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{gap:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header-inner{width:calc(100% - 40px)}nav{gap:18px}.hero{gap:32px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-line span{display:block;margin:3px 0 0}.about-grid{gap:35px}.section{padding-block:70px}}@media(max-width:760px){.menu-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:24px;background:#fffcf8;border-bottom:1px solid #d9c8bb;flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:20px;padding-top:20px;padding-bottom:36px}.hero-copy{padding:20px 0 0}.hero h1{font-size:clamp(2rem,6.7vw,3.2rem)}.hero-note{display:none}.hero-visual{max-width:540px;width:100%;margin:auto}.hero-caption{bottom:24px;left:24px;right:24px}.section-heading{display:block}.section-heading>p{margin-top:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.about-grid,.company-grid{grid-template-columns:1fr;gap:32px}.about-image{max-width:640px}.announcement span{display:none}.dialog-grid{grid-template-columns:1fr}.dialog-info h2{font-size:1.5rem}.dialog-photo img{max-height:350px}dialog{padding:20px}.category-line a{font-size:.75rem;padding:18px 5px}.category-line span{font-size:.75rem}.company{padding:45px 0}.filter-row>span{width:100%;margin-left:0;margin-top:8px}.filter-row button{padding:8px 15px}.photo-label{opacity:1}.product-info .eyebrow{letter-spacing:.06em}}@media(max-width:420px){.wrap{width:calc(100% - 32px)}.header-inner{width:calc(100% - 28px);gap:12px}.brand{gap:9px}.brand img{width:48px;height:48px}.brand>span{font-size:1.1rem;letter-spacing:.06em}.brand small{font-size:.75rem;letter-spacing:.17em}.hero .intro br{display:none}.hero-caption{padding:10px 14px;bottom:22px;left:22px;right:22px}.hero-caption strong{font-size:1rem}.product-photo{padding:6px}.product-info h3{font-size:.9375rem}.product-photo .small-image{max-width:100%;max-height:100%}.product-grid{gap:26px 12px}.section{padding-block:54px}footer{flex-wrap:wrap;gap:14px}footer span{width:100%}.button{padding:13px 20px}.contact br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.category-line>.wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.category-line a{min-width:0;overflow-wrap:anywhere}