.about-page,
html,
body {
  max-width: 100%;
}

html {
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html {
    overflow-x: clip;
  }
}

.about-page {
  color: #324b37;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.about-page section[id] {
  scroll-margin-top: 5.5rem;
}

.about-page a:focus-visible {
  border-radius: 0.25rem;
  outline: 3px solid #ffa600;
  outline-offset: 3px;
}

.about-page .about-copy {
  max-width: 72ch;
}

.about-page .about-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.about-page .about-card {
  break-inside: avoid;
}

@media (max-width: 420px) {
  .about-page .about-actions a {
    justify-content: center;
    width: 100%;
  }
}

@media print {
  @page {
    margin: 0.65in;
  }

  body {
    background: #fff !important;
    color: #000 !important;
  }

  body > header,
  body > footer,
  body > script,
  .about-page .about-breadcrumb,
  .about-page .about-actions,
  .about-page .about-print-hide,
  [role="dialog"] {
    display: none !important;
  }

  .about-page,
  .about-page p,
  .about-page li,
  .about-page h1,
  .about-page h2,
  .about-page h3 {
    color: #000 !important;
  }

  .about-page section,
  .about-page .about-card {
    background: #fff !important;
    box-shadow: none !important;
  }

  .about-page .about-card {
    border: 1px solid #bbb !important;
  }

  .about-page h1,
  .about-page h2,
  .about-page h3 {
    break-after: avoid-page;
  }

  .about-page a {
    color: #000 !important;
    text-decoration: underline;
  }
}