/* Read the essentials first; emphasis settles once after the profile is seen. */
html body.home-page.identity-page #about .about-profile {
  --about-line: 24px; gap: 8px !important; padding: 12px;
  font-family: var(--identity-font); font-size: var(--identity-body);
  min-width: 0; border-radius: 14px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface, var(--psy-card-1, #e6eddc)) 75%, transparent);
}
html body.home-page.identity-page #about .about-profile p {
  margin: 0 !important; padding: 0 !important; line-height: var(--about-line) !important;
  font-family: inherit; font-size: inherit !important;
}
html body.home-page.identity-page #about .about-profile p :is(a,button,span,strong) {
  font-family: inherit; font-size: inherit; line-height: inherit;
}
html body.home-page.identity-page #about .about-requests {
  display: grid; gap: 8px; width: 100%; margin: 0;
}
html body.home-page.identity-page #about .about-development { display: grid; gap: 0; }
html body.home-page.identity-page #about .about-profile .about-session-facts {
  width: 100%; margin: 0 !important; padding: 8px 0 0 !important;
  border-top: 0;
}
html body.home-page.identity-page #about .about-focus {
  color: inherit; font-weight: 400;
  -webkit-text-stroke: 0 currentColor;
}
html body.home-page.identity-page #about .about-focus--started {
  animation: about-focus-ripen var(--focus-duration, 4.5s) ease-in-out var(--focus-delay, .5s) forwards;
  animation-play-state: paused;
}
html body.home-page.identity-page #about .about-focus--started.about-focus--reading {
  animation-play-state: running;
}
html body.home-page.identity-page #about .about-role .about-focus { --focus-duration: 3.2s; --focus-delay: 0s; }
@keyframes about-focus-ripen {
  /* Thicken the ink without changing glyph advances or line wrapping. */
  from { -webkit-text-stroke-width: 0; }
  to { -webkit-text-stroke-width: .35px; }
}
@media (prefers-reduced-motion: reduce) {
  html body.home-page.identity-page #about .about-focus--started {
    animation-duration: 3.2s; animation-delay: 0s;
  }
}
