/* Preserve existing type sizes. Change wrapping and available space instead. */
.flow-copy .copy-unit,
.flow-copy .copy-line {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}
.flow-copy .copy-unit { display: inline-block; white-space: nowrap; }
.flow-copy .copy-line { display: block; }
.hero-actions { flex-wrap: wrap; }
.hero-actions .button { white-space: nowrap; }
.release-footer nav a { white-space: nowrap; }
.header { column-gap: 24px; }
.header nav a, .header-cta { white-space: nowrap; }

@media (max-width: 1100px) {
  .heading > div:last-child, .value-grid { margin-left: 0; }
  .needs { grid-template-columns: 1fr; }
  .needs-intro { display: block; }
  .support-grid { grid-template-columns: 1fr; gap: 36px; }
  .support-photo { height: 360px; }
  .faq { grid-template-columns: 1fr; gap: 32px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { max-width: 760px; }
  .hero-visual { height: 430px; }
}
@media (max-width: 900px) {
  .value-grid { grid-template-columns: 1fr; }
  .value-grid article, .value-grid article + article {
    min-height: 0;
    padding: 24px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .about-visual { grid-template-columns: 1fr; }
  .about-visual img { height: 320px; }
  .steps { grid-template-columns: 1fr 1fr; }
  .steps article:nth-child(3) { padding-left: 0; border-left: 0; }
  .steps article:nth-child(n+3) { border-top: 1px solid var(--line); }
  .contact-inner { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 680px) {
  .header { column-gap: 16px; }
  .about-visual img { height: 260px; }
  .steps { grid-template-columns: 1fr; }
  .steps article:nth-child(n+3) { border-top: 0; }
  .support-photo { height: 330px; }
  .support-copy dl div { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width: 360px) {
  .section-label i { min-width: 0; flex: 1 1 20px; max-width: 44px; }
  .contact-inner { width: calc(100% - 24px); }
}