/* A complete invitation on one sheet: scenery, moving botanicals and live
   details all sit inside its edge. The fan uncovers the whole keepsake. */
#invitation-page #events[data-event-layout='chapters'] {
  --chapter-art-width: calc(100% - 36px);
  --event-scene-height: 164px;
}
#invitation-page #events[data-event-layout='chapters'] #events-list {
  width: min(calc(100% - 32px),660px); gap: 2rem;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony {
  display: grid; grid-template-columns: minmax(0,1fr);
  width: min(100%,340px); margin-inline: auto;
  padding: 18px 18px 30px; overflow: hidden;
  background: #eee0c0 url('assets/invitation-vellum-v40.webp') center/100% 100%!important;
  border-radius: 4px; box-shadow: 0 12px 28px rgb(9 23 15/.18);
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony::before {
  content: ''; display: block; position: absolute; z-index: 11;
  inset: 7px; border: 1px solid rgb(150 115 58/.25); border-radius: 2px;
  background: none; box-shadow: none; pointer-events: none;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-art {
  grid-column: 1; grid-row: 1; width: 100%; height: var(--event-scene-height);
  border-radius: 44% 44% 2px 2px / 15% 15% 2px 2px;
  box-shadow: inset 0 0 0 1px rgb(125 93 43/.16);
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-art>img,
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-art>.scene-film {
  object-position: center 66%;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony[data-scene='music'] .ceremony-art>img { object-position: center 73%; }
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-art::after {
  background: linear-gradient(transparent 76%,rgb(228 212 177/.16));
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-copy {
  grid-column: 1; grid-row: 2; width: 100%; margin: 0!important;
  padding: 1.15rem .3rem 0; border-radius: 0;
  background: none; box-shadow: none; text-align: center;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony h3 {
  font-size: clamp(1.85rem,7.8vw,2.125rem); line-height: 1.06;
  margin-inline: auto;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-date {
  font-size: .96rem; margin-bottom: .55rem;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-venue {
  font-size: 1.14rem; margin-top: .55rem;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-description {
  font-size: .84rem; line-height: 1.65; margin: .75rem auto;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-map { margin-top: .3rem; }
/* Flowers stay within the small illustrated window. Their clipping edge is
   inside the paper too, so no separate oversized arch floats above the card. */
#invitation-page #events[data-event-layout='chapters'] #events-list .conservatory-props {
  inset: 18px 18px auto; width: auto; height: var(--event-scene-height);
  transform: none; border-radius: 44% 44% 2px 2px / 15% 15% 2px 2px;
  z-index: 7;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .conservatory-canopy {
  top: -12%; left: -5%; width: 110%;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .conservatory-pendant {
  height: 94px; top: 2%; width: 7%; left: 11%;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .conservatory-pendant--right {
  left: auto; right: 10%; top: 4%; width: 6.5%;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .autumn-fan-footprint,
#invitation-page #events[data-event-layout='chapters'] #events-list .autumn-fan {
  inset: 0; width: 100%; height: 100%; transform: none; border-radius: 4px;
}
#invitation-page #events[data-event-layout='chapters'] #events-list .autumn-fan-pivot {
  bottom: 4px; left: calc(50% - 12px); width: 24px; height: 24px;
}
@media(max-width:359px) {
  #invitation-page #events[data-event-layout='chapters'] { --event-scene-height: 145px; }
  #invitation-page #events[data-event-layout='chapters'] #events-list { width: calc(100% - 28px); }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony { padding: 16px 16px 28px; }
  #invitation-page #events[data-event-layout='chapters'] #events-list .conservatory-props { inset: 16px 16px auto; }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-copy { padding-top: 1rem; }
}
@media(min-width:900px) {
  #invitation-page #events[data-event-layout='chapters'] { --event-scene-height: 236px; }
  #invitation-page #events[data-event-layout='chapters'] #events-list { width: min(calc(100% - 48px),660px); gap: 2.2rem; }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony,
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-child(even) {
    width: 100%; grid-template-columns: 180px minmax(0,1fr);
    gap: 24px; align-items: center; padding: 26px 28px 32px;
  }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .ceremony-art,
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-child(even) .ceremony-art {
    grid-column: 1; grid-row: 1; width: 180px;
  }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .ceremony-copy,
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-child(even) .ceremony-copy {
    grid-column: 2; grid-row: 1; padding: 0; width: 100%; text-align: left;
  }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony h3 { font-size: 2.3rem; margin-inline: 0; }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony-description { margin-inline: 0; }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .conservatory-props,
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-child(even) .conservatory-props {
    inset: calc(50% - 3px) auto auto 28px; width: 180px; transform: translateY(-50%);
  }
  #invitation-page #events[data-event-layout='chapters'] #events-list .conservatory-canopy { top: -3%; }
  #invitation-page #events[data-event-layout='chapters'] #events-list .autumn-fan-blade {
    left: 29%; width: 42%; height: 147%;
  }
  #invitation-page #events[data-event-layout='chapters'] #events-list .autumn-fan-blades {
    transform: translateY(0); transition: transform .85s ease 2.1s;
  }
  #invitation-page #events[data-event-layout='chapters'] #events-list .is-fan-open .autumn-fan-blades {
    transform: translateY(30px);
  }
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .autumn-fan-footprint,
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony .autumn-fan,
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-child(even) .autumn-fan-footprint,
  #invitation-page #events[data-event-layout='chapters'] #events-list .ceremony:nth-child(even) .autumn-fan {
    inset: 0; width: 100%; height: 100%; transform: none;
  }
}