/* ── Statement Section ────────────────────────────────────── */
.statement {
  padding: clamp(5rem, 10vw, 12.5rem) clamp(1.5rem, 6vw, 9rem);
  background: var(--dadi-dark);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  position: relative;
  overflow: hidden;
}

/* Radial glow behind text */
.statement-glow {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(80vw, 800px);
  height: min(80vw, 800px);
  background: rgba(74,75,113,0.20);
  border-radius: 50%;
  filter: blur(120px);
  pointer-events: none;
}

.statement-inner {
  max-width: 87.5rem;   /* 1400px */
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* The large animated text — each word is a <span> */
.statement-text {
  font-size: clamp(2rem, 6vw, 6rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: clamp(0.4rem, 1.5vw, 1rem);
  row-gap: clamp(0.2rem, 1vw, 0.5rem);
}

/* Each word starts dim and slides up when it enters viewport */
.statement-word {
  display: inline-block;
  opacity: 0.15;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.statement-word.visible {
  opacity: 1;
  transform: translateY(0);
}