/* Thai contemporary visual system */
:root{--ink:#30241e;--brown:#9a572f;--gold:#b88837;--green:#164c3e;--cream:#f5efe5;--line:#dcd1bf}
body{font-family:'IBM Plex Sans Thai',sans-serif;font-size:15px;background:#fffcf7;color:var(--ink)}h1,h2,.category h3,.visual-card b{font-family:'Pridi',serif;letter-spacing:-.8px;font-weight:400}h2{font-size:38px;line-height:1.5}h2 em{color:#a26231}p{font-weight:400}.announcement{background:#2c211c;padding:9px 5%;font-size:10px;letter-spacing:.6px;color:#e9d7b9}.announcement a{color:#d7b47a}header{height:94px;background:#fffcf7;border-bottom:1px solid #e9dfcf;gap:30px}.brand{font-family:'IBM Plex Sans Thai';font-weight:500;letter-spacing:2.7px;font-size:19px}.brand small{font-size:6px;letter-spacing:1.8px}.emblem{display:block;width:38px;height:43px;line-height:0}.emblem svg{width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}nav{font-size:12px;gap:25px}.nav-contact{background:var(--green);color:#fff;padding:12px 18px;border:0}.hero{padding:0 0 0 6%;grid-template-columns:43% 57%;gap:0;min-height:650px;position:relative;background:#f5eee3;overflow:visible}.hero:before{content:'';position:absolute;inset:0 50% 0 0;pointer-events:none;background:radial-gradient(ellipse at 0% 100%,#dfc79e44,transparent 70%)}.hero-copy{padding:65px 45px 85px 0;display:flex;flex-direction:column;align-items:flex-start}.hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px;color:#856441}.hero-kicker{font-size:12px;color:#88775f;margin-bottom:13px;letter-spacing:2px}h1{font-size:52px;line-height:1.48;letter-spacing:-1.6px;color:#38271f}h1 em{color:#9b5a30}.hero-copy p{font-size:14px;line-height:1.95;color:#7d6c5b;margin:23px 0 28px}.hero .actions{gap:23px;flex-wrap:wrap}.button{font-size:12px;padding:16px 24px;min-height:50px;transition:background .25s,transform .25s;border-radius:2px}.button:hover{filter:none;transform:translateY(-2px);background:#256450;color:#fff}.text-link{font-size:12px;font-weight:500;color:#62442e;border-color:#a57b45;padding-bottom:6px}.hero-note{font-size:10px;margin-top:27px;gap:12px;color:#806d55}.hero-edition{font-size:8px;letter-spacing:2px;margin-top:auto;padding-top:35px;color:#a08a6b}.hero-visual{display:block;position:relative;min-height:650px;isolation:isolate}.hero-visual>img{position:absolute;inset:0;margin:0;width:100%;height:100%;object-fit:cover;object-position:59% center;mix-blend-mode:normal}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#3a231b10,transparent 30%,#161c1615);pointer-events:none}.image-caption{position:absolute;bottom:13px;right:17px;padding:4px 8px;background:#191d1ba3;color:#fff;font-size:8px;letter-spacing:.2px;z-index:2}.visual-card{bottom:40px;left:-45px;right:auto;width:260px;background:#fffaf0;padding:26px 27px;border:0;box-shadow:0 14px 45px #30211125;z-index:3}.tiny{font-size:8px;letter-spacing:1.4px;color:#9f773c}.visual-card b{font-size:25px;line-height:1.5;color:#4a3021;margin:12px 0 13px}.visual-card small{font-size:10px;color:#8b765e}.visual-rule{height:1px;width:45px;background:var(--gold);display:block;margin:13px 0}.collection-ribbon{padding:20px 6%;background:#a46636;color:#fff5e4;display:flex;justify-content:space-between;align-items:center;gap:20px}.collection-ribbon span{font-family:'Pridi';font-size:13px;letter-spacing:1px}.collection-ribbon span:last-child{font:9px 'IBM Plex Sans Thai';letter-spacing:2px}.collection-ribbon i{font-style:normal;font-size:15px;color:#e7c78c}.benefits{padding:32px 0;margin:0 6%;border-top:0}.benefits>div{gap:16px}.benefits b{font-family:'Pridi';font-size:26px;color:#a17033}.benefits span{font-size:12px;font-weight:500}.benefits small{font-weight:400;font-size:10px;color:#8b7d6b}.section{padding:85px 6%}.section-head{align-items:center;margin-bottom:40px}.eyebrow{color:#a07135;font-size:9px;font-weight:500;letter-spacing:2px}.section-head p{color:#827361;font-size:13px;line-height:2}.category-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.category{grid-column:span 3;background:linear-gradient(145deg,#e8dfd0,#f7f1e8 65%);padding:26px 25px 0;min-height:310px;position:relative;border:1px solid #e9dfd0;box-shadow:0 10px 25px #3c2d1c04;transition:box-shadow .3s,transform .3s}.category:after{content:'';position:absolute;width:140px;height:140px;border:1px solid #c9aa7450;border-radius:50%;right:-40px;bottom:25px;pointer-events:none}.category:nth-child(-n+2){grid-column:span 6;min-height:370px;padding:34px 34px 0}.category:nth-child(2){background:linear-gradient(120deg,#e4d0b1,#f4e7d2)}.category:nth-child(3){background:#eeebe3}.category:nth-child(4){background:#e6e9e2}.category:nth-child(5){background:#e7d9c8}.category:nth-child(6){background:#e8dfce}.category:hover{transform:translateY(-5px);box-shadow:0 17px 35px #45301e13}.category .num{font-size:8px;color:#9d7a49;letter-spacing:1.3px}.category h3{font-size:22px;color:#3b2a1e;margin:10px 0 5px}.category:nth-child(-n+2) h3{font-size:29px}.category p{font-size:11px;color:#87725b;max-width:190px}.category img{height:185px;position:relative;z-index:1;margin-top:15px}.category:nth-child(-n+2) img{height:255px;width:75%;margin-left:25%;margin-top:-20px}.category:nth-child(-n+2):after{width:240px;height:240px;right:25px;bottom:35px;border-color:#c5a77555}.category:nth-child(1) img{width:64%;margin-left:36%;height:260px;margin-top:-25px}.category:nth-child(1) p{max-width:190px}.catalog{background:#f3ece0;position:relative;padding-top:70px;padding-bottom:80px}.catalog:before{content:'';position:absolute;left:6%;top:0;width:75px;height:3px;background:var(--gold)}.muted{font-size:11px;color:#8f775b}.filters{gap:9px;margin-bottom:20px}.filters button{border:1px solid #cfbda3;padding:10px 19px;color:#705c45;background:transparent;font-size:12px}.filters button.active{background:#3e2d22;border-color:#3e2d22;color:#fff4df}.search-row{font-size:11px;color:#7b6954;margin-bottom:30px}.search-row input{color:#473524;border-color:#bfa782;font-size:12px}.product-grid{gap:35px 25px}.product-image{background:#fffaf2;border:1px solid #e5d9c5;box-shadow:0 8px 20px #4b311707}.product-image img{mix-blend-mode:multiply;padding:12px}.product-image span{background:#eee0c6;color:#80582e;font-size:7px;letter-spacing:.8px;padding:6px 9px}.product h3{font:500 14px 'IBM Plex Sans Thai';margin:18px 0 6px}.product p{font-size:11px;color:#8b775e}.product-bottom{font-size:11px;font-weight:500;color:#9b5a30;border-color:#d7c6ac}.finder{position:relative;margin:0 6%;transform:translateY(40px);padding:45px 6%;gap:70px;z-index:2;box-shadow:0 20px 50px #1d3b2b20;background:linear-gradient(120deg,#154b3c,#173d31)}.finder:before,.finder:after{content:'';position:absolute;width:70px;height:70px;border:1px solid #c4a46c77;pointer-events:none}.finder:before{top:12px;left:12px;border-right:0;border-bottom:0}.finder:after{right:12px;bottom:12px;border-left:0;border-top:0}.finder h2{font-size:35px}.finder em{color:#d4ad6d}.finder .eyebrow{color:#d7b77e}.finder p{font-size:12px;color:#dae3db}.finder label{font-size:13px}.finder select{border-color:#9dbaa480;background:#ffffff05;padding:14px}.finder form p{font-size:10px}.cream{background:#d8b678;color:#263b2c;margin-top:12px}.craft{padding-top:135px;padding-bottom:95px;gap:90px;background:#fffcf7}.craft-photos{padding:0 35px 65px 0}.craft-photos:before{content:'';position:absolute;left:-15px;top:24px;bottom:90px;width:40px;border:1px solid #bd934d;z-index:0}.craft-photos>img{position:relative;height:490px;object-fit:cover;object-position:40% center;box-shadow:0 16px 36px #37281820}.craft-photos>.image-caption{bottom:80px;left:10px;right:auto;font-size:7px}.craft-inset{background:#efe4d0;box-shadow:0 12px 30px #2e23141a;padding:6px 10px 12px;border:8px solid #fffcf7;width:51%;bottom:0}.craft-inset span{font-size:8px;letter-spacing:.3px;color:#8f734f}.craft-copy h2{font-size:40px;line-height:1.5}.craft-copy p{font-size:13px;line-height:2;color:#7c6b58}.steps{background:#35271f;color:#f9edd9;position:relative;overflow:hidden}.steps:after{content:'๏';position:absolute;right:0;bottom:-100px;font:430px 'Pridi';color:#d1a65a08;pointer-events:none}.steps .eyebrow{color:#cfa76c}.steps .text-link{color:#e0bc83;border-color:#aa8051}.steps-grid{position:relative;z-index:1;gap:35px;margin-top:45px}.steps-grid article{border-color:#8b694c;padding-top:25px}.steps-grid span{font:36px 'Pridi';color:#c9a064}.steps-grid h3{font-size:18px;font-weight:400}.steps-grid p{font-size:12px;color:#c6b39b}.faq{background:#f8f2e8;gap:60px;padding-top:75px;padding-bottom:75px}.faq h2{font-size:34px}.faq details{border-color:#d8c7ad;padding:22px 0}.faq details:first-child{border-color:#d8c7ad}.faq summary{font-size:14px}.faq details p{color:#7e6c57;font-size:12px}.contact{position:relative;isolation:isolate;overflow:hidden;background:#dfc59b;padding:70px 6%}.contact-ornament{position:absolute;inset:20px 0 0;z-index:-1;font:210px 'Pridi';color:#b48b5620;pointer-events:none;white-space:nowrap}.contact:before,.contact:after{content:'';position:absolute;top:27px;bottom:27px;width:17%;border:1px solid #a67f4555;z-index:-1}.contact:before{left:25px;border-right:0}.contact:after{right:25px;border-left:0}.contact .eyebrow{color:#79552d}.contact h2{font-size:43px;line-height:1.4;color:#49301d}.contact p{color:#786044;font-size:13px}.contact small{color:#806443}.outline{color:#4f3520;border-color:#a08254}.contact .dark{background:#164c3e}.contact .actions{margin-top:28px}footer{background:#fffcf7;padding:45px 6% 30px}footer>div{color:#765d43;font-size:11px}footer p{color:#a38b6e}.floating{background:#164c3e;border:1px solid #d3b37780;border-radius:30px;padding:13px 23px;letter-spacing:1px;font-weight:500;box-shadow:0 5px 25px #152d2430}dialog{background:#fffaf0;box-shadow:0 25px 80px #0003;border-top:4px solid #bd8d41}dialog::backdrop{background:#1b211cba}.detail-layout h2{font-family:'Pridi'}.detail-layout p{font-size:13px;color:#7b6650}.detail-layout img{mix-blend-mode:multiply}.detail-layout .eyebrow{font-size:9px}
@media(min-width:1500px){.hero{grid-template-columns:42% 58%;min-height:730px;padding-left:max(6%,calc((100vw - 1350px)/2))}.hero-visual{min-height:730px}.hero-copy{padding-top:95px}.hero h1{font-size:62px}}
@media(max-width:1100px) and (min-width:701px){header{gap:15px}.brand{font-size:16px}nav{font-size:11px;gap:17px}.hero{grid-template-columns:45% 55%;min-height:620px;padding-left:5%}.hero-copy{padding:55px 30px 75px 0}.hero-visual{min-height:620px}.hero h1{font-size:44px}.hero-copy p{font-size:13px}.hero .actions{gap:17px}.hero .button{padding:14px 19px;font-size:11px}.hero .text-link{font-size:11px}.visual-card{width:225px;left:-25px;padding:23px}.visual-card b{font-size:23px}.category{padding:22px 18px 0}.category h3{font-size:19px}.category img{height:160px}.category:nth-child(-n+2){padding:27px;min-height:340px}.category:nth-child(-n+2) h3{font-size:25px}.category:nth-child(-n+2) img{height:230px;width:85%;margin-left:15%;margin-top:0}.category:nth-child(1) img{width:65%;margin-left:35%;margin-top:-10px}.category p{font-size:10px}.craft{gap:50px}.craft-copy h2{font-size:33px}.craft-photos>img{height:450px}.finder{gap:35px;padding-left:5%;padding-right:5%}.finder h2{font-size:30px}.product-grid{gap:28px 17px}.product h3{font-size:12px}}
@media(max-width:700px){body{font-size:14px}.announcement{font-size:8px;padding:8px 10px}header{height:76px;padding:0 6%}.brand{font-size:16px;gap:9px;letter-spacing:2px}.brand small{font-size:5px;letter-spacing:1.5px}.emblem{width:31px;height:37px}.menu{color:#4b3828;font-size:23px}nav{top:76px;background:#fffcf7;padding:24px 6%;font-size:13px}.hero{display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden}.hero:before{inset:0 0 50%}.hero-copy{padding:35px 6% 32px}.hero .eyebrow{font-size:7px;margin-bottom:16px;letter-spacing:1.7px}.hero-kicker{font-size:10px;letter-spacing:1.7px;margin-bottom:10px}.hero h1{font-size:39px;line-height:1.45;letter-spacing:-1px}.hero-copy p{font-size:12px;line-height:1.9;margin:17px 0 22px}.hero .desktop{display:none}.hero .actions{gap:20px}.hero .button{font-size:11px;padding:14px 18px;min-height:46px}.hero .text-link{font-size:11px}.hero-note{margin-top:21px;font-size:9px}.hero-edition{display:none}.hero-visual{min-height:400px;margin:0 0 0 6%;width:94%;display:block}.hero-visual>img{height:100%;width:100%;max-height:none;object-fit:cover;object-position:58% center;inset:0}.visual-card{width:185px;left:15px;bottom:28px;padding:17px 19px;box-shadow:0 10px 25px #31200e2b}.visual-card .tiny{font-size:6px;letter-spacing:1px}.visual-card b{font-size:21px;line-height:1.4;margin:9px 0}.visual-card small{font-size:8px}.visual-rule{margin:10px 0;width:30px}.image-caption{font-size:6px;right:8px;bottom:6px;padding:3px 5px}.collection-ribbon{padding:14px 6%;gap:10px;flex-wrap:wrap}.collection-ribbon span{font-size:9px;letter-spacing:.3px}.collection-ribbon i{font-size:9px}.collection-ribbon span:last-child{display:none}.collection-ribbon i:last-of-type{display:none}.benefits{padding:26px 0;gap:22px 10px}.benefits>div{gap:10px}.benefits b{font-size:23px}.benefits span{font-size:10px}.benefits small{font-size:8px;margin-top:3px}.section{padding:49px 6%}.section-head{margin-bottom:27px}.section-head p{font-size:11px;line-height:1.9;margin-top:15px}.eyebrow{font-size:8px;letter-spacing:1.7px}h2{font-size:28px;line-height:1.5;letter-spacing:-.5px}.category-grid{grid-template-columns:1fr 1fr;gap:14px 12px}.category,.category:nth-child(-n+2){grid-column:span 1;min-height:263px;padding:18px 14px 0}.category:nth-child(-n+2){grid-column:span 2;min-height:270px;padding:24px}.category .num{font-size:7px}.category h3{font-size:19px}.category:nth-child(-n+2) h3{font-size:25px}.category p{font-size:10px;max-width:140px;min-height:0;line-height:1.8}.category img{height:155px;margin-top:15px}.category:nth-child(-n+2) img{height:200px;width:75%;margin-left:25%;margin-top:-20px}.category:nth-child(1) img{height:220px;width:60%;margin-left:40%;margin-top:-35px}.category:nth-child(-n+2):after{width:170px;height:170px;right:20px;bottom:30px}.catalog{padding-top:45px;padding-bottom:35px}.filters{gap:7px;margin-bottom:15px}.filters button{font-size:10px;padding:8px 12px}.search-row{font-size:10px;gap:6px;margin-bottom:23px}.search-row input{font-size:10px;width:145px}.muted{font-size:10px;margin-top:13px}.product-grid{gap:27px 14px}.product-image img{padding:5px}.product-image span{font-size:6px;letter-spacing:.2px;padding:4px 6px}.product h3{font-size:12px;margin:12px 0 5px;line-height:1.7}.product p{font-size:9px;line-height:1.8}.product-bottom{font-size:10px}.finder{margin:0 6%;transform:translateY(26px);padding:31px 23px;gap:20px;box-shadow:0 12px 25px #1d3b2b20}.finder h2{font-size:29px}.finder p{font-size:11px}.finder label{font-size:12px}.finder select{font-size:11px;padding:12px}.finder .button{font-size:11px;min-height:45px}.finder form p{font-size:9px;line-height:1.9}.craft{padding-top:88px;padding-bottom:55px;gap:38px}.craft-photos{padding:0 20px 48px 0}.craft-photos>img{height:355px;object-position:35% center}.craft-photos:before{left:-8px;top:17px;width:30px;bottom:75px}.craft-photos>.image-caption{bottom:62px;left:6px;font-size:6px;max-width:190px}.craft-inset{width:50%;padding:5px;border-width:6px}.craft-inset span{font-size:6px;letter-spacing:0}.craft-copy h2{font-size:33px}.craft-copy p{font-size:12px}.steps .section-head .text-link{font-size:11px}.steps-grid{gap:24px;margin-top:30px}.steps-grid span{font-size:29px}.steps-grid h3{font-size:16px;margin:12px 0 9px}.steps-grid p{font-size:11px;line-height:1.9}.steps:after{font-size:300px;bottom:-80px}.faq{gap:25px}.faq h2{font-size:29px}.faq details{padding:20px 0}.faq summary{font-size:12px}.faq details p{font-size:11px}.contact{padding:47px 6%}.contact h2{font-size:34px}.contact p{font-size:11px}.contact .actions{margin-top:25px}.contact-ornament{font-size:115px;top:70px}.contact:before,.contact:after{top:15px;bottom:15px;width:12%}.contact:before{left:12px}.contact:after{right:12px}.contact .button{width:230px}.contact small{font-size:9px}footer{padding:35px 6% 75px}footer>div{font-size:10px;gap:16px}.floating{font-size:10px;padding:11px 18px;right:15px;bottom:15px}.detail-layout h2{font-size:25px}.detail-layout p{font-size:12px}}