.topbar{height:30px}
header{height:78px;position:sticky;top:0;background:rgba(245,241,232,.96);backdrop-filter:blur(14px)}
.about-label{display:block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#728064;font-weight:600}
.factory-hero{background:var(--olive);color:var(--cream);overflow:hidden}
.factory-hero-grid{min-height:470px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch}
.factory-hero-copy{display:flex;flex-direction:column;justify-content:flex-start;padding:86px 28px 86px 0;position:relative;z-index:2}
.factory-hero-copy .about-label{color:#cbd2c2}
.factory-hero h1{font:600 var(--page-title-size)/.88 Manrope,sans-serif;letter-spacing:-.065em;margin:18px 0 28px;max-width:640px}
.factory-hero p{max-width:500px;font-size:1.05rem;line-height:1.75;color:rgba(255,255,255,.72);margin:0}
.factory-image{position:relative;min-width:0;margin:0 min(0px,calc((1180px - 100vw)/2)) 0 0;background:#d7d7d4}
.factory-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(77,89,69,.2),transparent 28%);pointer-events:none}
.factory-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:left center;filter:contrast(1.04)}
.factory-image figcaption{position:absolute;z-index:1;left:28px;bottom:25px;background:rgba(245,241,232,.94);color:var(--ink);padding:13px 17px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.fact-bar{background:var(--cream);border-bottom:1px solid var(--line)}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.fact-grid article{padding:31px 25px;border-right:1px solid var(--line)}.fact-grid article:first-child{border-left:1px solid var(--line)}
.fact-grid strong,.fact-grid span{display:block}.fact-grid strong{font:600 1.1rem Manrope,sans-serif;margin-bottom:6px}.fact-grid span{font-size:.82rem;color:#6f716a}
.main-points{background:var(--paper)}
.main-point{display:grid;grid-template-columns:70px minmax(280px,.85fr) minmax(320px,1.15fr);gap:50px;padding:92px 0;border-bottom:1px solid var(--line);align-items:start}
.point-number{font-size:.72rem;letter-spacing:.12em;color:#7f8b75;padding-top:7px}
.point-title h2{font:600 clamp(2.4rem,4vw,4rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:18px 0 0}
.point-copy{border-left:1px solid var(--line);padding-left:48px}
.point-copy p{font-size:1rem;line-height:1.78;color:#5f625b;margin:0 0 20px}.point-copy p:last-child{margin-bottom:0}
.about-cta{padding:85px 0;background:#e6e9de}
.about-cta>.wrap{display:flex;align-items:end;justify-content:space-between;gap:50px}
.about-cta h2{font:600 clamp(2.3rem,4vw,3.8rem)/1 Manrope,sans-serif;letter-spacing:-.05em;max-width:720px;margin:16px 0 0}
.about-cta a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--olive);color:white;padding:15px 18px 15px 22px;border-radius:100px;font-weight:600;white-space:nowrap}
.page-motion .factory-hero-copy>.about-label{animation:motionRise .75s .08s cubic-bezier(.2,.7,.2,1) both}
.page-motion .factory-hero-copy h1{animation:motionRise .9s cubic-bezier(.2,.7,.2,1) both}
.page-motion .factory-hero-copy p{animation:motionRise .85s .16s cubic-bezier(.2,.7,.2,1) both}
.motion-ready .main-point:nth-child(2){transition-delay:.06s}
.motion-ready .main-point:nth-child(3){transition-delay:.12s}
.page-motion .about-cta a{position:relative;overflow:hidden}
.page-motion .about-cta a:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.48) 50%,transparent 75%);transform:translateX(-130%)}
.page-motion .about-cta a:hover:after{animation:motionSweep .7s ease}
@media(prefers-reduced-motion:reduce){.page-motion .factory-hero-copy>.about-label,.page-motion .factory-hero-copy h1,.page-motion .factory-hero-copy p{animation:none}.motion-ready .main-point{transition-delay:0s}.page-motion .about-cta a:hover:after{animation:none}}
@media(max-width:900px){.factory-hero-grid{grid-template-columns:1fr;min-height:auto}.factory-hero-copy{padding:50px 0 46px}.factory-image{height:330px;margin:0 calc(var(--site-gutter,16px) * -1)}.main-point{grid-template-columns:48px 1fr;gap:28px}.point-copy{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.fact-grid{grid-template-columns:1fr 1fr}.fact-grid article:nth-child(odd){border-left:1px solid var(--line)}.fact-grid article:last-child{grid-column:1/-1;border-left:1px solid var(--line)}}
@media(max-width:620px){.factory-hero h1{font-size:var(--page-title-size)}.factory-image{height:300px}.factory-image figcaption{left:15px;bottom:15px}.fact-grid{grid-template-columns:1fr}.fact-grid article,.fact-grid article:first-child,.fact-grid article:nth-child(odd){border-left:0;border-right:0;border-bottom:1px solid var(--line);padding:22px 2px}.main-point{grid-template-columns:1fr;gap:18px;padding:70px 0}.point-copy{grid-column:1;padding-top:24px}.about-cta>.wrap{display:block}.about-cta a{margin-top:30px}}

.factory-showcase{padding:118px 0;background:var(--paper);overflow:hidden}
.showcase-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(60px,9vw,125px);align-items:start;padding-bottom:105px}
.showcase-intro h2{font:600 clamp(3rem,5.5vw,5.6rem)/.94 Manrope,sans-serif;letter-spacing:-.06em;margin:18px 0 0}
.showcase-story{padding:12px 0 8px 52px;border-left:1px solid var(--line)}
.showcase-story p{font-size:1.02rem;line-height:1.82;color:#5f625b;margin:0 0 22px}.showcase-story p:last-child{margin-bottom:0}
.showcase-metrics{display:grid;grid-template-columns:1fr 1fr;min-height:530px}
.showcase-metrics article{padding:clamp(42px,6vw,72px);display:flex;flex-direction:column;align-items:flex-start}
.showcase-metrics article>span{font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.showcase-metrics strong{font:600 clamp(7rem,14vw,13rem)/.78 Manrope,sans-serif;letter-spacing:-.09em;margin:auto 0 38px}
.showcase-metrics sup{font-size:.3em;vertical-align:top;position:relative;top:.18em;margin-left:.04em}
.showcase-metrics h3{font:600 clamp(1.55rem,2.8vw,2.5rem)/1.05 Manrope,sans-serif;letter-spacing:-.04em;max-width:430px;margin:0 0 18px}
.showcase-metrics p{max-width:500px;font-size:.94rem;line-height:1.75;margin:0}
.experience-panel{background:var(--olive);color:var(--cream)}
.experience-panel>span,.experience-panel p{color:rgba(255,255,255,.7)}
.people-panel{background:var(--sage);color:var(--ink)}
.people-panel>span,.people-panel p{color:#4f584b}
@media(max-width:900px){.factory-showcase{padding:62px 0}.showcase-intro{grid-template-columns:1fr;gap:30px;padding-bottom:54px}.showcase-story{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}.showcase-metrics{grid-template-columns:1fr;min-height:0}.showcase-metrics article{min-height:460px}}
@media(max-width:620px){.factory-showcase{padding:50px 0}.showcase-intro{padding-bottom:42px}.showcase-intro h2{font-size:3rem}.showcase-metrics article{min-height:0;padding:36px 26px}.showcase-metrics strong{font-size:8rem;margin-bottom:32px}}

html[lang="th"] .factory-hero h1{line-height:1;margin:8px 0 10px}
html[lang="th"] .showcase-intro h2{line-height:1.08;margin-top:12px}
html[lang="th"] .showcase-intro{align-items:start}
html[lang="th"] .showcase-story{padding-top:24px;align-self:start}
html[lang="th"] .showcase-metrics strong{margin:28px 0 38px}
html[lang="th"] .showcase-metrics h3{line-height:1.08}
html[lang="th"] .about-cta h2{line-height:1.08;margin-top:10px}
@media(max-width:900px){html[lang="th"] .showcase-story{padding-top:24px}}
@media(max-width:620px){html[lang="th"] .showcase-metrics strong{margin:24px 0 32px}}

@media(min-width:901px){.factory-hero-grid{grid-template-columns:1.03fr .97fr}.factory-hero-copy{padding-right:48px}}
.about-cta{padding-block:48px}
.about-cta .cta-heading-ending{white-space:nowrap}
@media(max-width:620px){.about-cta{padding-block:36px}}

@media (max-width: 900px) {
  html[lang="th"] .factory-hero h1 {
    margin: 20px 0 14px;
  }

  html[lang="th"] .showcase-metrics article {
    min-height: 0;
  }

  html[lang="en"] .showcase-metrics article {
    padding-block-end: 42px;
  }
}