/* The Seal, Vera's brand motif (js/seal.js), used at scale once, in the closing panel: nested rules
   that start turned and settle one inside the next, outside in. Fine rules are hairlines in the context colour, check rules a little
   stronger, the record rule (innermost) strongest. The route, checks and sign-off use the Trail's
   own styles and motion (css/trail.css, css/motion.css). Reduced motion shows it settled at once. */
.seal-rule { fill: none; stroke: currentColor; stroke-width: 1; transform-box: fill-box; transform-origin: center; }
.seal-rule--check { stroke-opacity: .5; }
.seal-rule--record { stroke-opacity: .85; stroke-width: 1.25; }

@keyframes seal-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes seal-settle { from { transform: rotate(var(--a)) scale(var(--s)); } to { transform: none; } }

.js .art-print .seal-rule { opacity: 0; transform: rotate(var(--a)) scale(var(--s)); }
.js .art-print.is-printing .seal-rule {
  animation: seal-in .7s var(--ease-std) .05s both, seal-settle 1.2s cubic-bezier(.65, 0, .25, 1) var(--d) both;
}
.js .art-print.is-settled .seal-rule { animation: none; opacity: 1; transform: none; }

@media print {
  .js .art-print .seal-rule { opacity: 1; transform: none; }
}