/* The embroidered cover clears downward, then upward on the next keepsake.
   The observation footprint and readable card never move or change height. */
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .autumn-fan {
  clip-path: inset(0 0 0 0);
  transition: clip-path 2.9s cubic-bezier(.4,0,.2,1) .12s;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony.is-fan-open .autumn-fan {
  clip-path: inset(100% 0 0 0);
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-of-type(even).is-fan-open .autumn-fan {
  clip-path: inset(0 0 100% 0);
}
/* An opaque backing makes the direction legible across the entire card,
   instead of letting the old fade expose every row at the same time. */
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .autumn-fan-veil,
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony.is-fan-open .autumn-fan-veil {
  opacity: 1;
  background: radial-gradient(ellipse at 50% 32%,var(--event-fan-light,#556047),var(--event-fan-paper,#243c2d) 64%,var(--event-fan-edge,#182d23));
  transition: none;
}
/* The second fan has its hinge at the top, so its leaves fold toward the
   same edge as the rising cover. The artwork and text beneath stay upright. */
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-of-type(even) .autumn-fan-blades,
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-of-type(even).is-fan-open .autumn-fan-blades {
  transform: scaleY(-1);
  transition: none;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-of-type(even) .autumn-fan-pivot {
  top: 4px; bottom: auto;
  transform: scaleY(-1) rotate(-25deg);
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-of-type(even).is-fan-open .autumn-fan-pivot {
  transform: scaleY(-1) rotate(20deg);
}
/* Opacity follows the cover's reading order; copy never drifts through the
   moving edge. Date/title remain especially clear on the darker palettes. */
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony.has-autumn-fan.is-fan-open:not(.fan-settled) .ceremony-copy>* {
  animation-name: event-words-v54;
  animation-duration: .85s;
  animation-delay: .8s;
}
@keyframes event-words-v54 { from { opacity: .35; } to { opacity: 1; } }
@media(prefers-reduced-motion:reduce) {
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .autumn-fan { transition: none; }
}