.works{
}

.works{
  letter-spacing: -0.15em;
  margin: 0 var(--margin-small);
}

.work{
  font-size: var(--font-size-works);
  line-height: 1.085em;
}

.work.bold{
  font-weight: bolder;
}

.work a{
  text-decoration: none;
}

.work-title, .work-date{
  display: block;
}

.work-date{
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .works{
    margin: 0 var(--margin-normal);
  }

  .work-title{
    width: calc((100vw - 2 * var(--margin-normal))/16 * 14);
  }

  .work-date{
    width: calc((100vw - 2 * var(--margin-normal))/16 * 7);
    margin-left: calc((100vw - 2 * var(--margin-normal))/16 * 7);
  }
}