@media (max-width: 900px) {
  .story-copy {
    padding-top: 10px !important;
    padding-bottom: 42px !important;
  }

  .story-copy h2 {
    margin-bottom: 14px !important;
  }

  .section-navigator {
    display: block !important;
    right: 7px !important;
    top: 50% !important;
    z-index: 95 !important;
    transform: translateY(-50%) !important;
    touch-action: none;
  }

  .section-navigator ol {
    align-items: flex-end !important;
  }

  .section-navigator li,
  .section-nav-item {
    height: 25px !important;
  }

  .section-nav-item {
    width: 32px !important;
  }

  .section-nav-dot {
    right: 1px !important;
    width: 7px !important;
    height: 7px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.5) !important;
  }

  .section-nav-line {
    right: 4px !important;
    top: -6px !important;
    height: 13px !important;
  }

  .section-nav-number {
    right: 14px !important;
    font-size: 8px !important;
    text-shadow: 0 1px 4px rgba(255,255,255,.9) !important;
  }

  .section-nav-preview {
    display: block !important;
    right: 38px !important;
    width: min(270px, calc(100vw - 62px)) !important;
    padding: 11px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate(8px, -50%) scale(.98) !important;
    transition: opacity .16s ease, visibility .16s ease, transform .18s ease !important;
  }

  .section-nav-images {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    overflow: hidden !important;
    background: #eee !important;
  }

  .section-nav-images img {
    position: absolute !important;
    display: block !important;
    object-fit: contain !important;
    background: #e8e8e8 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .section-nav-title {
    margin-bottom: 8px !important;
    font-size: 13px !important;
  }

  .section-navigator.is-scrubbing .section-nav-item.is-preview-active .section-nav-preview {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0, -50%) scale(1) !important;
  }

  .section-navigator.is-scrubbing .section-nav-item.is-preview-active .section-nav-dot {
    transform: scale(1.45) !important;
    border-color: #414141 !important;
    background: #414141 !important;
  }

  .section-navigator.is-scrubbing .section-nav-item.is-preview-active .section-nav-number {
    opacity: 1 !important;
    transform: none !important;
  }
}