@media (max-width: 720px) {
  .site-header {
    height: 82px;
  }
  .wordmark {
    top: 22px;
    width: 96px;
  }
  .page-progress {
    display: none;
  }
  .hero {
    min-height: 100svh;
    min-height: 100dvh;
    padding: 82px 0 92px;
    justify-content: flex-start;
  }
  .hero-card {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 0;
  }
  .hero h1 {
    max-width: 390px;
    margin-top: 48px;
    padding: 0 var(--mobile-gutter);
    font-size: clamp(34px, 9.5vw, 42px);
  }
  .intro,
  .services,
  .protocol,
  .technology,
  .training-block,
  .faq,
  .contact {
    padding-left: var(--mobile-gutter);
    padding-right: var(--mobile-gutter);
  }
  .section-heading h2,
  .contact h2 {
    font-size: var(--mobile-display-size);
  }
  .section-heading p {
    max-width: 340px;
  }
  .intro,
  .services,
  .protocol,
  .technology,
  .training-block,
  .faq {
    padding-top: 92px;
    padding-bottom: 106px;
  }
  .signal-line {
    margin-top: 92px;
    grid-template-columns: 1fr 1fr;
    row-gap: 54px;
  }
  .signal-line > div {
    min-height: 78px;
  }
  .training-block-heading {
    display: block;
  }
  .training-block-heading h2 {
    font-size: var(--mobile-display-size);
  }
  .training-block-heading > p:last-child {
    max-width: 340px;
    margin-top: 30px;
  }
  .service-media {
    margin-top: 96px;
    grid-template-columns: 1fr;
  }
  .card-stack > .card-description {
    margin-left: 18px;
  }
  .image-card {
    height: auto;
    aspect-ratio: 4 / 5;
  }
  .service-media > .card-stack:first-child {
    margin-top: 0;
  }
  .service-media .card-stack + .card-stack {
    margin-top: 58px;
  }
  .image-card figcaption {
    left: 18px;
    bottom: 18px;
  }
  .image-card figcaption h3 {
    font-size: 30px;
  }
  .specialties {
    padding: 92px var(--mobile-gutter) 106px;
  }
  .service-media,
  .specialty-media,
  .care-media {
    grid-template-columns: 1fr;
    gap: var(--media-gap);
  }
  .specialty-media > .card-stack:first-child {
    margin-top: 0;
  }
  .specialty-media .card-stack + .card-stack {
    margin-top: 58px;
  }
  .protocol-heading {
    display: block;
  }
  .protocol-heading > p {
    margin-top: 30px;
  }
  .protocol-steps {
    margin-top: 72px;
    grid-template-columns: 1fr 1fr;
  }
  .protocol-steps li {
    min-height: 230px;
    padding: 18px;
  }
  .protocol-steps li > span {
    font-size: 48px;
  }
  .protocol-steps h3 {
    font-size: 24px;
  }
  .technology-heading {
    display: block;
  }
  .technology-heading > p {
    margin-top: 30px;
  }
  .adaptive-layout {
    margin-top: 88px;
  }
  .adaptive-stage {
    min-height: 0;
    padding: 26px 0 30px;
    grid-template-columns: 34px 1fr;
    gap: 14px 8px;
  }
  .adaptive-stage h3 {
    font-size: 29px;
  }
  .adaptive-stage p {
    grid-column: 2;
    font-size: 1.125rem;
  }
  .care {
    padding: 92px var(--mobile-gutter) 106px;
  }
  .care-media > .card-stack:first-child {
    margin-top: 0;
  }
  .care-media .card-stack + .card-stack {
    margin-top: 58px;
  }
  .week-strip {
    margin-top: 82px;
    grid-template-columns: 1fr 1fr;
  }
  .week-strip article {
    min-height: 180px;
  }
  .week-strip article:last-child {
    grid-column: 1 / -1;
    min-height: 130px;
  }
  .block-summary {
    grid-template-columns: 1fr 1fr;
  }
  .block-summary > p {
    grid-column: 1 / -1;
  }
  .block-summary > div:nth-child(3) {
    grid-column: 1 / -1;
  }
  .contact {
    min-height: 100svh;
    padding-top: 300px;
    padding-bottom: 28px;
    grid-template-columns: 1fr;
  }
  .contact-meta {
    justify-self: start;
  }
}

@media (min-width: 721px) and (max-width: 980px) {
  .technology-heading {
    grid-template-columns: 1fr;
  }
  .technology-heading > p {
    margin-top: 30px;
  }
}