/* Reversible hero-name study: architectural sans instead of the original serif. */
.hero h1{
  font-family:"Jost","DM Sans",Arial,sans-serif;
  font-weight:300;
  line-height:.88;
  letter-spacing:0;
}
.hero h1 .given-name{
  font-family:inherit;
  font-weight:300;
  font-size:.78em;
  line-height:1.03;
  letter-spacing:.026em;
}
.hero h1 .family-name{
  font-family:inherit;
  font-weight:300;
  font-size:.9em;
  line-height:.98;
  letter-spacing:.055em;
}
@media(max-width:900px){
  .hero h1 .given-name{font-size:.76em}
  .hero h1 .family-name{font-size:.89em}
}
@media(max-width:600px){
  .hero h1{margin-bottom:19px}
  .hero h1 .given-name{font-size:.75em;letter-spacing:.014em}
  .hero h1 .family-name{font-size:.88em;letter-spacing:.045em}
}