/* Rotating profile facts around a stationary portrait. */
.about-page .about h1.about-identity-title{font-size:12px;line-height:1.6;font-weight:500;letter-spacing:1.5px;margin:0 0 25px}
.profile-orbit{position:relative;isolation:isolate;width:100%;max-width:530px;aspect-ratio:1;margin:0 auto 20px}
.profile-orbit-photo{position:absolute;left:15%;top:15%;width:70%;height:70%;object-fit:cover;object-position:center 20%;border-radius:50%;box-shadow:0 0 0 8px #171717,0 0 0 9px #21f1a829}
.profile-text-ring{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;animation:profile-text-turn 55s linear infinite;transform-origin:50% 50%;pointer-events:none}
.profile-text-ring text{font-family:var(--font);font-size:16px;font-weight:500;fill:#c8d0cc;letter-spacing:1.4px}
.profile-text-ring tspan{fill:var(--accent)}
.profile-caption-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.profile-orbit:hover .profile-text-ring{animation-play-state:paused}
@keyframes profile-text-turn{to{transform:rotate(360deg)}}
.motion-off .profile-text-ring{animation:none}
@media(prefers-reduced-motion:reduce){.profile-text-ring{animation:none}}
@media(max-width:700px){.profile-orbit{max-width:430px;margin-bottom:20px}}