.hero {
  min-height: 800px;
  overflow: hidden;
  border-top: 1px solid var(--colorTextLight);
  margin-top: 69px;
}
.hero > h1 {
  margin: 0 0 -1rem;
  font-family: Enfilade;
  font-variation-settings: 'wght' 900, 'opsz' 40;
  font-size: 7.56vw;
  line-height: 7.6vw;
  letter-spacing: 0;
  grid-row: 1/2;
  grid-column: 1/3;
  border-top: none;
}
.hero .typeInfo ul li p {
  text-transform: none;
  padding: 0.3rem 0 0;
  font-size: var(--fontSize2);
  line-height: 1.3rem;
}
  .hero aside ul li:nth-of-type(3).asideLink {
    margin-top: 5px;
  }
  .hero aside ul li.asideLink--buy-button {
    border: none;
    margin: -10px 0 0;
  }
  .hero aside ul li.asideLink a {
    border: 1px solid var(--colorTextLight);
    border-radius: 2rem;
    margin: 0;
    width: 100%;
    padding: 10px 14px;
  }
  .asideLink .buy-button {
    border: 1px solid var(--colorTextLight);
    border-radius: 2rem;
    margin: 0px;
    padding: 10px 14px;
    width: 100%;
    background: var(--colorTextLight);
  }
.hero__herowrapper {
    grid-column: 4/13;
    display: grid;
    grid-template-columns: var(--gridColumnMainParent);
    grid-column-gap: var(--gridGap1);

}
.hero:first-of-type .hero__herowrapper.hero-large {
    margin: 0;
}
.hero-small {
  display: none;
}
.hero__column-1, .hero__column-2 {
  display: grid;
  line-height: clamp(.2, .92, 1.2);
}
.hero__column-1 {
  grid-column: 1/7;
  margin: 0 0.5rem 0 0;
}
.hero__column-2 {
  grid-column: 7/13;
  margin: 0 0 0 0.5rem
}
.hero__column-full {
  display: grid;
  grid-column: 1/13;
  line-height: .92;
}
.hero__column-full--text {
  display: grid;
  grid-column: 1/13;
  line-height: 1.2;
}
.hero__column-1-4, .hero__column-2-4, .hero__column-3-4, .hero__column-4-4 {
  line-height: 1;
}
.hero__column-1-4 {
  display: grid;
  grid-column: 1/4;
}
.hero__column-2-4 {
  display: grid;
  grid-column: 4/7;
}
.hero__column-3-4 {
  display: grid;
  grid-column: 7/10;
}
.hero__column-4-4 {
  display: grid;
  grid-column: 10/13;
}
a span:hover {
  color: var(--colorAccent);
}

@media only screen and (max-width: 880px){
  .hero {
    margin-top: 20px;
  }
  .hero:first-of-type {
    margin-top: 0;
  }
  .hero h1 {
    margin: 0;
    padding-top: 1.2rem;
    font-size: 5rem;
    line-height: 3rem;
  }
  .hero aside {
    padding: 0 0 0.5rem;
  }
    .hero .typeInfo ul li p {
      margin: 0 0 0.3rem;
      padding: 0;
    }
    .hero aside ul li:nth-of-type(3).asideLink {
      margin-top: 20px;
    }
  .hero__herowrapper {
      grid-column: 1/13;
  }
  .hero__herowrapper:only-of-type {
      margin: 0 0 2rem;
  }
  .hero__herowrapper.hero-large {
    margin: 1rem 0 2rem;
  }
  .hero__column-1-4 {
    grid-column: 1/7;
  }
  .hero__column-2-4 {
    grid-column: 7/13;
  }
  .hero__column-3-4 {
    grid-column: 1/7;
  }
  .hero__column-4-4 {
    grid-column: 7/13;
  }
}