/* Shared nav brand — circular headshot + name (hub + project pages) */

.brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  font-weight: 600;
}

.brand:hover { text-decoration: none; }

.brand-photo {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 12%;
  border: 2px solid rgba(26, 43, 60, 0.14);
  box-shadow: 0 1px 4px rgba(18, 21, 28, 0.1);
  flex-shrink: 0;
  background: #fff;
}

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  gap: 0.1rem;
}

.brand-name {
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: -0.01em;
}

.brand-tag {
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--muted, #556B82);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Clear Home button next to the brand, on every case study page */
.nav-home-btn { display: inline-flex; align-items: center; gap: .35rem; margin: 0 auto 0 .9rem; padding: .38rem .8rem; border: 1px solid currentColor; border-radius: 999px; font-size: .88rem; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; color: inherit; opacity: .92; }
.nav-home-btn svg { width: 15px; height: 15px; fill: currentColor; flex: none; }
.nav-home-btn:hover { opacity: 1; }
@media (max-width: 420px) { .nav-home-btn { margin-left: .5rem; padding: .34rem .6rem; } }