/* Fixed footprint: the moving artwork cannot shift the card or the page. */
.h-perch-actor { aspect-ratio: 1; height: auto; }
.h-perch-motion { display:block; position:relative; width:100%; height:100%; transform-origin:64% 89%; }
.h-perch-rest { display:block; width:100%; height:100%; object-fit:contain; }
.h-perch-sprite {
  display:block; position:absolute; pointer-events:none;
  width:150%; height:150%; left:-29.75%; top:-44.5%;
  background-size:400% 400%; background-repeat:no-repeat;
  visibility:hidden;
  opacity:1;
}
.h-perch-actor.is-ready .h-perch-rest { visibility:hidden; }
.h-perch-actor.is-ready .h-perch-sprite { visibility:visible; }
.h-perch-actor[data-perch-kind="footer"] .h-perch-motion { transform-origin:28% 82%; }
.h-perch-actor[data-perch-kind="footer"] .h-perch-sprite {
  width:107%; height:100%; left:-4.4%; top:-1.5%;
}
@media (max-width:540px) {
  /* Reserve room for raised wings and the hop above the card. */
  .h-about-paper-perch { margin-top:190px; }
}
@media (prefers-reduced-motion:reduce) {
  .h-perch-actor .h-perch-motion { transform:none!important; }
  .h-perch-actor .h-perch-rest { visibility:visible!important; }
  .h-perch-actor .h-perch-sprite { display:none; }
}
@media print {
  .h-perch-actor .h-perch-motion { transform:none!important; }
  .h-perch-actor .h-perch-rest { visibility:visible!important; }
  .h-perch-actor .h-perch-sprite { display:none; }
}