/* Match the active section pill in the floating navigation. */
:root{--control-active-bg:linear-gradient(180deg,#8a85ff,#615dff);--control-active-border:#aaa5ff5c;--control-active-shadow:0 0 9px #756bffb0,0 0 25px #6357ff60,inset 0 1px 5px #ffffff35}
#hero .hero-action,#work .work-arrow,#work .all-projects-button,.projects-back,.gallery-arrow{transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
#hero .hero-action:is(:hover,:focus-visible,:active),
#work .work-arrow:not(:disabled):is(:hover,:focus-visible),
#work .all-projects-button:is(:hover,:focus-visible,:active),
.projects-back:is(:hover,:focus-visible),
.gallery-arrow:not(:disabled):is(:hover,:focus-visible){color:#fff;border-color:var(--control-active-border);background:var(--control-active-bg);box-shadow:var(--control-active-shadow)}
#work #workRail>.project:is(:hover,:focus-visible) .work-card-open,
.projects-page .projects-card:is(:hover,:focus-visible) .work-card-open{color:#fff;border-color:var(--control-active-border);background:var(--control-active-bg);box-shadow:var(--control-active-shadow);opacity:1}
#hero .hero-action:focus-visible{outline:2px solid #b2aaff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){#hero .hero-action,#work .work-arrow,#work .all-projects-button,.projects-back,.gallery-arrow{transition:none}}