/* ==========================================================================
   nathalie.css
   Styles specific to experts/nathalie-uzcategui.html (expert bio + portrait
   + credentials + certifications summary).
   ========================================================================== */

/* Bio hero */
.bio{padding:72px 0 4px;}
.bio-layout{
  display:grid; grid-template-columns:1.2fr 0.8fr; gap:64px; align-items:start;
}
@media (max-width:900px){
  .bio-layout{grid-template-columns:1fr;}
  .bio-side{order:-1;}
}

.bio-name{font-size:clamp(36px, 5vw, 52px); color:var(--teal); line-height:1.05;}
.bio-credentials{font-size:clamp(22px, 3vw, 30px); color:var(--navy); font-weight:600; margin-top:10px; line-height:1.25;}

.bio-text p{
  color:var(--navy-soft); font-size:16.5px; margin:0 0 22px 0; max-width:640px;
}
.bio-text{margin-top:32px;}

/* Side column: portrait + credentials */
.bio-side{padding-top:2px;}

.bio-photo{
  width:100%; aspect-ratio:7/10;
  border-radius:260px 260px var(--radius-md) var(--radius-md);
  filter:grayscale(15%) contrast(1.02);
}

.bio-credentials-block{
  margin-top:40px; padding-top:32px; border-top:1px solid var(--line);
}
.logos-label{
  font-family:'IBM Plex Mono',monospace; font-size:11px; text-transform:uppercase;
  letter-spacing:0.06em; color:var(--slate); margin-bottom:12px;
}
.logo-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:32px;
}

.logo-row:last-child{
  margin-bottom:0;
}

.inst-logo{
  width:92px;
  height:56px;
  font-size:9.5px;
  flex-shrink:0;
  object-fit:contain;
  object-position:center;
}
.usb-correction{
  transform:scale(1.5);
}

@media (max-width:640px){
  .logo-row{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
  .inst-logo{width:100%; height:64px; object-fit:contain;}
}

/* Certifications */
.certifications{
  padding:24px 0 100px;
}
.certifications .eyebrow{margin-bottom:24px;}

/* Styled to match the "Certifications" treatment on index.html:
   mono label + top divider + read-more-style link spacing */
.cert-summary{
  padding-top:32px; border-top:1px solid var(--line);
  display:flex; flex-direction:column; align-items:flex-start; gap:10px;
}
.cert-summary .logos-label{margin-bottom:0;}
.cert-summary .read-more{margin-top:0;}