/* Motion is progressive enhancement: content and controls remain usable without it. */
.motion-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0;color:#d5c1dc;font-size:11px;letter-spacing:.12em}
.motion-toolbar button{font:inherit;color:#e8d7ef;background:#141528;border:1px solid #8ca7c35c;border-radius:30px;min-height:40px;padding:9px 16px;cursor:pointer}
.motion-toolbar button:focus-visible{outline:2px solid #8eeaff;outline-offset:4px}
.motion-orbit{position:fixed;z-index:80;left:0;top:0;width:32px;height:32px;border:1px solid #adf4ff99;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s,border-color .2s;box-shadow:0 0 22px #b796ed26}
.motion-orbit.is-over{border-color:#f2c6e8;box-shadow:0 0 24px #e1abe844}
.motion-art .after-hours-hero{position:relative;isolation:isolate}
.motion-aura{position:absolute;inset:-20px -10px;z-index:-1;pointer-events:none;overflow:hidden;contain:paint}
.motion-aura::before{content:"";position:absolute;width:70%;height:85%;left:10%;top:4%;border-radius:50%;background:radial-gradient(ellipse,#9152db22,transparent 68%);transform:translate3d(0,var(--motion-scroll,0px),0) rotate(-15deg)}
.motion-aura::after{content:"";position:absolute;inset:12% 0;border:1px solid #d4c7ff15;border-radius:50%;transform:translate3d(0,var(--motion-scroll,0px),0) rotate(-23deg)}
.motion-word{display:inline-block;transform-origin:50% 100%}
.motion-art:not(.motion-still) .motion-heading-enter .motion-word{animation:motion-word-in .85s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--word-index)*65ms)}
@keyframes motion-word-in{from{opacity:.15;transform:translateY(22px) rotateX(32deg)}to{opacity:1;transform:none}}
.motion-art .motion-magnetic{translate:var(--mag-x,0px) var(--mag-y,0px);transition:translate .22s ease,box-shadow .25s}
.motion-art .motion-magnetic:hover{box-shadow:0 0 32px #a998ee38}
.motion-art:not(.motion-still) .club-directory-item[open]{animation:motion-panel-in .42s ease both}
@keyframes motion-panel-in{from{opacity:.5;translate:0 12px}to{opacity:1;translate:0 0}}
.motion-art:not(.motion-still) dialog.motion-intake[open] .dialog-card{animation:motion-intake-in .65s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 80%}
.motion-art:not(.motion-still) dialog.motion-intake[open]::backdrop{animation:motion-backdrop .45s ease both}
@keyframes motion-intake-in{from{opacity:.2;transform:perspective(1000px) translateY(42px) rotateX(7deg) scale(.96)}to{opacity:1;transform:none}}
@keyframes motion-backdrop{from{background:#06091500}to{background:#060915cc}}
.motion-trail{position:fixed;width:94px;height:66px;border:1px solid #eac5e66b;border-radius:8px;object-fit:cover;pointer-events:none;z-index:3;animation:motion-trail-out .85s ease-out both;box-shadow:0 8px 25px #02041466}
@keyframes motion-trail-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-8deg)}25%{opacity:.38}100%{opacity:0;transform:translate(-50%,-85%) scale(1.05) rotate(8deg)}}
.motion-art:not(.motion-still) .chemistry-city:hover .city-haze{transform:skewX(-3deg) scale(1.04);transition:transform 1s ease}
.motion-still .motion-orbit,.motion-still .motion-trail{display:none}
.motion-still .motion-magnetic{translate:none!important}
.motion-still .motion-aura{--motion-scroll:0px!important}
@media(max-width:760px),(pointer:coarse){.motion-orbit,.motion-trail{display:none}.motion-toolbar{letter-spacing:.07em}.motion-art .motion-magnetic{translate:none!important}}
@media(prefers-reduced-motion:reduce){.motion-art *,.motion-art *::before,.motion-art *::after{scroll-behavior:auto!important}.motion-orbit,.motion-trail{display:none}.motion-word,.motion-intake .dialog-card,.motion-aura,.motion-magnetic{animation:none!important;transition:none!important;translate:none!important;transform:none!important}}