/* ── Testimonial Early ── */
.lp-testimonial-early { background: var(--color-secondary); }
.lp-testimonial-early .lp-section-title { max-width: 820px; margin-left: auto; margin-right: auto; }
.lp-testimonial-early .lp-section-title strong {
  color: var(--color-accent);
  font-weight: var(--weight-bold);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: var(--color-accent);
}

.lp-te-card {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: var(--space-10);
  max-width: 760px;
  margin: 0 auto;
  padding: var(--space-12) var(--space-12);
  background: var(--color-secondary);
  border-radius: 20px;
  box-shadow: 0 8px 40px rgba(232,114,154,0.12);
  border: 1px solid rgba(232,114,154,0.15);
  position: relative;
}
.lp-te-card::before { content: none; }

.lp-te-photo { text-align: center; }
.lp-te-photo img {
  width: 160px; height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--color-accent-soft);
  margin: 0 auto;
}
.lp-te-img-caption {
  font-size: var(--text-xs);
  color: var(--color-gray-400);
  margin-top: var(--space-2);
}
.lp-te-photo-placeholder { margin: 0 auto; }

.lp-te-content { display: flex; flex-direction: column; gap: var(--space-6); }

.lp-te-quote {
  font-family: var(--font-display);
  font-size: clamp(0.95rem, 2.2vw, 1.15rem);
  font-weight: var(--weight-bold);
  line-height: var(--leading-snug);
  color: var(--color-primary);
}
.lp-te-meta {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  flex-wrap: wrap;
}
.lp-te-name { font-weight: var(--weight-bold); font-size: var(--text-base); }
.lp-te-attr { font-size: var(--text-sm); color: var(--color-gray-600); }
.lp-te-body { font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--color-gray-600); text-align: left; }
.lp-te-disclaimer { font-size: var(--text-xs); color: var(--color-gray-400); }

@media (max-width: 768px) {
  .lp-testimonial-early .lp-section-title { font-size: 1.15rem; }
  .lp-te-card { grid-template-columns: 1fr; padding: var(--space-8) var(--space-6); text-align: center; gap: var(--space-7); }
  .lp-te-meta { justify-content: center; }
  .lp-te-content { gap: var(--space-5); }
  .lp-te-photo img { width: 120px; height: 120px; }
}