/* Shared wordmark sizing, loaded after the homepage and case-study styles. */
.hero__logo img,
.hero__logo .inkbleed,
.topbar__logo,
.topbar__me .inkbleed {
  display: block;
  width: clamp(180px, 15vw, 220px);
  height: auto;
  max-width: none;
}
@media (max-width: 767px) {
  .hero__logo img,
  .hero__logo .inkbleed,
  .topbar__logo,
  .topbar__me .inkbleed {
    width: 150px;
    height: auto;
  }
}
@media (max-width: 360px) {
  .hero__logo img,
  .hero__logo .inkbleed,
  .topbar__logo,
  .topbar__me .inkbleed { width: 136px; }
}