/* album/blok2 — album hero (site.css .hero / .hero__* carry the design). Crossfade layer for the
   optional photo rotation of blok2.js. */
.hero[data-album-hero] .hero__fade { position: absolute; inset: 0; background: center 36% / cover no-repeat; opacity: 0; transition: opacity var(--album-fade, 1200ms) ease; }
.hero[data-album-hero] .hero__fade.is-on { opacity: 1; }
.hero[data-album-hero] .hero__credit .avatar { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
@media (max-width: 700px) { .hero[data-album-hero] .hero__fade { background-position: 60% center; } }
.hero[data-album-hero]::before { z-index: 1; }
.hero[data-album-hero] .hero__inner { z-index: 2; }