/* ============================================================
   QUIÉN SOY
   ============================================================ */
.about{background:var(--paper);padding:120px 0}
.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.about-photo{
  width:100%;aspect-ratio:1/1;background:var(--black);color:var(--muted-d);
  border-radius:50%;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  max-width:480px;
}
.about-photo::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background-image:repeating-linear-gradient(45deg, #0F0F0F 0 12px, transparent 12px 24px);
}
.about-photo.has-photo::before{display:none}
.about-photo img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 8%;
  border-radius:50%;
}
.about-photo .ph-label{
  position:relative;z-index:1;font-family:var(--f-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted-d);
  text-align:center;line-height:1.6;
}
.about-photo .ph-label b{color:var(--yellow);font-weight:700;display:block;font-size:14px}
.about-photo-meta{
  margin-top:24px;display:flex;justify-content:space-between;gap:16px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);
}
.about-photo-meta .handle{color:var(--black);font-weight:700;font-family:var(--f-display);text-transform:none;letter-spacing:-0.01em;font-size:14px}

.about-content .eyebrow{margin-bottom:16px}
.about-content h2{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,5vw,72px);letter-spacing:-0.04em;line-height:0.95;margin:0 0 32px;color:var(--black)}
.about-content h2 .uline{background:linear-gradient(transparent 70%, var(--yellow) 70%, var(--yellow) 92%, transparent 92%);padding:0 4px}
.about-content .story{font-family:var(--f-body);font-size:18px;line-height:1.6;color:#2A2A28;margin:0 0 24px;max-width:580px}
.about-content .story strong{color:var(--black);font-weight:600}

.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border:1px solid var(--black)}
.about-stat{padding:24px;border-right:1px solid var(--black);background:#fff}
.about-stat:last-child{border-right:0}
.about-stat .v{font-family:var(--f-display);font-weight:900;font-size:36px;letter-spacing:-0.03em;line-height:0.95;color:var(--black);margin-bottom:4px}
.about-stat .v .small{font-size:18px;color:var(--blue);margin-left:2px}
.about-stat .k{font-family:var(--f-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);line-height:1.4}

.about-quote{
  margin-top:48px;padding:32px;background:var(--black);color:#fff;
  font-family:var(--f-display);font-weight:800;font-size:24px;letter-spacing:-0.02em;line-height:1.2;
  border-left:8px solid var(--yellow);max-width:680px;
}

.about-socials{margin-top:24px;display:flex;gap:8px;flex-wrap:wrap}
.about-socials a{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--rule-soft);padding:10px 16px;
  font-family:var(--f-mono);font-size:12px;letter-spacing:0.06em;color:var(--black);text-decoration:none;
}
.about-socials a:hover{background:var(--black);color:#fff;border-color:var(--black)}
.about-socials a .ic{width:8px;height:8px;background:var(--blue);display:inline-block}
.about-socials a:hover .ic{background:var(--yellow)}

@media (max-width:900px){
  .about{padding:80px 0}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-photo{max-width:280px;margin:0 auto}
  .about-stats{grid-template-columns:1fr;border-bottom:1px solid var(--black)}
  .about-stat{border-right:0;border-bottom:1px solid var(--black)}
  .about-stat:last-child{border-bottom:0}
}