.zoguy-branding {
  display: flex;
  align-items: center;

  min-width: max-content;
}

.zoguy-branding__link {
  display: inline-flex;
  align-items: center;

  gap: 0.7rem;

  color: inherit;

  text-decoration: none;
}

.zoguy-branding__logo {
  display: block;

  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  object-fit: contain;
}

.zoguy-branding__name {
  color: var(--zoguy-navy);

  font-family: var(--zoguy-font-heading);

  font-size: 1.2rem;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.08em;

  white-space: nowrap;

  transition: color 140ms ease;
}

.zoguy-branding__link:hover
.zoguy-branding__name {
  color: var(--zoguy-teal);
}

@media (max-width: 40rem) {

  .zoguy-branding__logo {
    width: 42px;
    height: 42px;

    flex-basis: 42px;
  }

  .zoguy-branding__name {
    font-size: 1.05rem;
  }

}