@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&display=swap');
:root{--yellow:#EBC301;--ink:#101010;--charcoal:#181818;--muted:#666;--line:#e3e3df;--soft:#f6f6f3;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Kanit",Arial,sans-serif;color:var(--ink);line-height:1.58;background:#fff}
a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.en,.kicker,.topbar,.btn,.crumb,.stat strong,.year,.footer-title{font-family:"Montserrat","Kanit",Arial,sans-serif}
.topbar{background:#111;color:#ddd;font-size:12px}.topbar .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:14px}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-family:"Montserrat";font-size:23px;font-weight:800;letter-spacing:.09em}.logo b{color:#b28d00}.navlinks{display:flex;gap:24px;font-size:14px;font-weight:600}.navlinks a:hover{color:#9f7a00}.header-btn{padding:12px 16px;background:#111;color:#fff;font-weight:700;font-size:13px}
.hero{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.25)),url('https://khtcs.com/images/800x800/22563525/HLC-4-_JuCS4p9wbxQH2ym_u-Cyw.jpg') center/cover;min-height:450px;display:flex;align-items:end;color:#fff}
.hero-copy{padding:72px 0}.kicker{font-size:12px;letter-spacing:.16em;font-weight:800;color:#b68e00}.hero .kicker{color:var(--yellow)}.hero h1{font-size:56px;line-height:1.08;margin:8px 0 12px}.hero p{max-width:820px;color:#eee;font-size:18px;margin:0}
.crumb{font-size:12px;color:#777;padding:15px 0}
section{padding:64px 0}.soft{background:var(--soft)}.dark{background:#171717;color:#fff}
.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}.section-title{font-size:38px;line-height:1.16;margin:6px 0 16px}.lead{font-size:18px;color:#555}.dark .lead,.dark p{color:#ccc}
.profile-card{border:1px solid var(--line);background:#fff;padding:22px}.profile-card h3{margin:0 0 8px;font-size:20px}.profile-card p{color:#666;margin:0 0 12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.stat{background:#fff;border:1px solid var(--line);padding:18px}.stat strong{display:block;font-size:27px;color:#a68100}.stat span{display:block;font-size:13px;color:#666}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{background:#fff;border:1px solid var(--line);padding:22px;min-height:180px}.service .num{font-family:"Montserrat";font-weight:800;color:#b48b00}.service h3{margin:12px 0 6px;font-size:19px}.service p{margin:0;color:#666;font-size:14px}
.info-table{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info{background:#fff;border:1px solid var(--line);padding:15px}.info b{display:block;font-family:"Montserrat";font-size:12px;color:#8c6d00;letter-spacing:.05em}.info span{font-size:15px}
.branch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.branch{background:#fff;border:1px solid var(--line);padding:17px}.branch b{display:block;font-size:17px}.branch span{font-size:12px;color:#666}
.timeline{display:grid;gap:10px}.timeline-row{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:start;border-left:4px solid var(--yellow);padding:13px 16px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.year{font-size:16px;font-weight:800;color:#947300}.timeline-row p{margin:0;color:#555}
.subsidiary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sub{background:#fff;border:1px solid var(--line);padding:18px}.sub h3{font-size:18px;margin:0 0 10px}.sub dl{margin:0;display:grid;grid-template-columns:145px 1fr;gap:5px 8px;font-size:14px}.sub dt{font-weight:700;color:#876900}.sub dd{margin:0;color:#666}
.notice{background:#fffbe3;border-left:5px solid var(--yellow);padding:15px 16px;font-size:13px;color:#665800}
.cta{background:var(--yellow);padding:45px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:22px}.cta h2{font-size:34px;margin:0 0 6px}.cta p{margin:0}.btn{display:inline-flex;padding:13px 17px;background:#111;color:#fff;font-size:13px;font-weight:800}
footer{background:#151515;color:#bbb;padding:35px 0 18px}.footer-title{font-weight:800;color:#fff;margin-bottom:7px}.bottom{border-top:1px solid #383838;margin-top:18px;padding-top:12px;font-size:12px;color:#888;display:flex;justify-content:space-between;gap:12px}
@media(max-width:980px){.navlinks{display:none}.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr 1fr}.branch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:min(var(--max),calc(100% - 28px))}.topbar .wrap{display:block;padding:8px 0}.hero{min-height:370px}.hero h1{font-size:39px}.section-title{font-size:31px}.stats,.service-grid,.branch-grid,.subsidiary-grid,.info-table{grid-template-columns:1fr}.timeline-row{grid-template-columns:68px 1fr}.cta-grid{display:block}.cta .btn{margin-top:13px}.bottom{display:block}}