.quote { max-width: 980px; margin-inline: auto; text-align: center; }
.quote--split { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 6vw, 96px); align-items: center; max-width: none; text-align: left; }
.quote__figure { margin: 0; }
.quote__figure blockquote { margin: 0; }
.quote__figure::before { content: "”"; display: block; height: .62em; color: var(--rose); font: italic 500 clamp(5rem, 9vw, 8rem) / 1 var(--font-d); }
.quote__text { display: block; margin: 0; padding: 0; color: var(--ink); font: italic 500 clamp(1.6rem, 3.2vw, 2.6rem) / 1.3 var(--font-d); letter-spacing: -.01em; text-wrap: balance; }
.quote__author { display: block; margin: clamp(18px, 2.4vw, 28px) 0 0; padding: 0; color: var(--rose-deep); font: 700 .88rem / 1.3 var(--font-b); letter-spacing: .16em; text-transform: uppercase; }
.quote__side { font-size: clamp(1.05rem, 1.3vw, 1.15rem); }

@media (max-width: 1023px) {
  .quote--split { grid-template-columns: minmax(0, 1fr); }
}