/* The last sky is a quiet editorial close, not a second download panel.
   Display typography is inherited from the shared homepage scale. */
.world-stage--real-skies .world-chapter--together .world-chapter__visual {
  object-fit: cover;
  object-position: center 48%;
}

.world-chapter--together::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(180deg, rgba(3, 12, 24, .12), transparent 28%,
    rgba(3, 12, 24, .12) 43%, rgba(3, 12, 24, .72) 72%, #030c18 100%);
  pointer-events: none;
}

.world-chapter--together .world-chapter__copy--final {
  inset: auto 24px clamp(88px, 10vh, 116px);
  width: auto;
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .25);
}

.world-chapter--together .sky-closing__brand {
  justify-content: center;
  gap: 15px;
  margin: 0 0 20px;
  color: #fff;
  font: 500 16px/1.5 var(--font-latin);
  letter-spacing: .02em;
  text-transform: none;
}

.world-chapter--together .sky-closing__brand span {
  padding-left: 15px;
  border-left: 1px solid rgba(222, 239, 255, .4);
  color: #d4e4ec;
  font: 400 var(--type-caption)/1.5 var(--font-jp);
  letter-spacing: .14em;
}

.world-chapter--together .world-chapter__copy small {
  max-width: none;
  margin: 20px 0 0;
  color: #d4e4ec;
  font: 400 var(--type-body)/var(--type-body-leading) var(--font-jp);
  letter-spacing: .08em;
}

.sky-closing__index {
  position: absolute;
  z-index: 3;
  top: 28px;
  right: clamp(24px, 4vw, 64px);
  color: #e0eaf0;
  font: 400 var(--type-caption)/1.5 var(--font-latin);
  font-variant-numeric: tabular-nums;
  letter-spacing: .2em;
}

.sky-closing__index i { margin: 0 6px; opacity: .6; font-style: normal; }

/* Keep the photograph still enough to read. Only a six-pixel rise accompanies
   the copy reveal; all phases share the existing reversible scroll timeline. */
html.js .world-chapter--together .sky-closing__brand { opacity: var(--closing-brand, 1); }
html.js .world-chapter--together .world-chapter__copy h3 {
  opacity: var(--closing-title, 1);
  transform: translateY(calc((1 - var(--closing-title, 1)) * 6px));
}
html.js .world-chapter--together .world-chapter__copy small { opacity: var(--closing-note, 1); }

@media (prefers-reduced-motion: reduce) {
  html.js .world-chapter--together .world-chapter__copy :is(p, h3, small) { opacity: 1; transform: none; }
}

@media (max-width: 767px) {
  .world-stage--real-skies .world-chapter--together .world-chapter__visual {
    object-position: 58% center;
  }
  .world-chapter--together .world-chapter__copy--final { bottom: 88px; }
  .world-chapter--together .sky-closing__brand { margin-bottom: 16px; font-size: 15px; }
  .world-chapter--together .world-chapter__copy small { margin-top: 16px; letter-spacing: .025em; }
}

@media (max-height: 520px) {
  .world-chapter--together .world-chapter__copy--final { bottom: 70px; }
  .world-chapter--together .sky-closing__brand { margin-bottom: 8px; }
  .world-chapter--together .world-chapter__copy small { margin-top: 8px; }
}