[id^="project-"],.app-project{scroll-margin-top:32px}
/* The keyframes hold their transparent end until the class is removed; focus moved there never draws a ring. */
.project-arrival{animation:project-arrival 1.5s ease-out both}
[data-arrival-focus]:focus,[data-arrival-focus]:focus-visible{outline:none}
@keyframes project-arrival{0%,22%{outline:2px solid #789fe0;outline-offset:12px}100%{outline:2px solid transparent;outline-offset:18px}}
.signal-home{transition:opacity 180ms ease}
.signal-home.signal-departing{opacity:0}
.project-entering body{opacity:0}
html:not(:has(.signal-home)) body{transition:opacity 220ms ease}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.project-arrival,.project-arrival[data-arrival-focus]:focus{animation:none;outline:2px solid #789fe0;outline-offset:8px}.signal-home,html body{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}