@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0066cc;--pale:#f5f5f7;--line:#d2d2d7;--font:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans Thai',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.75 var(--font);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}main{flex:1}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #0071e3;outline-offset:5px}img{max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:30}.skip:focus{top:10px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.35;font-weight:600;letter-spacing:-.035em}h2{font-size:38px;margin-bottom:20px}h3{font-size:24px;margin-bottom:12px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.91);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #0000000d}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{flex-shrink:0;display:block}.company-logo{display:block;width:99px;height:auto}.header nav{display:flex;align-items:center;justify-content:flex-end;gap:25px;flex-wrap:wrap;font-size:13px;line-height:1.5}.header nav a{padding:12px 0;white-space:nowrap;color:#424245;font-weight:400;transition:color .18s}.header nav a:hover,.header nav a[aria-current=page]{color:var(--blue)}.header nav a[aria-current=page]{box-shadow:inset 0 -2px #0071e3}.header nav .login-nav{color:var(--blue)}.eyebrow{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:.05em;color:var(--muted);margin-bottom:15px}.eyebrow>span{display:none}.hero{background:var(--pale);text-align:center;padding-top:60px;overflow:hidden}.company-hero .hero-inner{display:flex;flex-direction:column;gap:34px;padding:0}.hero-copy{max-width:900px}.company-hero h1{font-size:64px;line-height:1.15;margin:0 0 22px;font-weight:650;letter-spacing:-.045em}.company-hero h1 span{display:block;font-size:43px;line-height:1.45;margin-top:14px;font-weight:500;letter-spacing:-.025em}.hero h1>br{display:none}.hero .intro{font-size:21px;line-height:1.65;color:var(--muted);margin:0 0 26px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 24px;border-radius:980px;font-size:16px;font-weight:400;line-height:1.5;text-align:center;transition:background .2s}.primary{background:#0071e3;color:white;border:1px solid #0071e3}.primary:hover{background:#0077ed}.secondary{border:1px solid #0071e3;color:#0066cc;background:transparent}.secondary:hover{background:#0071e3;color:#fff}.hero-link,.text-link,.material-link{color:var(--blue);font-size:17px}.hero-link:hover,.text-link:hover,.material-link:hover{text-decoration:underline}.hero-photo{width:min(720px,100%);margin:0 auto}.hero-photo>img{width:100%;height:auto;aspect-ratio:604/272;object-fit:contain;display:block;border-radius:22px}.hero-photo figcaption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;padding-top:13px;text-align:left}.hero-photo figcaption>span{font-size:12px}.hero-bottom{display:flex;justify-content:space-between;gap:15px;padding-block:24px;font-size:12px;color:var(--muted);margin-top:20px}.about-section{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding-block:90px}.about-copy h2{font-size:37px}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;margin-bottom:18px}.company-facts{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-self:center}.company-facts>div{border-top:1px solid var(--line);padding-top:24px}.company-facts strong{font-size:43px;line-height:1.3;font-weight:600;letter-spacing:-.04em;display:block}.company-facts span{font-size:14px;color:var(--muted);display:block;margin-top:12px}.quality-section{background:#161617;color:#f5f5f7;padding:85px 0}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.quality-section .eyebrow{color:#a1a1a6}.quality-grid h2{font-size:36px}.quality-intro,.quality-details p{color:#a1a1a6}.quality-section .hero-link{color:#2997ff}.quality-details article{display:flex;gap:24px;border-bottom:1px solid #424245;margin-bottom:25px;padding-bottom:25px}.quality-details article:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.quality-details article>span{color:#a1a1a6;font-size:13px;margin-top:7px}.quality-details h3{font-size:22px}.quality-details p{font-size:16px;margin-bottom:0}.help{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:65px}.help h2{font-size:32px;margin-bottom:12px}.help p:last-child{color:var(--muted);margin:0}.help-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.phone-text{color:var(--blue);font-size:16px;white-space:nowrap}footer{background:var(--pale);color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-block:25px}.footer-inner a:hover{text-decoration:underline}.page-heading{text-align:center;padding:62px 0 58px;background:white}.page-heading .eyebrow{margin-bottom:12px}.page-heading h1{font-size:58px;margin:0 0 15px;line-height:1.2}.page-heading p:last-child{color:var(--muted);font-size:22px;margin-bottom:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:16px;margin:0}.services-section{padding-block:66px;background:var(--pale)}.engineering-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.engineering-service{background:white;border-radius:24px;padding:35px 38px}.service-no{font-size:14px;color:var(--muted)}.engineering-service h3{font-size:27px;margin:20px 0 6px}.service-en{color:var(--muted);font-size:15px;margin-bottom:18px}.engineering-service>p:last-child{font-size:17px;color:var(--muted);margin:0}.material-link{display:inline-block;margin-top:18px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:38px}.capability-strip h3{font-size:22px}.capability-strip p{color:var(--muted);font-size:16px;margin-bottom:0}.gallery-section{padding-block:70px}.field-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.field-gallery figure{margin:0}.field-gallery img{display:block;width:100%;height:240px;object-fit:cover;border-radius:20px}.field-gallery figcaption{font-size:15px;color:var(--muted);margin-top:14px}.materials{padding-block:48px 80px}.materials-intro{max-width:760px;margin:0 auto 42px;text-align:center}.materials-intro h2{font-size:31px}.materials-intro p{color:var(--muted)}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.material-group{background:var(--pale);border-radius:24px;padding:38px}.material-group h3{font-size:28px;margin:18px 0 6px}.material-group ul{padding-left:22px;color:var(--muted);margin-bottom:0}.material-group li{margin:9px 0}.supply-enquiry{display:flex;align-items:center;gap:40px;border-top:1px solid var(--line);padding:42px 0 0;margin-top:46px}.supply-enquiry h2{font-size:29px}.supply-enquiry p{color:var(--muted);margin:0}.supply-enquiry .button{flex-shrink:0}.clients-section{padding:25px 0 80px;background:var(--pale)}.clients-section .section-heading{padding-top:35px}.clients-section .section-heading h2{font-size:28px}.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.client-logo{height:132px;padding:24px 18px;background:white;border-radius:18px;display:flex;align-items:center;justify-content:center;min-width:0}.client-logo img{width:100%;height:100%;object-fit:contain}.location-section{padding:30px 0 70px;background:var(--pale)}.location-section .section-heading{padding-top:25px}.location-grid{display:grid;grid-template-columns:1fr 1.2fr;background:white;border-radius:24px;overflow:hidden}.location-info{padding:38px}.location-label{font-size:13px;color:var(--muted);letter-spacing:.04em}.location-info h3{font-size:25px;margin-top:15px;margin-bottom:25px}.contact-row{display:flex;align-items:flex-start;gap:14px;font-size:16px;margin-bottom:18px}.contact-row svg{width:21px;height:21px;margin-top:3px;color:var(--muted)}.contact-row p{margin:0}.contact-row strong{font-weight:500}.contact-row span{overflow-wrap:anywhere}.contact-row:is(a):hover{color:var(--blue)}.head-office{border-top:1px solid var(--line);padding-top:19px;margin:22px 0;font-size:15px}.head-office strong{font-weight:500}.head-office p{color:var(--muted);margin:6px 0 0}.map-button{margin-top:8px}.map-note{font-size:12px;color:var(--muted);margin:12px 0 0}.map-panel{position:relative;min-height:540px;background:#e8e8ed}.map-panel iframe{border:0;width:100%;height:100%;min-height:540px;display:block}.map-caption{position:absolute;bottom:18px;left:18px;right:18px;display:flex;gap:12px;align-items:center;padding:17px;background:rgba(255,255,255,.95);border-radius:16px;box-shadow:0 4px 18px #00000010}.map-caption svg{color:var(--blue)}.map-caption strong{display:block;font-size:14px}.map-caption small{display:block;font-size:12px;color:var(--muted)}.map-caption-link{color:var(--blue);margin-left:auto;font-size:13px;white-space:nowrap}.login-page{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:85px;min-height:680px}.login-context h1{font-size:56px;line-height:1.2;margin:0 0 24px}.login-context h2{font-size:29px}.login-context>p:not(.eyebrow){font-size:19px;color:var(--muted);margin-bottom:26px}.login-box{background:var(--pale);padding:40px;border-radius:28px}.icon-box{width:57px;height:57px;display:grid;place-items:center;border-radius:16px;background:white;color:var(--blue)}.icon-box svg{width:29px;height:29px}.service-provider{font-size:12px;letter-spacing:.04em;color:var(--muted);margin-top:26px}.login-box h2{font-size:28px;margin:14px 0}.login-box>p{color:var(--muted)}.login-box .button{width:100%;margin-top:10px}.login-foot{text-align:center;font-size:12px;margin-top:14px}.login-guidance{border-top:1px solid var(--line);display:flex;gap:15px;padding-top:22px;margin-top:25px}.login-guidance svg{color:var(--muted);margin-top:4px}.login-guidance p{font-size:14px;color:var(--muted);margin:0}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header nav{gap:16px;font-size:12px}.header-inner{gap:24px}.company-logo{width:85px}.about-section,.quality-grid,.login-page{gap:40px}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.map-caption-link{display:none}.location-info{padding:28px}.supply-enquiry{flex-direction:column;align-items:flex-start}}
@media(max-width:680px){html{scroll-padding-top:145px}.wrap{width:calc(100% - 36px)}h2{font-size:28px}.header-inner{padding-block:10px;min-height:0;flex-direction:column;gap:8px}.company-logo{width:76px}.header nav{width:100%;justify-content:center;gap:2px 17px;font-size:12px}.header nav a{padding:5px 0}.hero{padding-top:38px}.company-hero h1{font-size:45px}.company-hero h1 span{font-size:29px;margin-top:12px}.hero .intro{font-size:17px}.hero-actions{gap:17px}.hero-actions .hero-link{font-size:15px}.button{font-size:15px;padding:10px 21px}.hero-photo>img{border-radius:16px}.hero-photo figcaption{font-size:10px;flex-wrap:wrap}.hero-photo figcaption>span{font-size:10px}.hero-bottom{font-size:10px;flex-wrap:wrap;margin-top:12px;gap:8px}.about-section{grid-template-columns:1fr;padding-block:48px;gap:30px}.about-copy h2{font-size:28px}.about-copy>p:not(.eyebrow){font-size:16px}.company-facts{gap:25px}.company-facts strong{font-size:34px}.company-facts span{font-size:13px}.quality-section{padding:48px 0}.quality-grid{grid-template-columns:1fr;gap:35px}.quality-grid h2{font-size:29px}.quality-details h3{font-size:21px}.quality-details p{font-size:15px}.help{padding-block:42px;flex-direction:column;align-items:flex-start;gap:24px}.help h2{font-size:27px}.help p:last-child{font-size:16px}.help-actions{gap:22px}.footer-inner{flex-wrap:wrap;font-size:11px;gap:10px}.footer-inner>span:nth-child(2){display:none}.page-heading{padding:40px 0}.page-heading h1{font-size:39px}.page-heading p:last-child{font-size:18px}.services-section,.gallery-section{padding-block:40px}.engineering-services,.material-grid{grid-template-columns:1fr;gap:18px}.engineering-service,.material-group{padding:28px;border-radius:20px}.engineering-service h3,.material-group h3{font-size:25px}.engineering-service>p:last-child{font-size:16px}.capability-strip{grid-template-columns:1fr;gap:25px}.field-gallery{grid-template-columns:1fr;gap:28px}.field-gallery img{height:auto;aspect-ratio:4/3}.materials{padding-block:30px 48px}.materials-intro h2{font-size:26px}.materials-intro p{font-size:16px}.supply-enquiry{gap:22px;padding-top:30px;margin-top:32px}.supply-enquiry h2{font-size:26px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo{height:112px;padding:20px 15px;border-radius:15px}.clients-section{padding-bottom:44px}.location-section{padding:15px 0 40px}.location-grid{grid-template-columns:1fr;border-radius:20px}.location-info{padding:27px}.location-info h3{font-size:23px}.map-panel,.map-panel iframe{min-height:350px}.login-page{grid-template-columns:1fr;gap:30px;padding-block:38px;min-height:0}.login-context h1{font-size:41px}.login-context h2{font-size:26px}.login-context>p:not(.eyebrow){font-size:17px}.login-box{padding:28px;border-radius:24px}.login-box h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.supply-brands{padding-block:20px 28px}.brand-category{padding-block:32px 42px}.brand-category-heading{text-align:center;margin-bottom:28px}.brand-category-heading h2{font-size:34px;margin-bottom:0}.brand-category-heading .eyebrow{margin-bottom:8px}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.supplier-card{background:var(--pale);padding:38px 24px;border-radius:24px;text-align:center;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center}.supplier-card h3{font-size:28px;letter-spacing:-.025em;margin:0}.supplier-card p{color:var(--muted);font-size:16px;margin:8px 0 0}.anchor-category{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:42px}.anchor-category .brand-category-heading{text-align:left;margin:0}.anchor-brand h3{letter-spacing:.16em;font-size:31px}.anchor-brand{background:#1d1d1f;color:white}.anchor-brand p{color:#a1a1a6}@media(max-width:680px){.supply-brands{padding-top:0}.supplier-grid{grid-template-columns:1fr 1fr;gap:12px}.supplier-card{min-height:135px;padding:24px 14px;border-radius:18px}.supplier-card h3{font-size:21px}.supplier-card p{font-size:14px}.brand-category-heading h2{font-size:28px}.anchor-category{grid-template-columns:1fr;gap:22px}.anchor-category .brand-category-heading{text-align:center}.anchor-brand h3{font-size:28px}}
.about-section{display:block;max-width:820px}.about-copy{width:100%}

.material-consultation{background:var(--pale);border-radius:24px;padding:clamp(28px,5vw,56px);text-align:center}.material-consultation h2{font-size:clamp(26px,3.5vw,38px)}.material-consultation p{max-width:740px;margin:0 auto;color:var(--muted);font-size:clamp(17px,2vw,21px)}

/* Center the About Us introduction and align its visual weight. */
.company-hero{padding-top:44px}
.company-hero .hero-inner{align-items:center;gap:32px}
.company-hero .hero-copy{width:100%;max-width:960px;margin-inline:auto}
.company-hero h1{font-size:56px;margin-bottom:20px}
.company-hero h1 span{font-size:38px;margin-top:12px;text-wrap:balance}
.company-hero .intro{font-size:20px;margin-bottom:24px;text-wrap:balance}
.company-hero .hero-photo{width:min(920px,100%)}
.profile-download{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border-radius:24px;background:var(--pale);margin-bottom:32px}
.profile-download h2{font-size:30px}
.profile-download p:last-child{margin-bottom:0;color:var(--muted)}
.profile-download .button{flex-shrink:0}
@media(max-width:800px){.profile-download{flex-direction:column;align-items:flex-start;padding:28px}.profile-download h2{font-size:26px}}
@media(max-width:680px){.company-hero{padding-top:32px}.company-hero h1{font-size:42px}.company-hero h1 span{font-size:28px;max-width:340px;margin:12px auto 0}.company-hero .intro{font-size:17px}.company-hero .hero-inner{gap:28px}.profile-download .button{max-width:100%}}
.services-invitation{text-align:center;padding-block:64px;border-bottom:1px solid var(--line)}
.services-invitation p{color:var(--muted);margin-bottom:24px}
@media(max-width:680px){.services-invitation{padding-block:42px}}
.company-hero{background:#fff;padding-bottom:40px}

.supplier-logo{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.supplier-logo img{width:100%;height:100%;object-fit:contain}.supplier-card h3{overflow-wrap:anywhere}.client-logo img{object-fit:contain}
/* Display the supplied full logo unchanged; clip only its surrounding blank margin. */
.header .brand{width:120px;height:66px;overflow:hidden}.header .company-logo{width:164px;max-width:none;height:auto;transform:translate(-22px,-23px);filter:none;opacity:1}

/* Match the client logo cards while preserving every manufacturer's original artwork. */
.supply-brands.wrap{width:100%;background:var(--pale);padding:32px 0 44px}
.supply-brands .brand-category{width:min(1120px,calc(100% - 80px));margin:auto;padding:24px 0 32px}
.supply-brands .supplier-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.supply-brands .supplier-card{background:#fff;border-radius:18px;padding:24px 18px;min-height:224px;justify-content:flex-start}
.supply-brands .supplier-logo{width:100%;height:100px;flex:none;margin:0 0 20px;background:#fff}
.supply-brands .supplier-logo img{display:block;width:100%;height:100%;object-fit:contain}
.supply-brands .supplier-card h3{font-size:19px;line-height:1.4;letter-spacing:-.015em}
.supply-brands .supplier-card p{font-size:14px;line-height:1.5;margin-top:7px}
.supply-brands .anchor-category{display:block;border-top:0}
.supply-brands .anchor-category .brand-category-heading{text-align:center;margin-bottom:28px}
.supply-brands .anchor-brand{color:var(--ink);width:calc((100% - 64px)/5)}
@media(max-width:1000px){.supply-brands .supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supply-brands .anchor-brand{width:calc((100% - 32px)/3)}}
@media(max-width:600px){.supply-brands.wrap{padding:16px 0 24px}.supply-brands .brand-category{width:calc(100% - 40px);padding:24px 0}.supply-brands .supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supply-brands .supplier-card{padding:20px 14px;min-height:212px;border-radius:15px}.supply-brands .supplier-logo{height:90px;margin-bottom:16px}.supply-brands .supplier-card h3{font-size:17px}.supply-brands .anchor-brand{width:calc((100% - 12px)/2)}}

.header .brand{width:132px;height:74px;overflow:visible;display:flex;align-items:center}.header .company-logo{width:132px;max-width:100%;height:74px;object-fit:contain;transform:none;background:transparent}
.social-contact{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.social-contact .button{font-size:15px}

.social-qr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.social-qr-card{min-width:0;padding:18px 12px;border:1px solid #e5e5e7;border-radius:18px;background:#fff;text-align:center}.social-qr-card h3{font-size:20px;margin:0 0 10px}.social-qr-card img{display:block;width:180px;max-width:100%;height:auto;margin:0 auto 14px}.social-qr-card .button{padding:9px 12px;font-size:14px}.social-qr-card>a:first-of-type{display:block}@media(max-width:420px){.social-qr{grid-template-columns:1fr}.social-qr-card img{width:180px}}

[data-careers][hidden]{display:none!important}.careers-section{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:48px;border-top:1px solid #e5e5e7}.careers-section h2{margin-bottom:16px}.careers-section p{color:var(--muted);margin-bottom:0}.careers-section .eyebrow{margin-bottom:12px}.careers-action{flex-shrink:0;text-align:center}.careers-action p{font-size:14px;margin-top:12px}@media(max-width:700px){.careers-section{flex-direction:column;align-items:flex-start;padding-block:32px}.careers-action{text-align:left}}
.service-detail{white-space:pre-line;overflow-wrap:anywhere}.engineering-service h3,.engineering-service .service-en{overflow-wrap:anywhere}

[data-about] h2,[data-about] p{white-space:pre-line}