@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Libre+Caslon+Display&display=swap');

:root{
  --serif:"Libre Caslon Display",Georgia,serif;
  --sans:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body{
  font-family:var(--sans);
  font-weight:400;
  line-height:1.72;
}

.hero h1,
.section-intro h2,
.capabilities h3,
.approach h2,
.steps h3,
.about-title h2,
.about-copy .about-lead,
.founder h2,
.founder blockquote,
.contact h2,
.contact p:not(.kicker),
.mobile-nav a{
  font-family:var(--serif);
  font-weight:400;
  font-stretch:normal;
}

.hero h1{
  line-height:1.055;
  letter-spacing:-.004em;
  max-width:760px;
}

.hero h1 em,
.approach h2 em,
.about-title h2 em,
.contact p:not(.kicker){
  font-style:italic;
  font-weight:400;
}

.nav-desktop,
.nav-cta,
.kicker,
.btn,
.link-arrow,
.card-meta h3,
.founder-role,
footer,
.capabilities p,
.card-meta p,
.steps p,
.hero-text,
.lead,
.about-copy p{
  font-family:var(--sans);
}

.nav-desktop,
.nav-cta,
.kicker,
.btn,
.link-arrow,
.card-meta h3,
.founder-role{
  font-weight:600;
}

.hero-text,
.capabilities p,
.section-intro>p:last-child,
.card-meta p,
.lead,
.steps p,
.about-copy p{
  font-weight:400;
}

.capabilities h3{
  font-size:28px;
  line-height:1.15;
  letter-spacing:0;
}

.card-meta>span{font-family:var(--serif)}
.section-intro h2{line-height:1.08;letter-spacing:0}
.approach h2{line-height:1.08;letter-spacing:0}
.steps h3{line-height:1.1;letter-spacing:0}
.about-title h2{line-height:1.08;letter-spacing:0}
.founder h2{line-height:1.08;letter-spacing:0}
.founder blockquote{line-height:1.5;letter-spacing:0}
.contact h2{line-height:1.08;letter-spacing:0}

@media(max-width:760px){
  .hero h1{line-height:1.07;letter-spacing:0}
  .mobile-nav a{line-height:1.05}
}