/* ═══════════════════════════════════════════════════════════════════════
   RASTA Collective — preloader
   ═══════════════════════════════════════════════════════════════════════ */

/* Paper cream, not the hero's near-black. The mark animates a raised fist
   that is solid black before the red logo resolves — on a dark ground the
   whole first half of the animation would be invisible. Fading the ground
   down to --ink as it leaves turns the handover into a lights-down. */
.preloader {
  position: fixed;
  inset: 0;
  z-index: var(--z-preloader);
  display: grid;
  place-items: center;
  background: var(--paper);
  transition: opacity var(--dur-slow) var(--ease-out),
              background-color var(--dur-slow) var(--ease-out),
              visibility 0s linear var(--dur-slow);
}

.preloader__mark {
  width: clamp(120px, 22vw, 200px);
  height: auto;
}

.preloader.is-done {
  opacity: 0;
  background: var(--ink);
  visibility: hidden;
  pointer-events: none;
}