/* ─── MOTIVATION ─────────────────────────────────────────── */
.motivation {
  padding: 10rem 0 8rem;
  background: var(--parchment);
  text-align: center;
  position: relative;
}

.motivation::after {
  content: '';
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 1px;
  height: 100px;
  background: var(--saffron);
  opacity: 0.5;
}

.motivation-text {
  font-family: var(--f-serif);
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.3;
  color: var(--ink);
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.01em;
}

.motivation-author {
  display: block;
  margin-top: 3rem;
  font-family: var(--f-display);
  font-size: 0.65rem;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--saffron);
  font-style: normal;
}

@media (max-width: 768px) {
  .motivation {
    padding: 6rem 5%;
  }

  .motivation::after {
    display: none;
  }

  .motivation-text {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}