.intro {
  grid-area: sidebar;
}

.intro__book-title {
  margin: 0 0 2em 0;
}

.intro__book-title .icon {
  flex-shrink: 0;
  margin-right: 0.75em;
}

.intro__masthead {
  margin: 2em 0 0 0;
  padding: 0.5em 0 0 0;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-size: var(--type-xx-small);
}

.intro__masthead + .intro__title {
  margin: 0;
}

.intro__title {
  margin: 0.58em 0 0 0;
  font-size: var(--type-xx-large);
}

.intro__title a {
  text-decoration: none;
}

.intro__sections {
  display: none;
}

.intro__section {
  font-size: var(--type-small);
  font-style: italic;
}

.intro__next {
  display: none;
}

.resume {
  margin: 2em 0;
  text-align: center;
}

.resume__button {
  font-size: var(--type-medium);
  padding: 0.75em 1.5em;
}

.pagination {
  margin: 0;
  padding: 1em 0 0 0;
}

@media screen and (min-width: 50em) {

  .intro__book-title {
    margin: 0;
  }

  .intro__sections {
    display: block;
    margin: 0.5em 0 0 0;
    padding: 0;
    list-style-type: none;
  }

  .intro__next {
    display: block;
    font-size: var(--type-small);
  }

  .intro__content {
    text-align: right;
  }

  .intro__content--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 2em;
  }

}