/* ===== About ===== */
#lp-about{background:var(--color-white);padding:var(--section-py) 0}
#lp-about .about-card{
  display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:start;
  max-width:860px;margin:0 auto;
  background:var(--color-bg);border-radius:var(--radius-xl);
  padding:32px 16px;border:1px solid var(--color-border);
}
#lp-about .about-photo{
  width:220px;height:280px;object-fit:cover;object-position:center top;
  border-radius:var(--radius-lg);
}
#lp-about h3{
  font-size:19px;font-weight:700;margin-bottom:18px;color:var(--color-primary);
}
#lp-about .about-text{
  font-size:15px;color:var(--color-text-light);line-height:2;margin-bottom:28px;
}
#lp-about .about-info{
  margin-bottom:24px;
  background:var(--color-white);
  border-radius:var(--radius-md);
  padding:20px 24px;
  border:1px solid var(--color-border);
}
#lp-about .about-info dl{
  display:grid;grid-template-columns:72px 1fr;gap:12px 20px;
  align-items:baseline;
}
#lp-about .about-info dt{
  font-size:13px;font-weight:600;color:var(--color-text-muted);
  white-space:nowrap;
}
#lp-about .about-info dd{font-size:15px;line-height:1.7}
#lp-about .about-info dd a{color:var(--color-primary);text-decoration:underline}
#lp-about .about-links{
  display:flex;gap:8px;flex-wrap:wrap;
}
#lp-about .about-links a{
  font-size:13px;color:var(--color-text-muted);
  padding:6px 14px;
  border:1px solid var(--color-border);
  border-radius:100px;
  transition:all .3s;
}
#lp-about .about-links a:hover{
  color:var(--color-primary);
  border-color:var(--color-primary);
  background:var(--color-primary-light);
}

@media(max-width:900px){
  #lp-about .about-card{
    grid-template-columns:1fr;padding:32px;gap:28px;
  }
  #lp-about .about-photo{
    width:160px;height:200px;margin:0 auto;
  }
  #lp-about h3{text-align:center}
  #lp-about .about-text{text-align:left}
  #lp-about .about-info dl{
    grid-template-columns:64px 1fr;gap:10px 16px;
  }
  #lp-about .about-links{justify-content:center}
}