.profile-home {
  --home-ink: #172033;
  --home-muted: #4f5c70;
  --home-accent: #2457d6;
  max-width: 820px;
  padding: clamp(3rem, 8vw, 6rem) 0;
}

html[data-mode="dark"] .profile-home {
  --home-ink: #eef3fd;
  --home-muted: #b4bfd0;
  --home-accent: #83a9ff;
}

.profile-home h1 {
  margin: 0 0 1.7rem;
  color: var(--home-ink);
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.2;
  letter-spacing: -0.035em;
}

.profile-home h1 span {
  color: var(--home-muted);
  font-size: 0.72em;
  font-weight: 550;
  white-space: nowrap;
}

.profile-home p {
  margin: 0 0 1.25rem;
  color: var(--home-muted);
  font-size: 1.02rem;
  line-height: 1.85;
}

.profile-home strong {
  color: var(--home-ink);
  font-weight: 700;
}

.profile-home a {
  color: var(--home-accent);
  font-weight: 650;
  text-decoration: none;
}

.profile-home a:hover {
  text-decoration: underline;
}

@media (max-width: 680px) {
  .profile-home {
    padding: 2rem 0 3rem;
  }

  .profile-home p {
    font-size: 0.96rem;
    line-height: 1.75;
  }
}