/* A site-level override complements the operating system preference. */
html[data-motion=reduce]{scroll-behavior:auto!important}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=reduce] .hero-portrait,html[data-motion=reduce] .project:hover,html[data-motion=reduce] .current-project:hover{transform:none!important}
html[data-motion=reduce] .trajectory-traveler{opacity:0!important}
.header .motion-toggle{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.header .motion-toggle[hidden]{display:none}
.header .motion-toggle:hover,.header .motion-toggle[aria-pressed=true]{background:var(--soft);color:var(--ink)}
.header .motion-toggle:focus-visible{outline:2px solid var(--art-accent);outline-offset:2px}
.header .motion-toggle:disabled{opacity:.6;cursor:default}
@media(max-width:380px){.header .nav-links{gap:2px}.header .nav-links>a{padding-inline:8px}}