style: fade the exit plate in over 160 ms under reduced motion

This commit is contained in:
2026-10-11 01:25:53 +03:00
parent 863a44e65b
commit 6f8449d39b
2 changed files with 11 additions and 0 deletions

View File

@@ -821,6 +821,14 @@ html[data-expressway='live'] .portfolio-section[data-layout='project-stage'] {
html .journey-hud,
html .site-navigation li::after { transition: none; }
}
/* No sign flies in under reduced motion, so the plate itself carries the
change of chapter: a 160 ms opacity fade, no movement. */
@media (prefers-reduced-motion: reduce) {
html .journey-hud { animation: plate-swap 160ms ease-out both; }
}
@keyframes plate-swap {
from { opacity: 0; }
}
@media (forced-colors: active) {
html .site-navigation::before { background: Canvas; }
html .site-navigation::after { color: CanvasText; }