/* media-content breakpoints, loaded after the shared ones. */

@media (max-width: 900px) {
  .workflow-section--request { min-height: 0; padding: 80px 0; }
  .workflow-section--allocation { min-height: 0; padding: 0 0 80px; }
  .split-block, .split-block--reverse { display: flex; max-width: none; flex-direction: column; gap: 40px; padding-inline: 16px; }
  .workflow-section--request .split-block__copy { order: -1; }
  .request-panel { min-height: 0; padding: 20px; }
  .request-panel > h3 { font-size: 22px; }
  .request-status { grid-template-columns: 1fr 1fr; }
  .allocation-panel { min-height: 0; padding: 22px 20px; }
}

@media (max-width: 1100px) {
  .about-story { height: auto; min-height: 0; }
  .about-story { margin-top: 80px; }
  .about-story__intro h2 { width: min(90%,690px); }
  .about-story__intro { height: auto; }
  .about-story__row { grid-template-columns: minmax(0,555px); margin-top: 60px; padding-inline: 24px; }
  .about-story__row > img { width: 100%; }
  .about-story__row > div { padding-top: 0; text-align: center; }
  .about-story__row .button { margin-inline: auto; }
}

@media (max-width: 767px) {
  .about-story .eyebrow { padding: 3px 14px; font-size: 16px; }
  .about-story { height: auto; margin-top: 80px; }
  .about-story__grid { display: none; }
  .about-story__intro { height: auto; padding-inline: 16px; text-align: center; }
  .about-story__intro h2 { width: min(100%,282px); margin: 28px auto 0; font-size: 32px; font-weight: 600; line-height: 32px; }
  .about-story__intro h2 em { display: inline; }
  .about-story__lede { margin: 18px auto 0; color: rgba(0,0,0,.6); font-size: 16px; line-height: 24px; }
  .about-story__row { display: block; margin-top: 33px; padding-inline: 16px; text-align: center; }
  .about-story__row > img { display: block; width: 100%; height: 254px; object-fit: cover; }
  .about-story__row > div { padding-top: 33px; }
  .about-story__row p:first-child { width: min(100%,338px); margin: 0 auto; color: #000; font-size: 18px; font-weight: 500; line-height: 26px; }
  .about-story__row p + p { width: min(100%,340px); margin: 10px auto 0; color: rgba(0,0,0,.6); font-size: 16px; line-height: 24px; }
  .about-story__row .button { width: 204px; min-width: 0; height: 50px; padding: 0; margin: 37px auto 0; }
}