@media(max-width:820px) and (hover:none) and (pointer:coarse){.visual{--gyro-x:0px;--gyro-y:0px;--gyro-r:0deg;perspective:900px;transform-style:preserve-3d}.visual:before{transform:translate(var(--gyro-x),var(--gyro-y)) rotate(var(--gyro-r)) scale(1.04);transition:transform .16s ease-out,box-shadow .25s ease-out;box-shadow:-95px 160px 0 0 rgba(255,255,255,.12),0 30px 80px rgba(3,18,29,.2)}.visual:after{transform:translate(calc(0px - var(--gyro-x)),calc(0px - var(--gyro-y))) rotate(calc(0deg - var(--gyro-r)));transition:transform .2s ease-out}.visual strong{transform:translate(var(--gyro-x),var(--gyro-y)) translateZ(28px);transition:transform .18s ease-out;text-shadow:0 12px 22px rgba(143,208,202,.42)}.visual.gyro-active{box-shadow:inset calc(0px - var(--gyro-x)) calc(0px - var(--gyro-y)) 65px rgba(143,208,202,.12)}.motion-permission{position:absolute;z-index:5;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(7,26,41,.72);color:#fff;font:750 10px/1 "Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.motion-permission:before{content:"";width:8px;height:8px;border-radius:50%;background:#8fd0ca;box-shadow:0 0 0 5px rgba(143,208,202,.14);animation:motionPulse 1.5s ease-in-out infinite}.motion-permission.is-active{pointer-events:none;opacity:.7}.motion-permission.is-active:before{background:#74c5a6}.motion-permission.is-denied{display:none}}@keyframes motionPulse{50%{transform:scale(.65);opacity:.7}}@media(prefers-reduced-motion:reduce){.visual:before,.visual:after,.visual strong{transform:none!important;transition:none}.motion-permission{display:none}}