:root{--brown:#4A2922;--cream:#F4E9D6;--orange:#D9672C;--charcoal:#252525;--green:#586157;--white:#fff;--line:#ddcfba;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"IBM Plex Sans Thai","Noto Sans Thai",Tahoma,Arial,sans-serif;color:var(--brown);background:#fffaf2;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.announcement{background:var(--brown);color:#fff;text-align:center;padding:9px 16px;font-size:13px}.header{position:sticky;top:0;z-index:20;background:rgba(255,250,242,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:22px}.brand{font-family:inherit;font-size:27px;letter-spacing:-1px}.brand strong{display:inline-block;margin-left:3px}.nav{display:flex;gap:24px;font-size:14px}.nav a:hover{color:var(--orange)}.menu-btn{display:none;border:1px solid var(--line);background:#fff;padding:9px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:6px;border:1px solid var(--brown);font-weight:700;cursor:pointer}.btn-dark{background:var(--brown);color:#fff}.btn-light{background:#fffaf2;color:var(--brown)}.hero{background:linear-gradient(90deg,#f6ead6 0%,#fff8ec 100%);padding:48px 0}.hero-grid{display:grid;grid-template-columns:.95fr 1.2fr;align-items:center;gap:45px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--orange);font-weight:700;text-transform:uppercase;margin-bottom:10px}h1,h2,h3{font-family:inherit;font-weight:700;line-height:1.12;margin:0 0 16px}h1{font-size:clamp(42px,6vw,82px);letter-spacing:-2px}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:24px}.lead{font-size:19px;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px}.section{padding:80px 0}.muted{background:#f3e7d5}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{padding:30px;border-top:1px solid var(--line)}.stat strong{font-family:inherit;font-size:36px;display:block}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.grid{display:grid;gap:24px}.cards{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.image-wrap{position:relative;background:#f5ead8}.image-wrap img{width:100%;aspect-ratio:1/1;object-fit:cover}.badge{position:absolute;top:14px;left:14px;background:var(--orange);color:#fff;padding:6px 9px;border-radius:999px;font-size:11px}.card-body{padding:20px}.meta{font-size:12px;color:var(--orange);font-weight:700}.price{font-weight:800;font-size:20px;margin:12px 0}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.strengths{grid-template-columns:repeat(4,1fr)}.panel{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px}.num{color:var(--orange);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.visual-panel img{border-radius:8px;margin-bottom:18px}.cta{background:var(--brown);color:#fff;padding:48px;border-radius:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.page-hero{max-width:820px;margin-bottom:36px}.toolbar{display:flex;gap:12px;margin-bottom:28px}.toolbar input,.toolbar select,.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #cdbb9d;border-radius:6px;background:#fff;font:inherit}.toolbar input{flex:1}.toolbar select{max-width:280px}.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.product-detail>img{width:100%;border-radius:16px;aspect-ratio:1/1;object-fit:cover}.specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:20px 0}.faq{margin-top:56px}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:22px;border-top:1px solid var(--line)}.step span{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brown);color:#fff}.narrow{max-width:820px}.about-image{margin:30px 0;border-radius:14px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-weight:700}.footer{background:#20120e;color:#f7ecdc;padding:54px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{color:#f7ecdc}.footer-brand{margin-bottom:12px}.quote-pill span{display:inline-flex;min-width:20px;height:20px;border-radius:999px;background:#fff;color:var(--brown);align-items:center;justify-content:center;font-size:11px;margin-left:5px}.empty{padding:60px 0;text-align:center}.notice{background:#fff0d8;border-left:4px solid var(--orange);padding:16px 18px;margin:18px 0}.article-card{padding:24px;border-top:1px solid var(--line)}
@media(max-width:900px){.nav{display:none;position:absolute;top:72px;left:20px;right:20px;background:#fff;border:1px solid var(--line);padding:18px;flex-direction:column}.nav.open{display:flex}.menu-btn{display:block}.quote-pill{display:none}.hero-grid,.split,.product-detail,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.strengths{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.hero{padding-top:34px}.hero-img{order:-1}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:56px 0}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.cards,.strengths,.stats,.footer-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar select{max-width:none}.header-inner{min-height:64px}.nav{top:64px}.section{padding:44px 0}h1{font-size:46px}.card-actions .btn{width:100%}.cta{padding:28px}.announcement{font-size:12px}}

.header-actions{display:flex;align-items:center;gap:10px}
.lang-toggle{appearance:none;border:1px solid rgba(47,35,28,.22);background:transparent;color:inherit;border-radius:999px;padding:10px 13px;font:inherit;font-weight:700;cursor:pointer;min-width:46px}
.lang-toggle:hover{background:rgba(47,35,28,.06)}
@media(max-width:760px){
  .header-actions{gap:6px}
  .lang-toggle{padding:9px 10px}
}


/* ===== Refined responsive type scale ===== */
:root{
  --fs-xs: clamp(.72rem,.69rem + .10vw,.78rem);
  --fs-sm: clamp(.82rem,.79rem + .12vw,.90rem);
  --fs-base: clamp(.94rem,.90rem + .16vw,1.02rem);
  --fs-lg: clamp(1.05rem,1rem + .22vw,1.16rem);
  --fs-h3: clamp(1.12rem,1.04rem + .32vw,1.32rem);
  --fs-h2: clamp(1.55rem,1.30rem + 1vw,2.20rem);
  --fs-h1: clamp(2.20rem,1.70rem + 2.05vw,3.65rem);
  --fs-display: clamp(2.65rem,2rem + 2.75vw,4.55rem);
}
body{font-size:var(--fs-base);line-height:1.65}
.announcement{font-size:var(--fs-sm);line-height:1.45}
.brand{font-size:clamp(1.28rem,1.16rem + .4vw,1.58rem);line-height:1}
.nav a{font-size:var(--fs-sm)}
.btn,.lang-toggle{font-size:var(--fs-sm)}
.eyebrow,.meta,.badge,small{font-size:var(--fs-xs)}
h1,h2,h3{letter-spacing:-.025em}
.hero h1{font-size:var(--fs-display);line-height:1.04;max-width:12ch}
.page-hero h1,.product-detail h1,.narrow>h1{font-size:var(--fs-h1);line-height:1.08;max-width:18ch}
h2,.section-head h2,.cta h2,.faq h2{font-size:var(--fs-h2);line-height:1.18}
h3,.card h3,.panel h3{font-size:var(--fs-h3);line-height:1.28}
.lead{font-size:var(--fs-lg);line-height:1.65;max-width:62ch}
p,li,label,input,select,textarea{font-size:var(--fs-base)}
.price{font-size:clamp(1.08rem,1.02rem + .24vw,1.24rem)}
.stat strong{font-size:clamp(1.25rem,1.12rem + .52vw,1.58rem)}
.stat span{font-size:var(--fs-sm)}
.num{font-size:var(--fs-sm)}
.step>span{font-size:var(--fs-sm)}
.footer{font-size:var(--fs-sm)}
.footer strong{font-size:var(--fs-base)}

@media(max-width:760px){
  :root{
    --fs-base:.94rem;
    --fs-lg:1.02rem;
    --fs-h3:1.12rem;
    --fs-h2:clamp(1.38rem,1.20rem + .9vw,1.65rem);
    --fs-h1:clamp(1.90rem,1.55rem + 1.75vw,2.40rem);
    --fs-display:clamp(2.15rem,1.72rem + 2.15vw,2.85rem);
  }
  .hero h1{max-width:13ch}
  .page-hero h1,.product-detail h1,.narrow>h1{max-width:none}
  .lead{line-height:1.6}
}

/* ===== Brand visual editorial section ===== */
.visual-story{padding-top:clamp(56px,7vw,96px)}
.visual-story .section-head{margin-bottom:24px}
.visual-story .section-head p{max-width:64ch;margin-top:10px}
.visual-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr .75fr;
  grid-template-rows:repeat(2,minmax(210px,1fr));
  gap:14px;
}
.visual-grid figure{margin:0;overflow:hidden;border-radius:22px;background:#efe5d2;min-height:220px}
.visual-grid .visual-large{grid-row:1 / span 2}
.visual-grid figure:last-child{grid-column:2 / span 2}
.visual-grid img{width:100%;height:100%;display:block;object-fit:cover}
.visual-panel img{aspect-ratio:1/1;object-fit:cover}
@media(max-width:900px){
  .visual-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .visual-grid .visual-large{grid-row:auto;grid-column:1 / span 2}
  .visual-grid figure:last-child{grid-column:1 / span 2}
  .visual-grid figure{aspect-ratio:1/1}
  .visual-grid .visual-large,.visual-grid figure:last-child{aspect-ratio:16/10}
}
@media(max-width:560px){
  .visual-grid{grid-template-columns:1fr}
  .visual-grid .visual-large,.visual-grid figure:last-child{grid-column:auto}
  .visual-grid figure,.visual-grid .visual-large,.visual-grid figure:last-child{aspect-ratio:1/1;min-height:0}
}

/* Dossier-derived editorial content */
.dossier-section{background:#f3ead9}
.dossier-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:stretch}
.dossier-section h2,.market-section h2{font-size:clamp(30px,4vw,54px);line-height:1.08;margin:8px 0 16px}
.dossier-section .lead{font-size:clamp(17px,1.5vw,21px);max-width:760px;line-height:1.7}
.fact-grid,.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.fact-grid>div,.market-grid>div{padding:20px;border:1px solid rgba(74,41,34,.16);background:rgba(255,255,255,.45);border-radius:18px}
.fact-grid b{display:block;margin-bottom:8px}
.fact-grid span{font-size:14px;line-height:1.6}
.dossier-card{background:#2a130d;color:#f7ead4;padding:clamp(24px,4vw,48px);border-radius:24px}
.dossier-card h3{font-size:clamp(26px,3vw,40px);margin:10px 0 18px}
.dossier-card p{color:#ead7bd;line-height:1.7}
.market-grid{grid-template-columns:repeat(3,1fr)}
.market-grid h3{font-size:20px;margin:0 0 10px}
.market-grid p{margin:0;line-height:1.65}
.product-spec{margin-top:18px;padding:16px 20px;background:#2a130d;color:#f7ead4;border-radius:16px;line-height:1.8}
.product-spec span{padding:0 8px;opacity:.55}
@media(max-width:800px){.dossier-grid,.fact-grid,.market-grid{grid-template-columns:1fr}.dossier-card{margin-top:4px}}