/* Heroes sky: the canvas heroes_sky.js adds inside the opening photograph's layer. It sits on the picture and under
   the photograph's own fades (.bleed::after) and the scrims, so the moving sky is darkened and faded exactly like
   the still one. Transparent wherever nothing moves. Decorative: no pointer events, nothing laid out around it. */
main > header.hero .bleed > canvas.hsky {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  contain: strict;
}
@media (prefers-reduced-motion: reduce) {
  main > header.hero .bleed > canvas.hsky { display: none; }
}
html[data-solva-motion="paused"] main > header.hero .bleed > canvas.hsky,
body[data-solva-quiet="true"] main > header.hero .bleed > canvas.hsky { display: none; }