.article-quote {
  position: relative;
  margin: 4px 0;
  padding: 34px 42px 34px 48px;
  border-left: 4px solid var(--color-accent);
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
  background: #fff;
}

.article-quote::before {
  position: absolute;
  top: 18px;
  right: 30px;
  color: rgba(255, 99, 68, 0.12);
  font-size: 82px;
  font-weight: 900;
  line-height: 1;
  content: "“";
}

.article-quote p { position: relative; max-width: 820px; margin: 0; font-size: 24px; font-weight: 700; line-height: 1.45; }
.article-quote cite { display: block; margin-top: 16px; color: var(--color-text); font-size: 14px; font-style: normal; }

@media (max-width: 767px) {
  .article-quote { padding: 28px 24px; }
  .article-quote p { font-size: 20px; }
}