/* WeInviteYou — the structure of a stacked events block (see event-stack.js).

   Only structure lives here: the cards are laid over one another in one grid cell, so
   the stage is as tall as the tallest card and nothing needs measuring. How a card
   looks — its paper, border, shadow and layout — belongs to each design.

   None of this applies until the script has decided the stack will run (.is-evstack),
   so without it, or with reduced motion, every design keeps its own layout. */

[data-evstack-only] { display: none !important; }

.is-evstack [data-evstack-stage] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  position: relative;
  transform: none !important;         /* a design's slider may have moved its track */
}

.is-evstack [data-evstack-card] {
  grid-area: 1 / 1;
  min-width: 0;
  position: relative;
  transform-origin: 50% 0%;
  transition: none !important;        /* the scroll drives these, not a CSS transition */
  animation: none !important;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

.is-evstack [data-evstack-only] { display: revert !important; }
.is-evstack [data-evstack-hide] { display: none !important; }