.hero-books {
  gap: clamp(14px, 2vw, 30px);
}

.refined-hero .hero-copy {
  top: 36%;
  z-index: 2;
}

.refined-hero .hero-copy h1 .adventure-heart {
  display: inline;
  font-size: 1em;
  line-height: inherit;
  letter-spacing: inherit;
  margin-top: 0;
}

.hero-books a {
  width: 29%;
  padding: 4px;
  background: rgba(255, 253, 248, .96);
  border: 1px solid rgba(255, 255, 255, .92);
  box-shadow: 0 12px 24px rgba(7, 25, 40, .2);
  filter: drop-shadow(0 13px 16px rgba(7, 25, 40, .22));
}

.hero-books a:nth-child(2) {
  width: 33%;
}

@media (max-width: 760px) {
  .refined-hero {
    height: 720px;
  }

  .refined-hero .home-hero-image {
    object-position: 18% center;
  }

  .refined-hero .hero-shade {
    background: linear-gradient(0deg, rgba(6, 24, 39, .1), transparent 30%);
  }

  .refined-hero .hero-copy {
    top: 64px;
  }

  .refined-hero .hero-copy h1 {
    text-shadow: none;
  }

  .refined-hero .hero-copy h1 .adventure-heart {
    display: block;
    line-height: .9;
    margin-top: 5px;
    white-space: nowrap;
  }

  .refined-hero .hero-copy h1 .adventure-heart em {
    display: inline;
  }

  .refined-hero .hero-copy h1 .adventure-heart b {
    position: static;
    display: inline;
    margin-left: 8px;
    font-size: .72em;
    vertical-align: .08em;
  }

  .refined-hero .hero-copy h1 .hero-break {
    display: none;
  }

  .refined-hero .hero-copy h1 span {
    margin-top: 6px;
    text-shadow: none;
  }

  .refined-hero .hero-copy h1 .adventure-heart {
    margin-top: 5px;
  }

  .hero-books {
    width: 97%;
    gap: 7px;
  }

  .hero-books a {
    width: 31%;
    padding: 2px;
  }

  .hero-books a:nth-child(2) {
    width: 34%;
  }
}

@media (max-width: 480px) {
  .refined-hero {
    height: 700px;
  }

  .refined-hero .hero-copy {
    top: 60px;
  }
}