.mastodon-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:clamp(28px,5vw,58px);
  align-items:center;
  padding:clamp(34px,6vw,68px) 0 clamp(24px,4vw,42px);
}

.mastodon-hero__visual{
  margin:0;
  overflow:hidden;
  border:1px solid var(--rule);
  border-radius:3px;
  background:var(--soft);
  box-shadow:0 18px 50px rgba(21,24,29,.12);
}

.mastodon-hero__visual img{
  display:block;
  width:100%;
  height:auto;
}

.mastodon-hero__copy h1{
  font-size:clamp(43px,7vw,78px);
  max-width:9ch;
}

.mastodon-hero__copy .lede{
  max-width:36ch;
}

.mastodon-status{
  margin-top:24px;
  margin-bottom:0;
}

.mastodon-truth{
  margin-top:0;
}

@media(max-width:820px){
  .mastodon-hero{
    grid-template-columns:1fr;
    gap:28px;
  }

  .mastodon-hero__visual{
    max-width:680px;
  }

  .mastodon-hero__copy h1{
    max-width:12ch;
  }
}

@media(max-width:520px){
  .mastodon-hero{
    padding-top:24px;
  }

  .mastodon-hero__copy h1{
    font-size:clamp(40px,14vw,58px);
  }
}