*{box-sizing:border-box}
body{
  margin:0;
  background:#fff;
  color:#25202a;
  font-family:Arial,Helvetica,sans-serif;
}
.lokmangal-board{
  --lm-purple:#5b2188;
  --lm-gold:#b38a4a;
  --lm-text:#25202a;
  max-width:1180px;
  margin:0 auto;
  padding:55px 28px 65px;
  color:var(--lm-text);
}
.lokmangal-board__header{text-align:center;margin-bottom:48px}
.lokmangal-board__eyebrow{
  margin:0 0 10px;
  color:var(--lm-purple);
  font-size:15px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lokmangal-board h2{
  margin:0;
  color:var(--lm-purple);
  font-size:clamp(30px,4vw,46px);
  line-height:1.15;
}
.lokmangal-board__period{
  margin:12px 0 0;
  color:#777;
  font-size:16px;
  font-weight:600;
}
.lokmangal-board__lead{
  display:grid;
  grid-template-columns:repeat(2,minmax(250px,1fr));
  gap:45px;
  max-width:760px;
  margin:0 auto 55px;
}
.lokmangal-board__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:45px 24px;
}
.lokmangal-board__ceo{
  display:flex;
  justify-content:center;
  margin-top:50px;
}
.lokmangal-person{
  text-align:center;
}
.lokmangal-person img{
  display:block;
  width:185px;
  height:auto;
  object-fit:contain;
  margin:0 auto 16px;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(35,20,50,.13);
}
.lokmangal-person--chairman img,
.lokmangal-person--vice img,
.lokmangal-person--ceo img{
  width:220px;
  height:auto;
}
.lokmangal-person__role{
  display:block;
  margin-bottom:7px;
  color:var(--lm-gold);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lokmangal-person h3{
  margin:0;
  color:var(--lm-purple);
  font-size:17px;
  line-height:1.35;
  font-weight:700;
}
.lokmangal-person--chairman h3,
.lokmangal-person--vice h3,
.lokmangal-person--ceo h3{font-size:19px}

@media (max-width:900px){
  .lokmangal-board__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:650px){
  .lokmangal-board{padding:35px 14px 45px}
  .lokmangal-board__lead{grid-template-columns:1fr;gap:38px}
  .lokmangal-board__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 14px}
  .lokmangal-person img{width:145px;height:auto;border-radius:14px}
  .lokmangal-person--chairman img,
  .lokmangal-person--vice img,
  .lokmangal-person--ceo img{width:180px;height:auto}
  .lokmangal-person h3{font-size:15px}
}