/* =========================== 3. ABOUT ME =========================== */
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.about-card{background:var(--bg-2);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:30px}
.about-card .icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px;background:var(--bg-3)}
.about-card h3{font-size:1.2rem;margin-bottom:14px}
.bio-list{list-style:none;display:grid;gap:10px}
.bio-list li{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.08);font-size:.92rem}
.bio-list li:last-child{border:0;padding-bottom:0}
.bio-list span{color:var(--muted)}
.bio-list b{text-align:right}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 14px;border-radius:999px;background:var(--bg-3);font-size:.86rem;font-weight:600;border:1px solid rgba(255,255,255,.06)}
.trait{display:flex;gap:12px;margin-bottom:14px;font-size:.92rem}
.trait:last-child{margin-bottom:0}
.trait .t-emoji{font-size:1.2rem;line-height:1.4}
.trait b{display:block}
.trait p{color:var(--muted);font-size:.86rem}

@media (max-width:1024px){
  .about-grid{grid-template-columns:1fr 1fr}
  .about-grid .about-card:last-child{grid-column:span 2}
}
@media (max-width:560px){
  .about-grid{grid-template-columns:1fr}
  .about-grid .about-card:last-child{grid-column:auto}
  .about-card{padding:24px}
}