@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#11130f;--yellow:#f5e72a;--paper:#f5f4ef;--line:#dedfd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Thai',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3484e4;outline-offset:5px}img{max-width:100%;display:block}button{cursor:pointer}h1,h2,h3{font-family:Manrope,'Noto Sans Thai',sans-serif;line-height:1.1;letter-spacing:-.045em}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(32px,4.1vw,57px);font-weight:600;margin-bottom:22px}h3{font-size:24px}p{color:#60635b}.wrap{width:min(1320px,90%);margin:auto}.skip{position:absolute;top:-100px;z-index:99;background:white;padding:10px}.skip:focus{top:0}.topline{background:var(--yellow);font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;text-align:center;padding:9px 15px}.header{height:88px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:40px;height:40px}.brand strong{display:block;font-size:18px;line-height:1.2;letter-spacing:-.04em}.brand small{font-size:9px;letter-spacing:.18em}.nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:600}.lang{padding:7px 12px;border:1px solid #ccc;border-radius:25px}.nav-cta{background:var(--ink);color:white;border-radius:30px;padding:11px 20px}.hero{position:relative;min-height:675px;color:white;background:#080906;overflow:hidden}.hero .hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.2) 54%,transparent 80%)}.hero-inner{position:relative;z-index:1;padding:85px 0 115px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:25px}.hero .eyebrow{color:var(--yellow)}.hero h1{font-size:clamp(56px,6.7vw,96px);font-weight:500;max-width:780px;margin-bottom:24px;line-height:1.04;letter-spacing:-.06em}.hero p{max-width:475px;color:#ddd;font-size:16px;line-height:1.75;margin-bottom:30px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid transparent;border-radius:32px;padding:15px 25px;font-size:13px;font-weight:700;background:var(--ink);color:white;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.yellow{color:var(--ink);background:var(--yellow)}.button.outline{background:transparent;border-color:#777;color:white}.hero-note{position:absolute;bottom:28px;left:5%;right:5%;z-index:2;display:flex;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:19px;font-size:10px;letter-spacing:.12em;color:#d9dacf}.hero-note b{color:var(--yellow);font-weight:400}.ribbon{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:500}.ribbon span{display:flex;gap:12px;align-items:center}.ribbon i{height:6px;width:6px;background:#b9a900;border-radius:50%}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-head p{max-width:420px;margin-bottom:0}.section-head h2{margin:0}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter button{border:1px solid #d4d5cc;background:transparent;padding:9px 19px;border-radius:24px;font-size:12px}.filter button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product[hidden]{display:none}.product{display:flex;flex-direction:column}.product .art{background:#eae9e3;border-radius:6px;overflow:hidden;position:relative;aspect-ratio:1/1.03}.product img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product:hover img{transform:scale(1.04)}.pill{position:absolute;left:15px;top:15px;background:#fff9;backdrop-filter:blur(5px);padding:3px 10px;border-radius:20px;font-size:9px;letter-spacing:.05em}.product-info{padding:19px 1px}.product h3{font-size:21px;margin:0 0 7px;font-weight:600}.product p{font-size:12px;margin-bottom:14px}.product .view{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-weight:700;font-size:11px}.caption{font-size:11px;color:#777;margin-top:22px}.formats{background:var(--ink);color:var(--paper)}.formats p{color:#b6b8af}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.format-grid article{border-top:1px solid #44473e;padding-top:25px}.format-grid b{font-size:10px;color:var(--yellow);letter-spacing:.12em}.format-grid h3{margin:22px 0 15px}.format-grid p{font-size:14px}.format-grid a{color:var(--yellow);font-size:12px}.local{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.local .number{font-size:140px;line-height:1;letter-spacing:-.09em;color:#dadbcf;margin:30px 0 12px}.local .mapword{font-size:12px;font-weight:600;letter-spacing:.1em}.area-list{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.area-list span{padding:8px 14px;border:1px solid var(--line);border-radius:24px;font-size:11px}.checklist{list-style:none;padding:0;margin:25px 0 0}.checklist li{border-top:1px solid var(--line);padding:13px 0;display:flex;gap:18px;font-size:13px}.checklist b{color:#909578;font-weight:500}.order-band{background:var(--yellow);padding:62px 0}.order-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.order-band h2{font-size:clamp(30px,4vw,53px);margin:0;max-width:750px}.order-band p{margin:15px 0 0;color:#505121}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:25px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;margin:17px 0 0;max-width:650px}.enquiry{background:#e9e9e1;border-radius:12px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.enquiry h2{font-size:39px}.enquiry p{font-size:14px}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.fields input,textarea,select{width:100%;border:1px solid #c6c8ba;border-radius:7px;background:#fafaf7;padding:12px;font-size:13px;color:#111}textarea{min-height:100px;resize:vertical}.contact-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.contact-links button,.contact-links a{font-size:12px;display:flex;align-items:center;gap:9px;background:#111;color:#fff;border:0;border-radius:30px;padding:11px 17px}.contact-links svg{width:17px;height:17px;fill:currentColor}.contact-links a:hover,.contact-links button:hover{background:#373c28}#status{font-size:12px;margin:12px 0 0;min-height:20px}.footer{background:#11130f;color:white;padding:50px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer p{font-size:12px;color:#a5a99d;max-width:460px;margin:20px 0}.footer .footer-links{display:flex;gap:30px;font-size:12px}.footer-bottom{border-top:1px solid #383b31;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;color:#a5a99d;font-size:10px}.float-contact{position:fixed;bottom:22px;right:22px;width:50px;height:50px;z-index:10;border-radius:50%;display:grid;place-items:center;background:var(--yellow);box-shadow:0 4px 18px #0003;color:#111}.float-contact svg{width:23px;height:23px;fill:currentColor}.shop .hero{background:var(--yellow);color:#111;min-height:630px}.shop .hero:after{display:none}.shop .hero-image{width:48%;right:0;object-position:72%;border-radius:140px 0 0 0}.shop .hero-inner{padding-top:80px}.shop .hero h1{font-size:clamp(58px,6.4vw,90px);max-width:650px}.shop .hero .eyebrow{color:#4e5016}.shop .hero p{color:#4d4f25;max-width:42%}.shop .hero .button.yellow{background:#111;color:white}.shop .hero .button.outline{color:#111;border-color:#878828}.shop .hero-note{color:#4d4f25;border-color:#95992e;right:54%}.shop .hero-note span:last-child{display:none}.lab .hero h1{font-size:clamp(51px,5.4vw,80px);max-width:690px}.lab .hero:after{background:linear-gradient(90deg,#000d,#0008 45%,transparent 80%)}.lab .hero{min-height:680px}html[lang=th] h1{font-size:clamp(46px,5.7vw,80px);letter-spacing:-.03em;line-height:1.25}html[lang=th] h2{line-height:1.3;letter-spacing:-.03em}
@media(min-width:1700px){.hero-image{object-position:center 54%}.hero{min-height:750px}.hero-inner{padding-top:115px}}
@media(max-width:1000px){.nav{gap:16px}.nav .optional{display:none}.hero h1{font-size:70px}.hero:after{background:linear-gradient(90deg,#000d,#0006 62%,#0001)}.products{grid-template-columns:repeat(2,1fr)}.local,.faq-grid{gap:45px}.enquiry{gap:35px;padding:30px}.shop .hero h1{font-size:61px}.shop .hero p{max-width:46%}.hero p{max-width:460px}.shop .hero-image{width:46%}}
@media(max-width:680px){body{font-size:15px}.wrap{width:90%}.topline{font-size:8px;letter-spacing:.1em}.header{height:74px}.brand strong{font-size:15px}.brand svg{width:32px;height:32px}.brand small{font-size:8px}.nav>a:not(.lang){display:none}.nav{gap:0}.lang{font-size:11px}.hero{min-height:800px}.hero .hero-image{height:47%;top:auto;bottom:0;object-position:78% center;object-fit:cover;width:100%}.hero:after{background:linear-gradient(180deg,#080906 44%,transparent 68%)}.hero-inner{padding:45px 0 0}.hero h1{font-size:62px;line-height:1.02}.hero p{font-size:14px;max-width:100%;margin-bottom:23px;line-height:1.7}.hero .eyebrow{font-size:9px;margin-bottom:19px}.button{font-size:11px;padding:13px 19px;gap:22px}.hero-note{bottom:20px;font-size:8px}.hero-note span:last-child{display:none}.ribbon{font-size:10px;gap:10px;padding:18px 0;flex-wrap:wrap}.ribbon span{gap:6px}.section{padding:60px 0}.section-head{display:block;margin-bottom:26px}.section-head h2{margin-bottom:20px}.section-head p{font-size:14px}.products{gap:14px}.product h3{font-size:18px}.product p{font-size:11px}.product-info{padding-top:13px}.product .view{font-size:10px}.pill{top:10px;left:10px;font-size:8px}.filter{gap:6px}.filter button{font-size:11px;padding:7px 14px}.format-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.format-grid article{padding-top:18px}.format-grid h3{margin-top:12px}.local,.faq-grid{grid-template-columns:1fr;gap:32px}.local .number{display:none}.local .mapword{margin-top:25px}.local h2{margin-bottom:18px}.area-list{margin:18px 0 0}.order-band .wrap{display:block}.order-band .button{margin-top:25px}.enquiry{grid-template-columns:1fr;gap:20px;padding:25px 20px}.enquiry h2{font-size:32px}.fields{gap:10px}.footer-top{display:block}.footer .footer-links{gap:20px;flex-wrap:wrap;margin-top:25px}.footer-bottom{display:block;line-height:2}.float-contact{bottom:16px;right:16px;width:45px;height:45px}.shop .hero{min-height:850px}.shop .hero-image{width:90%;height:40%;right:0;bottom:0;border-radius:70px 0 0 0}.shop .hero-inner{padding-top:45px}.shop .hero h1{font-size:61px}.shop .hero p{max-width:100%}.shop .hero-note{display:none}.lab .hero{min-height:835px}.lab .hero h1{font-size:51px}.lab .hero:after{background:linear-gradient(180deg,#080906 46%,transparent 72%)}html[lang=th] h1{font-size:48px}html[lang=th] .hero{min-height:900px}.caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Hero contacts and persistent side contacts */
.hero-contact-buttons{display:flex;align-items:center;gap:10px;margin-top:22px}
.contact-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;background:#171910c7;color:#f5e72a;cursor:pointer;box-shadow:none;transition:transform .18s,background .18s;color-scheme:dark}
.contact-icon svg{display:block;width:22px;height:22px;fill:currentColor;pointer-events:none}
.contact-icon:hover{transform:translateY(-3px);background:#f5e72a;color:#11130f;border-color:#f5e72a}
.shop .hero-contact-buttons .contact-icon{border-color:#11130f55;background:#11130f;color:#f5e72a}
.shop .hero-contact-buttons .contact-icon:hover{background:#f5f4ef;color:#11130f}
.side-contact-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:9px;padding:8px;border:1px solid #fff3;border-radius:40px;background:#11130fe8;box-shadow:0 6px 22px #0002;backdrop-filter:blur(10px)}
.side-contact-rail .contact-icon{width:44px;height:44px;background:#f5e72a;color:#11130f;border-color:transparent}
.side-contact-rail .contact-icon:hover{background:#fff}
.line-dialog{width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;border:0;border-radius:20px;background:#f5f4ef;color:#11130f;padding:30px;box-shadow:0 20px 80px #0005}
.line-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
.line-dialog h2{font-size:28px;letter-spacing:-.04em;margin:0 35px 15px 0}
.line-dialog p{font-size:13px;line-height:1.6}
.line-dialog textarea{display:block;width:100%;height:175px;background:#fff;border:1px solid #c6c8ba;border-radius:10px;padding:13px;font-size:12px;line-height:1.5;resize:vertical;color:#111}
.line-dialog-close{position:absolute;top:15px;right:15px;border:1px solid #ccc;background:transparent;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:1;color:#111;cursor:pointer}
.line-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.line-dialog-actions .button{padding:12px 20px;font-size:12px;justify-content:center;gap:12px}
.line-dialog-actions svg{width:18px;height:18px;fill:currentColor}
.line-dialog .copy-status{margin:12px 0 0;min-height:20px;font-size:12px}
@media(max-width:680px){.hero-contact-buttons{margin-top:19px;gap:9px}.hero-contact-buttons .contact-icon{width:44px;height:44px}.side-contact-rail{right:8px;top:auto;bottom:20px;transform:none;padding:5px;gap:7px;border-radius:30px}.side-contact-rail .contact-icon{width:40px;height:40px}.side-contact-rail .contact-icon svg{width:20px;height:20px}.hero{min-height:875px}.shop .hero{min-height:925px}.lab .hero{min-height:910px}html[lang=th] .hero{min-height:975px}.line-dialog{padding:26px 20px}.line-dialog-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){.contact-icon{transition:none}}