/* Scene 15 — 여러 탐색 창이 하나의 브리핑으로 접히고, 엔딩 카피만 남는다. */
.s15 { color: var(--ns-color-fg-neutral-inverted); }
.s15__field, .s15__ending { position: absolute; inset: 0; }
.s15__windows { position: absolute; inset: 0; perspective: 1200px; }
.s15__window {
  position: absolute; width: 500px; height: 235px; overflow: hidden;
  border: 1px solid var(--ns-color-palette-static-white-alpha-200);
  border-radius: var(--ns-radius-r3); background: var(--ns-color-palette-static-white-alpha-100);
  box-shadow: var(--ns-shadow-s3); opacity: 0;
  transform: translateY(var(--ns-dimension-x10)) scale(0.92);
  transition: left 920ms var(--ns-timing-function-enter-expressive), top 920ms var(--ns-timing-function-enter-expressive), opacity 520ms var(--ns-timing-function-enter), transform 920ms var(--ns-timing-function-enter-expressive);
  transition-delay: calc(var(--item-index) * 75ms);
}
.s15__window[data-window="0"] { left: 120px; top: 125px; transform: rotate(-5deg) translateY(var(--ns-dimension-x10)) scale(0.92); }
.s15__window[data-window="1"] { left: 710px; top: 90px; transform: rotate(2deg) translateY(var(--ns-dimension-x10)) scale(0.92); }
.s15__window[data-window="2"] { left: 1290px; top: 170px; transform: rotate(5deg) translateY(var(--ns-dimension-x10)) scale(0.92); }
.s15__window[data-window="3"] { left: 330px; top: 600px; transform: rotate(3deg) translateY(var(--ns-dimension-x10)) scale(0.92); }
.s15__window[data-window="4"] { left: 1040px; top: 625px; transform: rotate(-3deg) translateY(var(--ns-dimension-x10)) scale(0.92); }
.s15__window header { height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 var(--ns-dimension-x4); background: var(--ns-color-palette-static-white-alpha-50); }
.s15__window header span { width: 7px; height: 7px; border-radius: var(--ns-radius-full); background: var(--ns-color-palette-static-white-alpha-400); }
.s15__window header b { margin-left: auto; font-size: var(--ns-font-size-t3); letter-spacing: 0.12em; color: var(--ns-color-fg-noise); }
.s15__window-body { height: calc(100% - 42px); display: grid; grid-template-columns: auto 1fr; align-content: center; gap: var(--ns-dimension-x3) var(--ns-dimension-x5); padding: var(--ns-dimension-x8); }
.s15__window-body i { grid-row: 1 / 3; align-self: center; color: var(--ns-color-fg-informative-on-night); }
.s15__window-body strong { font-size: var(--ns-font-size-t8); line-height: var(--ns-line-height-t8); }
.s15__window-body small { font-size: var(--ns-font-size-t5); color: var(--ns-color-fg-noise); }
.s15[data-step="1"] .s15__window, .s15[data-step="2"] .s15__window { opacity: 1; }
.s15[data-step="1"] .s15__window[data-window="0"] { transform: rotate(-5deg); }
.s15[data-step="1"] .s15__window[data-window="1"] { transform: rotate(2deg); }
.s15[data-step="1"] .s15__window[data-window="2"] { transform: rotate(5deg); }
.s15[data-step="1"] .s15__window[data-window="3"] { transform: rotate(3deg); }
.s15[data-step="1"] .s15__window[data-window="4"] { transform: rotate(-3deg); }
.s15[data-step="2"] .s15__window { left: 710px; top: 370px; opacity: 0; transform: scale(0.28) rotate(0deg); }

.s15__briefing { position: absolute; left: 50%; top: 50%; width: 650px; height: 330px; display: grid; justify-items: center; align-content: center; transform: translate(-50%, -50%) scale(0.72); opacity: 0; border-radius: var(--ns-radius-r6); background: var(--ns-color-fg-neutral-inverted); color: var(--ns-color-fg-neutral); box-shadow: var(--ns-shadow-s4); transition: opacity 520ms var(--ns-timing-function-enter), transform 760ms var(--ns-timing-function-enter-expressive); }
.s15__briefing-label { margin-bottom: var(--ns-dimension-x6); font-size: var(--ns-font-size-t5); letter-spacing: 0.14em; color: var(--ns-color-fg-neutral-subtle); }
.s15__briefing strong { font-size: var(--ns-font-size-t10); }
.s15__briefing span { margin-top: var(--ns-dimension-x5); font-size: var(--ns-font-size-t9); color: var(--ns-color-fg-neutral-muted); }
.s15__briefing span b { margin-right: var(--ns-dimension-x2); font-size: var(--ns-font-size-display); line-height: 0.8; color: var(--ns-color-fg-neutral); }
.s15[data-step="2"] .s15__briefing, .s15[data-step="3"] .s15__briefing { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.s15[data-step="4"] .s15__briefing, .s15[data-step="5"] .s15__briefing, .s15[data-step="6"] .s15__briefing { opacity: 0; transform: translate(-50%, -50%) scale(0.94); }

.s15__ending { display: grid; place-content: center; text-align: center; pointer-events: none; }
.s15__main, .s15__final, .s15__signature { opacity: 0; transform: translateY(var(--ns-dimension-x7)); transition: opacity 680ms var(--ns-timing-function-enter), transform 760ms var(--ns-timing-function-enter-expressive); }
.s15__main { font-size: var(--ns-font-size-title); line-height: var(--ns-line-height-title); letter-spacing: -0.045em; font-weight: var(--ns-font-weight-medium); }
.s15__main strong { font-weight: var(--ns-font-weight-heavy); }
.s15__final { margin-top: var(--ns-dimension-x8); font-size: var(--ns-font-size-t13); line-height: var(--ns-line-height-t13); font-weight: var(--ns-font-weight-bold); }
.s15__signature { position: absolute; left: 50%; top: 50%; width: max-content; font-size: var(--ns-font-size-t13); line-height: var(--ns-line-height-t13); font-weight: var(--ns-font-weight-medium); letter-spacing: -0.035em; transform: translate(-50%, calc(-50% + var(--ns-dimension-x7))); }
.s15__signature span { display: inline-block; margin: 0 var(--ns-dimension-x5); color: var(--ns-color-fg-noise); font-weight: var(--ns-font-weight-regular); }
.s15__signature strong { font-weight: var(--ns-font-weight-heavy); }
.s15[data-step="4"] .s15__main, .s15[data-step="5"] .s15__main { opacity: 1; transform: none; }
.s15[data-step="5"] .s15__final { opacity: 1; transform: none; transition-delay: 160ms; }
.s15[data-step="6"] .s15__signature { opacity: 1; transform: translate(-50%, -50%); }