.hero{
  padding:5rem 0 4.5rem;
  background:var(--surface);
  border-bottom:1px solid var(--border-soft);
  text-align:left;
}
.hero .label{margin-bottom:1.1rem}
.hero h1{
  font-size:var(--fs-display);
  font-weight:300;
  max-width:680px;
  margin-bottom:1.2rem;
}
.hero h1 b{font-weight:700}
.hero p.lead{
  color:var(--muted);
  font-size:1.02rem;
  max-width:560px;
  margin-bottom:2.2rem;
  line-height:1.75;
}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.about-strip{
  display:flex;
  gap:2.5rem;
  align-items:center;
  padding:1rem 0;
}
.about-photo{
  width:120px;height:120px;flex-shrink:0;
  border-radius:50%;
  background:var(--surface-soft);
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-size:2.4rem;font-weight:300;color:var(--faint);
}
.about-text h2{font-size:var(--fs-h2);margin-bottom:.6rem}
.about-text p{color:var(--muted);font-size:.95rem;max-width:640px;line-height:1.75;margin-bottom:0}
.facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--border-soft);
  border:1px solid var(--border-soft);
  border-radius:var(--radius);
  overflow:hidden;
  margin-top:2.5rem;
}
.fact{background:var(--surface);padding:1.6rem 1.2rem;text-align:center}
.fact b{display:block;font-size:1.7rem;font-weight:300;color:var(--ink);line-height:1.2}
.fact span{font-size:var(--fs-small);color:var(--muted)}
@media(max-width:640px){
  .hero{padding:3.5rem 0 3rem}
  .about-strip{flex-direction:column;align-items:flex-start;gap:1.2rem}
  .facts{grid-template-columns:1fr 1fr 1fr;gap:1px}
  .fact{padding:1.1rem .6rem}
  .fact b{font-size:1.3rem}
  .fact span{font-size:var(--fs-tiny)}
  .hero-cta .btn{flex:1;padding:.9rem 1rem}
}