.list {
  margin-top: 164px;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, 200px);
  gap: 69px 57px;
  justify-content: center; }
  @media (min-width: 800px) {
    .list {
      padding-left: 103px;
      padding-right: 103px;
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 800px) {
    .list {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 800px) {
    .list {
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 82px; } }
.listItem {
  display: flex;
  justify-content: center;
  font-family: 'PP Neue Montreal', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer; }
  @media (min-width: 800px) {
    .listItem {
      width: 200px;
      height: 75px;
      font-size: 28px; } }
  @media (max-width: 800px) {
    .listItem {
      width: 100%;
      height: 20vw;
      font-size: 21px;
      padding: 0 15px; }
      .listItem.recursion {
        display: none; } }
  .listItem a:-moz-any-link {
    color: #f4f2f2;
    mix-blend-mode: difference;
    transform: translate3d(0, 0, 0);
    text-decoration: none; }
  .listItem a:any-link,
  .listItem p {
    color: #f4f2f2;
    mix-blend-mode: difference;
    transform: translate3d(0, 0, 0);
    text-decoration: none; }
  .listItem:hover a {
    text-decoration: underline; }

video-hover {
  display: flex;
  align-items: center;
  justify-content: center; }
  video-hover .playerContainer {
    overflow: hidden; }
    video-hover .playerContainer .thumbnail {
      overflow: hidden; }
      video-hover .playerContainer .thumbnail img {
        width: 104%;
        height: 108%;
        margin-left: -2%;
        margin-top: -2%;
        -o-object-fit: cover;
           object-fit: cover;
        filter: blur(10px); }
        @media (min-width: 800px) {
          video-hover .playerContainer .thumbnail img {
            max-width: unset; } }
  @media (max-width: 800px) {
    video-hover .playerContainer {
      display: none; } }
  video-hover .playerContainer .thumbnail,
  video-hover .playerContainer iframe {
    position: fixed;
    width: 1028px;
    height: 578px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -100; }