/* SLIDE 15 · Monday · one-word commitment (rhetorical, no cloud) */

.slide-15 { flex-direction: column; }

.slide-15 .stage-15 {
  display: flex; flex-direction: column;
  align-items: center;
  max-width: 1000px; width: 100%;
  gap: 4vh;
}

.slide-15 .eyebrow {
  font-family: var(--font-mono);
  font-size: 10px; font-weight: 500;
  letter-spacing: 0.25em;
  color: var(--paper-ghost);
  text-transform: uppercase;
  display: flex; gap: 10px;
  opacity: 0;
}
.slide-15 .eyebrow .sep { opacity: 0.5; }
.slide-15.started .eyebrow {
  animation: s15-fade 700ms var(--ease-out-quart) 300ms forwards;
}

.slide-15 .prompt {
  font-family: var(--font-display);
  font-optical-sizing: auto;
  font-weight: 500;
  font-variation-settings: "opsz" 144, "wght" 500;
  font-size: clamp(1.9rem, 4.2vw, 3.4rem);
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: var(--paper);
  text-align: center;
  opacity: 0; transform: translateY(12px);
}
.slide-15 .prompt em {
  color: var(--paper);
  font-style: italic;
  font-weight: 400;
}
/* "п'ятниці" — the urgency anchor, carries the accent red */
.slide-15 .prompt .deadline {
  color: var(--accent);
  font-weight: 600;
}
.slide-15.started .prompt {
  animation: s15-rise 1000ms var(--ease-out-quart) 700ms forwards;
}

/* slow heartbeat think-dot between prompt and hint */
.slide-15 .think-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--paper-ghost);
  opacity: 0;
}
.slide-15.started .think-dot {
  /* single animation: fade in to 0.55, then breathe between 0.55 and 0.95.
     No handoff between two animations, so no opacity flicker. */
  animation: s15-fade-and-beat 4.8s ease-in-out 2600ms infinite;
}
@keyframes s15-fade-and-beat {
  0%      { opacity: 0;    transform: scale(0.9); background: var(--paper-ghost); }
  20%     { opacity: 0.55; transform: scale(1);   background: var(--paper-ghost); }
  50%     { opacity: 0.95; transform: scale(1.35); background: var(--paper-dim); }
  80%     { opacity: 0.55; transform: scale(1);   background: var(--paper-ghost); }
  100%    { opacity: 0.55; transform: scale(1);   background: var(--paper-ghost); }
}

@keyframes s15-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes s15-rise {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}