/* Third reportage only. The existing identity, shell and other stories are retained. */
.reportage-photo { min-width: 0; margin: 0; }
.reportage-photo img { display: block; width: 100%; height: auto; object-fit: contain; }
.reportage-home-cover { width: 76%; max-width: 1000px; margin: 95px 0 30px auto; }
.reportage-index-cover { grid-column: 1 / -1; width: 76%; max-width: 1000px; margin: 0 0 10px auto; }
.reportage-home-cover .textlink, .reportage-index-cover .textlink { margin-top: 22px; }
.reportage-photo.stagephoto { grid-column: 2 / -1; width: 65%; margin-top: 25px; }

.reportage-narrative { --reportage-space: clamp(80px, 10vw, 155px); padding-bottom: 50px; }
.reportage-chapter { margin: 0 8% 44px; font-size: 12px; text-transform: uppercase; letter-spacing: .13em; }
.reportage-opening { width: 100%; }
.reportage-preparation { padding-top: var(--reportage-space); }
.reportage-prep-pair { display: grid; grid-template-columns: .9fr 1fr; align-items: start; gap: 8%; margin: 0 8% var(--reportage-space); }
.reportage-prep-pair > :last-child { margin-top: 90px; }
.reportage-landscape { width: 96%; margin: 0 auto var(--reportage-space); }
.reportage-confetti { width: 62%; margin: 0 auto var(--reportage-space) 8%; }
.reportage-walk { width: 78%; margin: 0 4% var(--reportage-space) auto; }
.reportage-gesture-pair { display: grid; grid-template-columns: .8fr 1fr; gap: 6%; align-items: start; margin: 0 6% var(--reportage-space); }
.reportage-gesture-pair > :last-child { margin-top: 100px; }
.reportage-vertical { width: 32%; max-width: 540px; margin: 0 auto var(--reportage-space) 15%; }
.reportage-close { width: 48%; max-width: 850px; margin: 0 8% var(--reportage-space) auto; }
.reportage-detail { width: 32%; max-width: 520px; margin: 65px auto var(--reportage-space); }
.reportage-guests { width: 76%; margin: 0 auto var(--reportage-space) 4%; }
.reportage-party { width: 100%; }
.reportage-ending { width: 92%; margin: var(--reportage-space) auto 30px; }

@media (max-width: 760px) {
  .reportage-home-cover { width: 100%; margin: 65px 0 20px; }
  .storyindex .reportage-index-cover { width: 100%; margin: 70px 0 0; }
  .reportage-photo.stagephoto { width: 90%; margin: 30px auto 0; }
  .reportage-narrative { --reportage-space: 72px; padding-bottom: 30px; }
  .reportage-chapter { margin: 0 7% 28px; font-size: 11px; }
  .reportage-prep-pair { display: block; margin: 0 7% var(--reportage-space); }
  .reportage-prep-pair > :first-child { width: 86%; }
  .reportage-prep-pair > :last-child { width: 98%; margin: 36px 0 0 auto; }
  .reportage-confetti { width: 86%; margin-left: 7%; }
  .reportage-walk { width: 93%; margin-right: 0; }
  .reportage-gesture-pair { display: block; margin: 0 6% var(--reportage-space); }
  .reportage-gesture-pair > :first-child { width: 95%; }
  .reportage-gesture-pair > :last-child { width: 100%; margin: 40px 0 0; }
  .reportage-vertical { width: 70%; margin-left: 7%; }
  .reportage-close { width: 80%; margin-right: 7%; }
  .reportage-detail { width: 65%; margin-top: 48px; }
  .reportage-guests { width: 93%; margin-left: 0; }
}