/* JavaScript owns disclosure height and semantic open/hidden state. No-JS
   details and dialogs retain their native behavior and layout. */
:root{--motion-duration:260ms;--motion-easing:cubic-bezier(.22,.72,.24,1)}
.motion-ready [data-motion-animating]{will-change:height,opacity}
.motion-ready dialog[data-motion-animating],.motion-ready .toast[data-motion-animating]{will-change:transform,opacity}
.motion-ready dialog.motion-dialog-opening::backdrop{animation:watch-backdrop-in 260ms ease both}
.motion-ready dialog.motion-dialog-closing::backdrop{animation:watch-backdrop-out 220ms ease both}
@keyframes watch-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes watch-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .button,.motion-ready .quality-options label>span,.motion-ready .gallery-thumbs button,.motion-ready .nav-collection-links a,.motion-ready .site-nav>a{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 180ms var(--motion-easing)}
  .motion-ready .quality-options label>span{transform:translateY(0)}
  .motion-ready .quality-options label:active>span{transform:translateY(1px)}
  .motion-ready .quality-options input:checked+span{box-shadow:0 0 0 1px #00603918}
  .motion-ready .button:active{transform:translateY(1px)}
  .motion-ready .nav-collections>summary::after{transition:transform 220ms var(--motion-easing)}
  .motion-ready .nav-collections[open]>summary::after{transform:rotate(180deg)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .motion-ready .quality-options label:hover>span{border-color:var(--watch-green,#006039);transform:translateY(-1px)}
  .motion-ready .button:hover{box-shadow:0 4px 12px #173e2814}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready [data-motion-animating]{will-change:auto!important}
  .motion-ready dialog::backdrop{animation:none!important}
  .motion-ready .button,.motion-ready .quality-options label>span,.motion-ready .gallery-thumbs button,.motion-ready .nav-collection-links a,.motion-ready .site-nav>a,.motion-ready .nav-collections>summary::after{transition:none!important;animation:none!important;transform:none}
}