/* ====== ABOUT PAGE ====== */
body.work-body {
  background:#000;
  color:#fff;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* contenedor principal */
.about-panel { 
  margin:3rem auto 0; 
     /* panel oscuro, consistente con fondo */
  

  
  padding: clamp(1rem, 2.5vw, 2rem); 
  max-width: 1100px;
}

/* grid para retrato + texto */
.about-grid { 
  display:grid; 
  grid-template-columns:1fr; 
  gap: clamp(1.25rem, 3vw, 2.5rem); 
  align-items:center; 
}
@media (min-width: 900px){ 
  .about-grid { grid-template-columns: 340px 1fr; } 
}

/* retrato */
.about-portrait { 
  width:100%; 
  max-width:340px; 
  aspect-ratio:1/1; 
  object-fit:cover; 
 
  display:block; 
  
}

/* texto */
.about-text { 
  font-size:clamp(1rem, 1.3vw, 1rem); 
  line-height:1.8; 
  color:#ddd; 
}
.about-text em { 
  font-style:italic; 
  opacity:0.95; 
}

/* meta + links */
.about-meta { 
  margin-top:1.25rem; 
  font-size:0.98rem; 
  color:#aaa; 
}
.about-meta a { 
  color:#9fe500; 
  text-decoration:none; 
}
.about-meta a:hover { 
  text-decoration:underline; 
}

/* badges (RA / IN) */
.about-badges{ 
  display:flex; 
  gap:.75rem; 
  margin-top:1.25rem; 
}
.badge { 
  width:38px; 
  height:38px; 
 
  display:grid; 
  place-items:center; 
  background:#0e0e0e; 
 
  font-weight:700; 
  font-size:.9rem; 
  color:#9fe500; 
  
}
.badge:hover{ 
  transform:translateY(-1px); 
}