section[id] {
  scroll-margin-top: 96px;
}

@media (max-width: 640px) {
  .story-section {
    width: calc(100% - 40px);
    margin-right: auto;
    margin-left: auto;
    gap: 44px;
  }

  .story-copy,
  .availability {
    width: 100%;
    min-width: 0;
  }

  .story-copy h2 {
    font-size: 38px;
    line-height: 1.04;
  }

  .story-copy > p:not(.eyebrow) {
    font-size: 17px;
  }

  .availability {
    padding: 30px 24px;
  }

  .story-copy .text-link {
    margin-top: 2px;
  }

  .site-footer {
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }
}