/* Full quotation archive: shared brand, portraits and attribution components. */
.hindle-testimonial-page { padding-block: 12px var(--hindle-section-space); }
.testimonial-top { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); align-items: start; gap: 48px; }
.testimonial-intro { text-align: right; }
.hindle-public .testimonial-intro h1 { margin: 0; font-size: clamp(44px, 4.6vw, 64px); line-height: .98; letter-spacing: -.025em; }
.testimonial-intro h1 span { display: block; font-style: italic; color: var(--hindle-muted); }
.testimonial-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.testimonial-results { margin-top: 32px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.testimonial-entry { display: flex; min-width: 0; }
.testimonial-entry .hindle-story { width: 100%; padding: clamp(24px, 3vw, 40px); border: 1px solid var(--hindle-rule); gap: 32px; }
.testimonial-entry blockquote { font-size: 24px; line-height: 1.4; white-space: pre-line; }
.testimonial-entry [data-long-quote="true"] blockquote { font-size: 22px; }
.testimonial-entry figcaption { flex-wrap: nowrap; gap: 20px; }
.testimonial-entry .hindle-story-company { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.testimonial-empty { padding-block: 48px 80px; border-top: 1px solid var(--hindle-rule); }
.hindle-public .testimonial-empty p { margin-block: 12px 24px; color: var(--hindle-muted); }
.testimonial-empty a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; }
@media (max-width: 767px) {
  .hindle-testimonial-page { padding-top: 4px; }
  .testimonial-top { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .hindle-public .testimonial-intro h1 { font-size: clamp(34px, 8.5vw, 44px); line-height: 1.1; }
  .testimonial-intro h1 span { display: inline; }
  .testimonial-results { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .testimonial-entry blockquote { font-size: 22px; }
  .testimonial-entry [data-long-quote="true"] blockquote { font-size: 20px; }
  .testimonial-entry figcaption { gap: 16px; }
}