/* Give the homepage commitment quote room to use wide displays without losing its content alignment. */
.quote .wrap {
  width: auto;
  max-width: none;
  margin-left: max(24px, calc((100% - 1180px) / 2));
  margin-right: 24px;
}
.quote blockquote {
  max-width: none;
  text-wrap: normal;
}
@media (max-width: 900px) {
  .quote .wrap {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
  }
}
@media (max-width: 560px) {
  .quote .wrap {
    width: min(1180px, calc(100% - 32px));
  }
  .quote blockquote {
    text-wrap: wrap;
  }
}