/* Optional balanced motion enhancement. Does not replace original site styling. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-short:240ms;--motion-medium:480ms}
html.motion-enabled{scroll-behavior:smooth}
.motion-enabled #topNav{--motion-nav-x:50%}
.motion-enabled #topNav .nav-links .nav-link{transition:transform var(--motion-short) var(--motion-ease),color var(--motion-short) ease,background var(--motion-short) ease}
@media (hover:hover) and (pointer:fine){.motion-enabled #topNav .nav-links .nav-link.motion-magnetic{transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0)}
.motion-enabled .motion-glass{--mx:50%;--my:50%;position:relative;isolation:isolate}
.motion-enabled .motion-glass::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(255,255,255,.075),transparent 68%);opacity:0;transition:opacity 380ms ease}
.motion-enabled .motion-glass:hover::after{opacity:1}
.motion-enabled .motion-project{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transition:transform 360ms var(--motion-ease);will-change:transform}
.motion-enabled .motion-project:hover{transition-duration:120ms}
}
.motion-enabled .hero h1.motion-hero-title{animation:motion-hero-in 850ms var(--motion-ease) both}
@keyframes motion-hero-in{from{opacity:0;filter:blur(5px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
.motion-enabled .motion-section-in{animation:motion-section-in 600ms var(--motion-ease) both}
@keyframes motion-section-in{from{opacity:.72;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
.motion-enabled .motion-timeline-marker{position:absolute;left:-12px;top:14px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;box-shadow:0 0 0 4px rgba(180,180,180,.055);pointer-events:none}
.motion-enabled .motion-timeline-item{position:relative}
.motion-enabled .motion-pressed{animation:motion-press 230ms ease}
@keyframes motion-press{50%{transform:scale(.985)}}
.motion-enabled .motion-focus{transition:box-shadow 250ms ease,filter 250ms ease}
.motion-enabled .motion-focus:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.motion-enabled .motion-busy{animation:motion-pulse 850ms ease-in-out infinite alternate}
@keyframes motion-pulse{from{filter:brightness(1)}to{filter:brightness(1.16)}}
.motion-command-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(0,0,0,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:start center;padding:clamp(65px,15vh,150px) 16px 16px}
.motion-command-backdrop[hidden]{display:none!important}
.motion-command-panel{box-sizing:border-box;width:min(580px,100%);max-height:min(600px,75vh);overflow:hidden;display:flex;flex-direction:column;background:rgba(21,22,25,.96);color:#f7f4ee;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 100px rgba(0,0,0,.45);border-radius:18px;font:500 14px/1.5 Inter,system-ui,sans-serif}
.motion-command-input{font:inherit;font-size:16px;padding:19px 20px;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.12);width:100%;box-sizing:border-box;outline:0}
.motion-command-results{overflow-y:auto;max-height:370px;padding:8px}
.motion-command-result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;color:inherit;padding:12px 14px;border:0;border-radius:10px;text-align:left;background:transparent;font:inherit;cursor:pointer}
.motion-command-result:hover,.motion-command-result:focus-visible,.motion-command-result[aria-selected=true]{background:rgba(255,255,255,.1);outline:none}
.motion-command-result small{color:#bfbcb6;font-size:12px}
.motion-command-hint{padding:11px 18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#c5c1b8}
.motion-command-launch{position:fixed;right:16px;bottom:16px;z-index:80;border-radius:999px;padding:9px 13px;border:1px solid rgba(150,150,150,.28);background:rgba(25,25,25,.78);color:#fafafa;font:600 12px Inter,system-ui,sans-serif;backdrop-filter:blur(12px);cursor:pointer;box-shadow:0 7px 25px rgba(0,0,0,.15)}
.motion-command-launch:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.motion-command-launch:hover{filter:brightness(1.2)}
@media(max-width:640px){.motion-command-launch{bottom:12px;right:12px;font-size:11px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){html.motion-enabled{scroll-behavior:auto!important}.motion-enabled .motion-hero-title,.motion-enabled .motion-section-in,.motion-enabled .motion-pressed,.motion-enabled .motion-busy{animation:none!important}.motion-enabled .motion-project,.motion-enabled .motion-magnetic{transform:none!important;transition:none!important}.motion-enabled .motion-glass::after{display:none!important}.motion-command-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}