.nav-tools{display:flex;align-items:center;gap:25px}
.motion-toggle{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font:13px Arial,sans-serif;cursor:pointer;transition:color .2s,border-color .2s}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{border-color:var(--accent);color:var(--accent)}
.motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.orbit.is-three{transform:none;opacity:.85;overflow:visible;isolation:isolate}
.orbit.is-three>i{display:none}
.orbit.is-three>b{transform:rotate(-24deg);pointer-events:none;text-shadow:0 0 32px #c6ef751c}
.orbit canvas{display:block;position:absolute;inset:-25%;width:150%;height:150%;pointer-events:none}
.orbit canvas[hidden]{display:none}
.orbit.is-three:after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#c6ef750a,transparent 70%);z-index:-1}
.card{position:relative;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--light-x,50%) var(--light-y,0%),#d8fba50b,transparent 70%);opacity:0;transition:opacity .4s}
body[data-motion=running] .card:hover{transform:perspective(1000px) translateY(-4px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 16px 40px #0002}
body[data-motion=running] .card:hover:after{opacity:1}
.action span,.nav span{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
body[data-motion=running] .action:hover span,body[data-motion=running] .action:focus-visible span{transform:translate(3px,-3px)}
body[data-motion=running] .nav:hover span{transform:translate(3px,3px)}
body[data-motion] .flame{animation:ember-breathe 3.8s ease-in-out infinite}
body[data-motion] .crosshair{animation:reticle-turn 40s linear infinite}
body[data-motion] .blade{animation:blade-balance 7s ease-in-out infinite;transform-origin:50% 75%}
body[data-motion] .map-lines{animation:map-drift 16s ease-in-out infinite}
body[data-motion] .eyebrow>span{animation:signal-breathe 4s ease-in-out infinite}
body[data-motion=paused] *,body.page-hidden *,body[data-motion] .card:not(.in-view) *{animation-play-state:paused!important}
body[data-motion=paused] .card,body[data-motion=paused] .card:hover{transform:none}
body[data-motion=paused] .action span,body[data-motion=paused] .nav span{transform:none;transition:none}
body[data-motion=paused] .card:after{opacity:0}
@keyframes ember-breathe{0%,100%{transform:rotate(18deg) scale(.95,1);opacity:.88;box-shadow:0 0 29px 10px #da773149}45%{transform:rotate(12deg) scale(1.06,1.13);opacity:1;box-shadow:0 0 39px 15px #da773170}72%{transform:rotate(21deg) scale(.98,1.04);opacity:.95}}
@keyframes reticle-turn{to{transform:rotate(360deg)}}
@keyframes blade-balance{0%,100%{transform:rotate(42deg)}50%{transform:rotate(34deg)}}
@keyframes map-drift{0%,100%{transform:rotate(-30deg) translate(0,0)}50%{transform:rotate(-27deg) translate(8px,-8px)}}
@keyframes signal-breathe{0%,100%{box-shadow:0 0 0 0 #c6ef7500;opacity:.7}50%{box-shadow:0 0 12px 3px #c6ef7522;opacity:1}}
@media(max-width:1000px){.orbit.is-three{opacity:.5}}
@media(max-width:680px){.orbit.is-three{opacity:.28}.nav-tools{gap:15px}.nav span{margin-left:12px}}
@media(prefers-reduced-motion:reduce){body[data-motion] *{animation:none!important;transition:none!important}.card,.card:hover{transform:none!important}html{scroll-behavior:auto}}