
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.hgrid img{width:100%;border-radius:30px;box-shadow:0 40px 90px -40px #000}
.mission{font:900 clamp(30px,3.6vw,54px)/1.12 var(--d);letter-spacing:-.035em;max-width:22em}
html[lang=km] .mission{letter-spacing:0;line-height:1.5}
.mission .g{display:inline}
.word{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin-top:60px;padding:30px;border-radius:28px;background:#fff;border:1.5px solid #e6ecf5}
.word .km{font:900 clamp(60px,7vw,110px)/1.2 var(--d);color:var(--blue)}
.word p{font-size:17px;line-height:1.7;color:#334155}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.rec .logos{margin-top:40px}
.rec .logo-tile{width:180px;height:86px}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.contact .tile h3{margin-top:12px}.contact .tile .btn{margin-top:18px}
@media (max-width:980px){.hgrid,.vals,.contact,.word{grid-template-columns:1fr}}
.tl{list-style:none;padding:0;margin-top:40px;display:grid;gap:14px;position:relative}
.tl::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:2px;background:linear-gradient(#2563eb,#93c5fd)}
.tl li{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start}
.tl-n{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid #2563eb;font:900 17px var(--d);color:#2563eb}
.tl li.now .tl-n{background:#2563eb;color:#fff;box-shadow:0 0 0 8px #2563eb22}
.tl h3{font:900 22px/1.2 var(--d);letter-spacing:-.02em;margin-top:12px}html[lang=km] .tl h3{letter-spacing:0;line-height:1.5}
.tl p{margin-top:6px;max-width:680px;font-size:16px;line-height:1.6;color:var(--ink-2)}
