:root{--color-primary:#9c6a0a;--color-primary-highlight:#f2c94c;--color-accent:#d91e2b;--color-accent-strong:#b3161f;--color-background:#fff;--color-foreground:#1c1917;--color-secondary:#262220;--color-muted:#f7f4ef;--color-muted-foreground:#6b5f52;--color-border:#eae3d8;--color-destructive:#dc2626;--color-ring:#9c6a0a;--font-sans:"IBM Plex Sans Thai", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--container-width:72rem;--header-height:4.25rem;--header-height-expanded:5.5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--shadow-sm:0 1px 2px #1c19170f;--shadow-md:0 8px 24px #1c19171a;--shadow-lg:0 16px 40px #1c191724;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s;--transition-base:.25s;--reveal-duration:.5s}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-background);padding-top:var(--header-height-expanded);font-size:16px;line-height:1.6}h1,h2,h3,h4{font-weight:600;line-height:1.25}a{color:var(--color-primary)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}::view-transition-old(root){animation-duration:var(--transition-base);animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:var(--transition-base);animation-timing-function:var(--ease-out)}.lang-switch__opt.is-active{view-transition-name:lang-switch-pill}::view-transition-group(lang-switch-pill){animation-duration:var(--transition-base);animation-timing-function:var(--ease-out)}}@media (width<=767px){:root{--space-xl:2.5rem}}.container{max-width:var(--container-width);padding-inline:var(--space-md);margin-inline:auto}.site-header{z-index:50;height:var(--header-height-expanded);-webkit-backdrop-filter:blur(10px);transition:height var(--transition-base) var(--ease-out), box-shadow var(--transition-base) var(--ease-out), border-color var(--transition-base) var(--ease-out);background:#ffffffd9;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.site-header.is-scrolled{height:var(--header-height);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.site-header__inner{align-items:stretch;gap:var(--space-md);grid-template-columns:1fr auto 1fr;width:100%;height:100%;display:grid;overflow:hidden}.site-header__brand{align-items:center;gap:var(--space-sm);color:var(--color-foreground);transition:opacity var(--transition-fast) var(--ease-out);grid-column:1;font-weight:700;text-decoration:none;display:flex}.site-header__brand:hover{opacity:.75}.site-header__logo{width:auto;height:3.5rem;transition:height var(--transition-base) var(--ease-out)}.site-header.is-scrolled .site-header__logo{height:2.75rem}.site-nav{grid-column:2;display:none}@media (width>=768px){.site-nav{align-items:center;gap:var(--space-lg);height:100%;margin:0;padding:0;list-style:none;display:flex}}.site-nav__list{align-items:center;gap:inherit;height:100%;margin:0;padding:0;list-style:none;display:flex}.site-nav__list li{align-items:center;height:100%;display:flex}.site-nav a{box-sizing:border-box;height:100%;color:var(--color-foreground);padding-block:var(--space-sm);transition:color var(--transition-fast) var(--ease-out);align-items:center;text-decoration:none;display:flex}.site-nav__label{position:relative}.site-nav__label:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:2px;transition:right var(--transition-base) var(--ease-out);position:absolute;bottom:-6px;left:0;right:100%}.site-nav a:hover,.site-nav a.active{color:var(--color-primary)}.site-nav a:hover .site-nav__label:after,.site-nav a.active .site-nav__label:after{right:0}.site-header__actions{grid-column:3;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.lang-switch{align-items:center;gap:.4rem;display:inline-flex}.lang-switch__globe{color:var(--color-muted-foreground);flex-shrink:0}.lang-switch__track{border:1px solid var(--color-border);background:var(--color-muted);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-switch__opt{letter-spacing:.03em;text-align:center;min-width:2.5rem;color:var(--color-muted-foreground);transition:color var(--transition-fast) var(--ease-out), background var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast) var(--ease-out);border-radius:999px;padding:.35rem .7rem;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none}.lang-switch__opt:hover{color:var(--color-foreground)}.lang-switch__opt.is-active{color:#fff;background:var(--color-primary);box-shadow:0 1px 3px #1c191738}.lang-switch__opt.is-active:hover{color:#fff}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.3125rem;width:2.75rem;height:2.75rem;padding:0;display:inline-flex}@media (width>=768px){.nav-toggle{display:none}}.nav-toggle span{background:var(--color-foreground);width:1.5rem;height:2px;transition:transform var(--transition-fast) var(--ease-out), opacity var(--transition-fast) var(--ease-out);border-radius:1px;display:block}.nav-toggle.is-open span:first-child{transform:translateY(.4375rem)rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-.4375rem)rotate(-45deg)}.mobile-nav{top:var(--header-height-expanded);z-index:49;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);max-height:0;transition:top var(--transition-base) var(--ease-out), max-height var(--transition-base) var(--ease-out);background:#fff;position:fixed;left:0;right:0;overflow:hidden}.site-header.is-scrolled .mobile-nav{top:var(--header-height)}.mobile-nav.is-open{max-height:24rem}@media (width>=768px){.mobile-nav{display:none}}.mobile-nav ul{padding:var(--space-sm) var(--space-md) var(--space-md);flex-direction:column;margin:0;list-style:none;display:flex}.mobile-nav a{color:var(--color-foreground);border-bottom:1px solid var(--color-border);padding-block:.875rem;font-size:1.0625rem;text-decoration:none;display:block}.mobile-nav li:last-child a{border-bottom:none}.mobile-nav a.active{color:var(--color-primary);font-weight:600}.site-footer{background:var(--color-secondary);color:#fff;margin-top:var(--space-xl)}.site-footer a{color:#fff;transition:opacity var(--transition-fast) var(--ease-out)}.site-footer a:hover{opacity:.8}.site-footer__inner{padding-block:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.site-footer__rights{color:#cbc3b8;font-size:.875rem}.section{padding-block:var(--space-xl)}.section--muted{background:var(--color-muted)}.section__heading{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);font-size:1.75rem;position:relative}.section__heading:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:2px;width:3rem;height:3px;position:absolute;bottom:0;left:0}.section__subheading{color:var(--color-muted-foreground);margin-top:0;margin-bottom:var(--space-lg)}.hero{padding-block:var(--space-xl);color:#fff;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg .lazy-image,.hero__bg .lazy-image__img{width:100%;height:100%}.hero__scrim{z-index:1;background:linear-gradient(135deg,#1c19179e,#1c19179e),linear-gradient(135deg,#9c6a0a8c,#f2c94c59);position:absolute;inset:0}.hero .container{z-index:2;position:relative}.hero__copy{max-width:60ch;display:grid}.hero__copy-locale{grid-area:1/1;min-width:0}.hero__copy-locale:not([data-active]){visibility:hidden}.hero h1{margin-top:0;margin-bottom:var(--space-md);overflow-wrap:break-word;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.2}.hero__about{overflow-wrap:break-word;margin-top:0;font-size:clamp(.9rem,1.3vw,1.0625rem);line-height:1.65}.hero__actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}@media (width<=767px){.hero{padding-block:3.25rem}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base) var(--ease-out), color var(--transition-base) var(--ease-out), transform var(--transition-fast) var(--ease-out), box-shadow var(--transition-base) var(--ease-out);border:1px solid #0000;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-foreground);color:#fff}.btn-primary:hover{background:var(--color-secondary)}.btn-secondary{color:var(--color-foreground);background:#fff;border-color:currentColor}.btn-secondary:hover{background:var(--color-muted)}.btn-accent{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));color:#fff}.btn-accent:hover{background:linear-gradient(135deg, var(--color-accent-strong), var(--color-accent-strong))}.ripple{opacity:.28;pointer-events:none;animation:ripple .6s var(--ease-out);background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}a.card,.lang-switch__opt,.nav-toggle{position:relative;overflow:hidden}.site-nav a,.mobile-nav a{position:relative}.grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));align-items:stretch;display:grid}.contact-grid{grid-template-columns:1fr}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1fr}}.grid>.reveal{height:100%}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);height:100%;padding:var(--space-lg);color:inherit;transition:box-shadow var(--transition-base) var(--ease-out), transform var(--transition-base) var(--ease-out), border-color var(--transition-base) var(--ease-out);background:#fff;flex-direction:column;text-decoration:none;display:flex}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.card__media{height:8rem;margin:calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) var(--space-md);background:var(--color-muted);border-radius:var(--radius-md) var(--radius-md) 0 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.detail__media{width:12rem;height:12rem;margin-bottom:var(--space-lg);background:var(--color-muted);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex;overflow:hidden}.detail__media .lazy-image{width:8rem;height:8rem}.card__media .lazy-image{width:5.5rem;height:5.5rem}.home-products-grid__desktop-only{display:none}@media (width>=768px){.home-products-grid{grid-template-columns:repeat(4,1fr)}.home-products-grid__desktop-only{display:block}}.card--view-more{padding:0;overflow:hidden}.card--view-more .card__media{border-radius:var(--radius-md);flex:1;height:auto;margin:0;position:relative}.card__media-overlay{padding:var(--space-md);color:#fff;text-align:center;background:#1c191799;justify-content:center;align-items:center;gap:.375rem;font-weight:600;display:flex;position:absolute;inset:0}.card__media--photo .lazy-image{width:100%;height:100%}.detail__media--photo{width:100%;height:32rem}.detail__media--photo .lazy-image{width:100%;height:100%}.card__media .lazy-image__img{transition:transform var(--transition-base) var(--ease-out)}a.card:hover .card__media .lazy-image__img{transform:scale(1.08)}.card__title{margin:0 0 var(--space-sm);font-size:1.125rem}.card__description{color:var(--color-muted-foreground);flex:1;margin:0;font-size:.9375rem}.contact-list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contact-list dt{color:var(--color-muted-foreground);font-size:.875rem;font-weight:600}.contact-list dd{overflow-wrap:break-word;margin:0;font-size:1.0625rem}.map-embed{border-radius:var(--radius-md);border:0;width:100%;height:20rem}.reveal{opacity:0;transition:opacity var(--reveal-duration) var(--ease-out), transform var(--reveal-duration) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(16px)}.reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.lazy-image{background:linear-gradient(100deg, var(--color-muted) 30%, #fff 50%, var(--color-muted) 70%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block;position:relative;overflow:hidden}.lazy-image.is-loaded{background:0 0;animation:none}.lazy-image__img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity var(--transition-base) var(--ease-out);display:block}.lazy-image__img--cover{object-fit:cover}.lazy-image.is-loaded .lazy-image__img{opacity:1}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.media-split{gap:var(--space-lg);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=800px){.media-split{grid-template-columns:1.1fr .9fr}}.media-split .lazy-image{border-radius:var(--radius-lg);aspect-ratio:4/3}.media-banner{margin-bottom:var(--space-xl)}.media-banner .lazy-image{border-radius:var(--radius-lg);aspect-ratio:16/6}@media (width<=640px){.media-banner .lazy-image{aspect-ratio:4/3}}.brand-chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.brand-chip{border:1px solid var(--color-border);background:var(--color-muted);color:var(--color-foreground);border-radius:999px;padding:.35rem .85rem;font-size:.875rem;font-weight:500;line-height:1.4}