/* Laureate quote shared by the homepage and the Premium page. */
.laureate-quote {
  width: min(100% - 80px, 1080px);
  margin: 0 auto;
  padding: 52px 0;
}
.laureate-quote figure { max-width: 920px; margin: 0; }
.laureate-quote blockquote { margin: 0; }
.laureate-quote blockquote p {
  margin: 0;
  color: var(--premium-black, #0a0a0a);
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 620;
  line-height: 1.38;
  letter-spacing: -.024em;
  text-wrap: pretty;
}
.laureate-quote figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 4px;
  margin-top: 22px;
  font-size: 15px;
  line-height: 1.5;
}
.laureate-quote figcaption strong { color: var(--premium-black, #0a0a0a); font-weight: 750; }
.laureate-quote figcaption span { color: var(--premium-muted, #73736d); font-size: 14px; }

/* Homepage: the quote sits between the hero card and the film card, on the same grid as the sections below. */
.home-page .laureate-quote { width: min(100%, 1100px); }
.home-page .laureate-quote + .home-film { margin-top: 0; }
/* Premium page: the benefits section below supplies the bottom spacing. */
.offer-body .laureate-quote { padding-bottom: 0; }
body.offer-body .laureate-quote + .benefits-section { padding-top: 64px; }

@media (max-width: 720px) {
  .laureate-quote,
  .home-page .laureate-quote { width: calc(100% - 16px); }
}
@media (max-width: 600px) {
  .laureate-quote { padding: 40px 0; }
  .laureate-quote blockquote p { font-size: 20px; line-height: 1.42; }
  .laureate-quote figcaption { margin-top: 18px; }
  .offer-body .laureate-quote { padding-bottom: 0; }
  body.offer-body .laureate-quote + .benefits-section { padding-top: 52px; }
}
