/* Quote separator band: Atatürk's words over his portrait (Wikimedia
   Commons, public domain), blended under the section's navy/claret/gold
   gradient so the photo reads at low opacity. */

.quote-section {
  color: #fff;
  background:
    radial-gradient(ellipse 70% 90% at 80% 10%, rgba(118, 40, 50, .34), transparent 60%),
    radial-gradient(ellipse 50% 70% at 10% 90%, rgba(208, 183, 121, .12), transparent 60%),
    linear-gradient(rgba(18, 25, 34, .88), rgba(18, 25, 34, .94)),
    url("https://upload.wikimedia.org/wikipedia/commons/a/a8/Ataturk1930s.jpg") right 18% / cover no-repeat,
    var(--navy);
}

.quote-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.quote-text {
  margin: 0;
  max-width: 720px;
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(34px, 5vw, 68px);
  font-weight: 400;
  line-height: 1.1;
}

.ataturk-signature {
  flex-shrink: 0;
  width: clamp(180px, 22vw, 300px);
  height: auto;
  object-fit: contain;
  opacity: .82;
  filter: invert(1) brightness(1.1);
}

@media (max-width: 860px) {
  .quote-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }

  .ataturk-signature {
    width: clamp(140px, 44vw, 220px);
    align-self: flex-end;
  }
}