/* Original Tangled artwork becomes a full-width chapter in the invitation. */
.storybook-nav .world-links { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.storybook-nav .world-links a[href="#lanterns"] > span { color: #a47a9e; }
.storybook-nav .world-links a[href="#venue"] > span { color: #659f9f; }
.storybook-nav .world-links a[href="#closing"] > span { color: #739bbb; }
.storybook-nav .world-links a[href="#stay"] > span { color: #b88358; }
.storybook-nav .world-links a[href="#friends"] > span { color: #b78b9e; }

.tangled-lanterns {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #13233b, #231832 28%, #231832 88%, #302237);
  color: #fae9cd;
  text-align: center;
}
.lanterns-heading {
  max-width: 620px;
  padding: 43px var(--scene-gutter) 22px;
  margin: 0 auto;
}
.lanterns-heading .eyebrow {
  margin: 0 0 19px;
  color: #d7b785;
  font-size: 9px;
  letter-spacing: 2px;
}
.lanterns-chapter {
  margin: 0 0 12px;
  color: #dfbbd1;
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: 2px;
}
.tangled-lanterns h2 {
  margin: 0;
  color: #fff0d7;
  font: 500 32px/1.65 var(--serif);
  letter-spacing: 2px;
}
.lanterns-scene {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.lanterns-scene img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 10%, #000 88%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 10%, #000 88%, transparent);
}
.lanterns-scene figcaption {
  margin-top: 8px;
  color: #c9afc3;
  font-size: 8px;
  letter-spacing: 1.7px;
}
.lanterns-copy {
  max-width: 620px;
  padding: 25px var(--scene-gutter) 34px;
  margin: 0 auto;
}
.lanterns-copy p {
  margin: 0;
  color: #ebdcca;
  font-size: 14px;
  line-height: 2.1;
  letter-spacing: .6px;
}
.lanterns-divider {
  display: block;
  margin-top: 21px;
  color: #d6b985;
  font-size: 24px;
  line-height: 1;
}
@media (max-width: 720px) {
  .lanterns-scene img { height: 75vw; object-fit: cover; object-position: center; }
}
@media (max-width: 360px) {
  .tangled-lanterns h2 { font-size: 29px; }
  .lanterns-heading .eyebrow { font-size: 8px; letter-spacing: 1.5px; }
}