/* The studio mark keeps time: one clockwise turn a minute, a sweeping seconds hand (docs/styles.md, "The seconds hand").
   This is the one definition. layouts/base.njk links it on every site page; tool-interactions.css imports it on every
   tool page, by content hash: when this file changes, update that ?v= (scripts/check-dist.mjs fails the build until
   it matches). A script adds html.dms-clock and sets --dms-phase to -(Date.now() % 60000) ms as the hands start,
   re-phases running hands on pageshow and visibilitychange, and rests a hand while it is off screen ([data-dms-rest]).
   Without JavaScript a hand starts at twelve; under reduced motion it stands still. Only rotate animates, so the
   compositor runs it and the page does no work at rest. */
@keyframes dms-minute {
  to {
    rotate: 360deg;
  }
}

:root.dms-clock .dms-clock-hand:not([data-dms-rest]) {
  animation: dms-minute 60s linear infinite;
  animation-delay: var(--dms-phase, 0s);
}

@media (scripting: none) {
  .dms-clock-hand {
    animation: dms-minute 60s linear infinite;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dms-clock-hand,
  :root.dms-clock .dms-clock-hand:not([data-dms-rest]) {
    animation: none;
  }
}