/* Homepage additions; the shared site typography and colours stay in site.css. */
.identity {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.4rem;
}
.identity h1 { margin: 0; }
.portrait {
  display: block;
  flex: 0 0 auto;
  width: 88px;
  height: 88px;
  border-radius: 10px;
  object-fit: cover;
}
.intro-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem 1.4rem;
  margin-top: 1.1rem;
  font-size: .95rem;
}
.intro-links a { padding: .25rem 0; }
.intro-links a:first-child { font-weight: 650; }
.intro-links a + a { color: var(--text-secondary); }
@media (max-width: 420px) {
  .identity {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.1rem;
  }
  .portrait { width: 80px; height: 80px; }
}