/* Soft daylight, mountain-estate details, and four complete guest notes. */
#invitation-page #travel[data-guide-layout='cards'] .travel-content {
  display: block; min-height: 0; max-width: 1100px;
  padding: 360px 20px 80px;
}
#invitation-page #travel[data-guide-layout='cards'] .travel-content header {
  max-width: 560px; margin: 0 auto; text-align: center;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-folio {
  width: 100%; max-width: 960px; margin: 2.8rem auto 0; padding: 0;
  background: none; border: 0; border-radius: 0; box-shadow: none;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-folio::before,
#invitation-page #travel[data-guide-layout='cards'] .guest-folio::after { display: none; }
#invitation-page #travel[data-guide-layout='cards'] .guest-folio-title {
  margin: 0 0 1.5rem; color: #e6e3d6; font-size: 1.8rem;
}
#invitation-page #travel[data-guide-layout='cards'] #guest-guide {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch;
  gap: 24px; width: 100%; max-width: none; margin: 0; padding: 0;
  background: none; border: 0; border-radius: 0; box-shadow: none;
  scroll-margin-top: 20px;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note,
#invitation-page #travel[data-guide-layout='cards'] .guest-note:nth-child(even),
#invitation-page #travel[data-guide-layout='cards'] .guest-note:last-child {
  --guide-paper: #f1eee3;
  --guide-heading: #405248;
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-columns: minmax(0,1fr);
  grid-template-rows: minmax(88px,auto) 1fr;
  align-items: end; align-self: stretch; gap: 14px;
  width: 100%; max-width: none; min-width: 0; margin: 0; padding: 26px 30px 30px;
  border: 1px solid #ffffff70; border-radius: 22px;
  background: linear-gradient(140deg,#ffffff75,transparent 62%),var(--guide-paper);
  box-shadow: 0 18px 42px -16px #091b153d,0 3px 8px #091b1512,inset 0 1px 0 #ffffffe0;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note:nth-child(4n+2) {
  --guide-paper: #e5ece5; --guide-heading: #40574d;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note:nth-child(4n+3) {
  --guide-paper: #f1e5df; --guide-heading: #6c5148;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note:nth-child(4n+4) {
  --guide-paper: #e9e7ed; --guide-heading: #5d5267;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note::before {
  content: ''; display: block; position: absolute; inset: 0; z-index: -2;
  border: 0; border-radius: inherit; background: url('assets/letter.webp') center/100% 100%;
  opacity: .09; mix-blend-mode: multiply; pointer-events: none;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note::after {
  content: ''; display: block; position: absolute; inset: -20%; z-index: -1;
  border: 0; border-radius: 0; pointer-events: none;
  background: radial-gradient(ellipse at 12% 8%,#fffdf2a6,transparent 60%);
  animation: guest-daylight-v68 12s ease-in-out infinite alternate;
  animation-play-state: var(--finale-play,paused);
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note-number { display: none; }
#invitation-page #travel[data-guide-layout='cards'] .guest-illustration {
  display: block; position: absolute; grid-area: auto; z-index: -1; top: -9px; right: -8px;
  width: 210px; height: 170px; max-height: none; margin: 0;
  aspect-ratio: auto; pointer-events: none; opacity: .46;
  background-repeat: no-repeat; background-size: cover;
  filter: saturate(.52) contrast(.96) brightness(.9);
  transform-origin: 72% 35%;
  animation: guest-art-drift-v69 11s ease-in-out infinite alternate;
  animation-play-state: var(--finale-play,paused);
  mask-image: linear-gradient(90deg,transparent,#000 35%),linear-gradient(#000 20%,transparent 96%);
  mask-composite: intersect;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-illustration--travel {
  background-image: url('assets/travel-stilllife-v5.webp');
  background-position: 44% 82%; background-size: 130% auto;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-illustration--stay {
  background-image: url('assets/travel-stilllife-v5.webp');
  background-position: 88% 27%; background-size: 175% auto;
  animation-duration: 13s; animation-delay: -4s; animation-direction: alternate-reverse;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-illustration--attire {
  background-image: url('assets/guest-vignettes-small-v18.webp');
  background-size: 181.739% 202.913%; background-position: 0 100%;
  animation-duration: 12s; animation-delay: -7s;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-illustration--wishes {
  background-image: url('assets/guest-vignettes-small-v18.webp');
  background-size: 222.341% 211.111%; background-position: 100% 100%;
  animation-duration: 14s; animation-delay: -2s; animation-direction: alternate-reverse;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note-copy { display: contents; }
#invitation-page #travel[data-guide-layout='cards'] .guest-note-copy h3 {
  position: relative; grid-column: 1; grid-row: 1; align-self: end;
  margin: 0; max-width: 100%; color: var(--guide-heading);
  font-family: 'Cormorant Garamond',Georgia,serif; font-size: 2.2rem;
  font-weight: 500; line-height: 1.1; letter-spacing: -.025em; overflow-wrap: anywhere;
  text-shadow: 0 1px 12px #ffffffe0;
}
#invitation-page #travel[data-guide-layout='cards'] .guest-note-copy>p {
  position: relative; grid-column: 1; grid-row: 2; align-self: start;
  margin: 0; max-width: none; color: #526058;
  font-size: .9rem; line-height: 1.85; overflow-wrap: anywhere;
}
@keyframes guest-daylight-v68 {
  from { opacity: .5; transform: translate3d(-5%,0,0); }
  to { opacity: .9; transform: translate3d(8%,3%,0); }
}
@keyframes guest-art-drift-v69 {
  from { transform: translate3d(-3px,2px,0) scale(1.02) rotate(-.6deg); }
  to { transform: translate3d(3px,-3px,0) scale(1.055) rotate(.65deg); }
}
@media(min-width:700px) {
  #invitation-page #travel[data-guide-layout='cards'] .travel-content { padding: 310px 36px 95px; }
}
@media(max-width:699px) {
  #invitation-page #travel[data-guide-layout='cards'] .travel-content { padding-inline: 14px; }
  #invitation-page #travel[data-guide-layout='cards'] .guest-folio { margin-top: 2rem; }
  #invitation-page #travel[data-guide-layout='cards'] .guest-folio-title { margin-bottom: 14px; font-size: 1.6rem; }
  #invitation-page #travel[data-guide-layout='cards'] #guest-guide { gap: 10px; }
  #invitation-page #travel[data-guide-layout='cards'] .guest-note,
  #invitation-page #travel[data-guide-layout='cards'] .guest-note:nth-child(even),
  #invitation-page #travel[data-guide-layout='cards'] .guest-note:last-child {
    grid-template-rows: minmax(54px,auto) 1fr; gap: 9px;
    padding: 13px 12px 17px; border-radius: 16px;
    box-shadow: 0 12px 26px -13px #091b153d,0 2px 5px #091b1510,inset 0 1px 0 #ffffffe0;
  }
  #invitation-page #travel[data-guide-layout='cards'] .guest-illustration {
    width: 122px; height: 94px; top: -3px; right: -3px; opacity: .44;
  }
  #invitation-page #travel[data-guide-layout='cards'] .guest-note-copy h3 {
    font-size: 23px; font-weight: 600; line-height: 1.06;
  }
  #invitation-page #travel[data-guide-layout='cards'] .guest-note-copy>p {
    font-size: clamp(12px,3.2vw,13px); line-height: 1.48;
  }
}
@media(max-width:359px) {
  #invitation-page #travel[data-guide-layout='cards'] .travel-content { padding-inline: 12px; }
  #invitation-page #travel[data-guide-layout='cards'] #guest-guide { gap: 8px; }
  #invitation-page #travel[data-guide-layout='cards'] .guest-note,
  #invitation-page #travel[data-guide-layout='cards'] .guest-note:nth-child(even),
  #invitation-page #travel[data-guide-layout='cards'] .guest-note:last-child {
    padding: 12px 10px 15px; gap: 8px;
  }
  #invitation-page #travel[data-guide-layout='cards'] .guest-note-copy h3 { font-size: 21px; }
}
@media(prefers-reduced-motion:reduce) {
  #invitation-page #travel[data-guide-layout='cards'] .guest-note::after { animation: none; opacity: .65; }
  #invitation-page #travel[data-guide-layout='cards'] .guest-illustration { animation: none; transform: none; }
}
body.card-preview #invitation-page #travel[data-guide-layout='cards'] .guest-note::after {
  animation: none; opacity: .65;
}
body.card-preview #invitation-page #travel[data-guide-layout='cards'] .guest-illustration {
  animation: none; transform: none;
}