.about-leg-fill{clip-path:inset(0 -24px)}.about-dot{background:var(--color-brand);box-shadow:0 0 0 5px color-mix(in oklab, var(--color-brand) 16%, transparent)}.about-dot-now:after{content:"";border-radius:inherit;border:1px solid var(--color-brand);animation:2.4s cubic-bezier(0,0,.2,1) infinite about-ping;position:absolute;inset:-6px}@keyframes about-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@property --about-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.about-portrait{--tone:var(--color-brand);background:radial-gradient(120% 120% at 30% 15%, color-mix(in oklab, var(--tone) 22%, var(--color-surface)), var(--color-surface) 70%) padding-box, conic-gradient(from var(--about-angle), color-mix(in oklab, var(--color-ink) 10%, transparent) 0deg, var(--tone) 90deg, var(--color-sky) 150deg, color-mix(in oklab, var(--color-ink) 10%, transparent) 240deg) border-box;border:2px solid #0000;animation:12s linear infinite about-turn}@keyframes about-turn{to{--about-angle:360deg}}.about-orbit-dot{background:var(--color-brand);box-shadow:0 0 0 4px color-mix(in oklab, var(--color-brand) 20%, transparent), 0 0 18px var(--color-sky)}@media (prefers-reduced-motion:no-preference){.about-orbit{animation:12s linear infinite about-orbit}@keyframes about-orbit{to{transform:rotate(360deg)}}.about-loop-step{animation:12s linear infinite about-step;animation-delay:calc(var(--i,0) * 3s)}@keyframes about-step{0%,9%,to{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-brand) 14%, transparent)}17%,92%{border-color:var(--color-rule);box-shadow:0 0 #0000}}@supports (animation-timeline:view()){.about-leg-fill{animation:linear both about-draw;animation-timeline:view();animation-range:cover 50vh cover calc(100% - 50vh)}@keyframes about-draw{0%{clip-path:inset(0 -24px 100%)}to{clip-path:inset(0 -24px)}}.about-dot{animation:linear both about-light;animation-timeline:view();animation-range:entry cover 50%}@keyframes about-light{0%,88%{background:var(--color-rule);box-shadow:0 0 #0000}to{background:var(--color-brand);box-shadow:0 0 0 5px color-mix(in oklab, var(--color-brand) 16%, transparent)}}}}@media (prefers-reduced-motion:reduce){.about-dot-now:after,.about-portrait{animation:none}.about-dot-now:after,.about-orbit{display:none}}