/* Small movements, with a footer switch and a reduced-motion fallback. */
.motion-toggle{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;padding:8px 0;cursor:pointer}
.motion-toggle:hover{color:var(--accent)}
.motion-toggle:disabled{cursor:default}
@media(prefers-reduced-motion:no-preference){
  .motion-enabled .multi-header nav a{position:relative;transition:color .2s ease}
  .motion-enabled .multi-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--nav-accent,var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
  .motion-enabled .multi-header nav a:hover:after,.motion-enabled .multi-header nav a[aria-current=page]:after{transform:scaleX(1)}
  .motion-enabled .portfolio-row{transition:background-color .3s ease}
  .motion-enabled .portfolio-row:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}
  .motion-enabled .project-arrow,.motion-enabled .text-link span,.motion-enabled .button span{display:inline-block;transition:transform .25s ease}
  .motion-enabled a:hover .project-arrow,.motion-enabled .text-link:hover span,.motion-enabled .button:hover span{transform:translate(3px,-2px)}
  .motion-enabled .featured-release-art img,.motion-enabled .home-feature-shot img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
  .motion-enabled .home-feature-shot:hover img{transform:translateY(-4px)}
  .motion-enabled .featured-release-art:hover img{transform:translateY(-3px)}
  .motion-enabled .portfolio-mark.motion-in-view.sound-mark i{animation:studio-wave 2.8s ease-in-out infinite alternate;transform-origin:center}
  .motion-enabled .sound-mark i:nth-child(2n){animation-delay:-.8s}
  .motion-enabled .sound-mark i:nth-child(3n){animation-delay:-1.6s}
  .motion-enabled .portfolio-mark.motion-in-view.interval-mark span{animation:studio-pulse 3.6s ease-in-out infinite alternate}
  .motion-enabled .interval-mark span:nth-child(2n){animation-delay:-1.2s}
  .motion-enabled .portfolio-mark.motion-in-view.orbit-mark:before{animation:studio-orbit 24s linear infinite}
  @keyframes studio-wave{from{transform:scaleY(.65);opacity:.55}to{transform:scaleY(1);opacity:1}}
  @keyframes studio-pulse{from{opacity:.4;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}
  @keyframes studio-orbit{from{transform:rotate(35deg) scaleX(1.6)}to{transform:rotate(395deg) scaleX(1.6)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
html:not(.motion-enabled){scroll-behavior:auto}
html:not(.motion-enabled) .button{transition:none}
html:not(.motion-enabled) .button:hover{transform:none}