{# ============================================
   SCRIBE QUOTE — MODULE CSS
   Card testimonial viola con rotazione.
   ============================================ #}

.ad-scribe-quote {
  padding: 80px 24px;
  background: var(--bg-body, #FFFFFF);
}

.ad-scribe-quote__inner {
  max-width: var(--container-max, 1280px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.ad-scribe-quote__card {
  background: var(--primary-blue, #6761E5);
  color: #FFFFFF;
  border-radius: 20px;
  padding: 48px 40px;
  max-width: 640px;
  width: 100%;
  transform: rotate(-2deg);
  box-shadow: 0 12px 40px rgba(103, 97, 229, .25);
  position: relative;
}

.ad-scribe-quote__icon {
  color: rgba(255, 255, 255, .35);
  margin-bottom: 20px;
}

.ad-scribe-quote__text {
  font-family: var(--font-serif, 'Fraunces', serif);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 400;
  line-height: 1.55;
  margin: 0 0 24px;
  font-style: italic;
}

.ad-scribe-quote__author {
  font-family: var(--font-heading, 'Space Grotesk', sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.ad-scribe-quote__role {
  font-family: var(--font-heading, 'Space Grotesk', sans-serif);
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, .7);
  margin-top: 4px;
}

/* === RESPONSIVE === */
@media (max-width: 640px) {
  .ad-scribe-quote {
    padding: 56px 16px;
  }

  .ad-scribe-quote__card {
    padding: 36px 28px;
    transform: rotate(-1deg);
  }
}