/* ============================================================
   BLINDS
   Horizontal slats that stagger, the way pxpush.com wipes between
   sections. Used only on the threshold of the home screen: arriving
   at it, and leaving it for a case study.
   ============================================================ */


.blinds {
  position: absolute;
  inset: 0;
  z-index: 95;
  display: grid;
  pointer-events: none;
  visibility: hidden;
}
.blinds.busy { visibility: visible; }

.blinds b {
  display: block;
  background: var(--blind-ink, #221a16);
  transform: scaleY(0);
  /* Both halves of the wipe travel the SAME way — upward. Closing grows
     from each slat's bottom edge; opening empties toward its top edge.
     Flipping only one of them is what made it read as down-then-up. */
  transform-origin: bottom center;
  transition: transform var(--blind-dur, 420ms) cubic-bezier(0.76, 0, 0.24, 1);
  will-change: transform;
}
.blinds.closed b   { transform: scaleY(1); }
.blinds.opening b  { transform-origin: top center; }

/* full-window variant, used as a page-entry curtain on case studies */
.blinds--page {
  position: fixed;
  z-index: 9998;
}

@media (prefers-reduced-motion: reduce) {
  .blinds b { transition: none; }
}