/* Original botanical borders continue the jungle through every storybook spread. */
.storybook-story,
.safari-date,
.little-moments,
.safari-rsvp,
.safari-gifts { isolation: isolate; }

.section-jungle {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: clip;
  pointer-events: none;
  user-select: none;
}
.jungle-ornament { position: absolute; }
.jungle-ornament img { display: block; width: 100%; height: auto; max-width: none; }
.jungle-ornament.hanging { translate: 0 calc(var(--scroll-drift, 0px) * .32); }
.jungle-ornament.grounded { translate: 0 calc(var(--scroll-drift, 0px) * -.2); }
.hanging img {
  transform-origin: 75% 0;
  animation: storybook-branch-sway 12s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.grounded img {
  transform-origin: 15% 100%;
  animation: storybook-fern-sway 10s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.scene-in-view .jungle-ornament img { animation-play-state: running; }

.storybook-story { padding-top: 155px; padding-bottom: 150px; }
.story-canopy { width: clamp(300px, 27vw, 400px); top: -12px; right: -5px; }
.story-floor { width: clamp(390px, 36vw, 580px); bottom: -25px; left: -60px; }
.story-canopy img { animation-duration: 13s; }

.safari-date { padding-top: 155px; }
.date-canopy { width: clamp(340px, 30vw, 460px); top: -10px; right: 0; scale: -1 1; }
.date-canopy img { animation-duration: 14s; transform-origin: 20% 0; }
.date-doodle { margin-right: 120px; }

.little-moments { padding-top: clamp(360px, 31vw, 485px); }
.moments-heading { max-width: 1000px; width: calc(100% - 200px); }
.photos-canopy { width: calc(100% + 60px); top: 0; left: -30px; }
.photos-canopy img { transform-origin: 50% 0; animation-duration: 16s; }
.photo-clothesline {
  top: -10px;
  left: -15%;
  right: -15%;
  border-bottom: 0;
  border-top: 2px solid #a5956b55;
  border-radius: 50% 50% 0 0;
}

.safari-rsvp { padding-top: 155px; padding-bottom: 200px; }
.rsvp-canopy { width: clamp(330px, 31vw, 470px); right: -20px; top: -4px; }
.rsvp-floor { width: clamp(380px, 35vw, 560px); left: -150px; bottom: -20px; }
.rsvp-canopy img { animation-duration: 11s; }
.rsvp-floor img { animation-duration: 13s; }

.safari-gifts { padding-top: 160px; }
.gifts-canopy { width: clamp(330px, 29vw, 440px); right: -15px; top: -12px; }
.gifts-floor { width: clamp(380px, 38vw, 590px); left: -100px; bottom: -15px; }
.gifts-canopy img { animation-duration: 15s; }
.gift-footnote { position: relative; }

@keyframes storybook-branch-sway {
  from { transform: rotate(-.65deg); }
  to { transform: rotate(.75deg); }
}
@keyframes storybook-fern-sway {
  from { transform: rotate(-.45deg); }
  to { transform: rotate(.6deg); }
}

@media (min-width: 1600px) {
  .storybook-story { padding-top: 185px; }
  .safari-date, .safari-rsvp, .safari-gifts { padding-top: 180px; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .story-canopy { width: 300px; right: -8px; }
  .date-doodle { display: none; }
  .moments-heading { display: block; width: calc(100% - 140px); }
  .moments-heading > p { margin-top: 24px; max-width: 440px; }
  .rsvp-floor { width: 360px; left: -130px; }
  .gifts-canopy { width: 300px; right: -30px; }
}
@media (max-width: 760px) {
  .storybook-story { padding-top: 150px; padding-bottom: 190px; }
  .story-canopy { width: 280px; top: -5px; right: -5px; }
  .story-floor { width: 340px; left: -85px; bottom: -20px; }

  .safari-date { padding-top: 155px; padding-bottom: 75px; }
  .date-canopy {
    width: 265px;
    right: -10px;
    top: -8px;
    height: 255px;
    overflow: clip;
    mask-image: linear-gradient(to bottom, #000 60%, transparent);
  }

  .little-moments { padding-top: 215px; padding-bottom: 85px; }
  .moments-heading { width: 100%; }
  .photos-canopy { width: 590px; left: auto; right: -40px; top: 8px; }
  .photo-clothesline {
    top: -90px;
    left: -35%;
    right: -35%;
    border-top: 0;
    border-bottom: 2px solid #a5956b55;
    border-radius: 0 0 50% 50%;
  }

  .safari-rsvp { padding-top: 155px; padding-bottom: 155px; }
  .rsvp-canopy {
    width: 260px;
    right: -35px;
    top: -4px;
    height: 250px;
    overflow: clip;
    mask-image: linear-gradient(to bottom, #000 60%, transparent);
  }
  .rsvp-floor { width: 340px; left: -85px; bottom: -10px; }

  .safari-gifts { padding-top: 155px; }
  .gifts-canopy { width: 255px; right: -35px; top: -12px; }
  .gifts-floor { width: 310px; left: -110px; bottom: 65px; }
  .gift-footnote { margin-top: 100px; }
}
@media (max-width: 360px) {
  .story-canopy { width: 250px; }
  .date-canopy { width: 235px; }
  .rsvp-canopy, .gifts-canopy { width: 230px; right: -35px; }
}
.motion-suspended .jungle-ornament img,
.intro-pending .jungle-ornament img { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .jungle-ornament.hanging, .jungle-ornament.grounded { translate: none; }
  .jungle-ornament img { animation: none; }
}