/* Stable progressive motion layer: never controls layout visibility or page navigation. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-duration:.75s}
[data-motion],.motion{opacity:1;transform:none;transition:opacity var(--motion-duration) var(--motion-ease),transform var(--motion-duration) var(--motion-ease)}
.motion-glare{position:relative;overflow:hidden}.motion-glare:after{content:"";position:absolute;inset:-45%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);transform:translateX(-75%) rotate(8deg);transition:transform .75s var(--motion-ease);pointer-events:none}.motion-glare:hover:after{transform:translateX(75%) rotate(8deg)}
.motion-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:999;transform:scaleX(0);transform-origin:left;background:var(--gold2,#f0c765);pointer-events:none}
.motion-magnetic,.motion-tilt{will-change:transform}
@media(max-width:760px){.motion-magnetic,.motion-tilt{transform:none!important}.motion-glare:after{display:none}}
@media(prefers-reduced-motion:reduce){.motion-progress{display:none!important}.motion-magnetic,.motion-tilt{transform:none!important}}
