/* Homepage hero containment only. Keep the wordmark inside the text column and fully clear of the portrait. */
.hero-inner{min-width:0;overflow:hidden}
.hero-main{min-width:0;max-width:100%;overflow:hidden}
.hero-main h1{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  font-size:clamp(2.4rem,4.2vw,3.4rem);
  line-height:1.02;
  letter-spacing:-.04em;
  white-space:nowrap;
  overflow:visible;
  margin-left:0;
  padding-right:0;
}
@media(max-width:900px){
  .hero-card{grid-template-columns:1fr}
  .hero-inner,.hero-main{overflow:visible}
  .hero-main h1{
    font-size:clamp(2.3rem,6vw,3.35rem);
    letter-spacing:-.035em;
    white-space:nowrap;
    width:100%;
    max-width:100%;
  }
}
@media(max-width:340px){
  .hero-main h1{font-size:1.82rem}
}