.block-artist-grid.layout-list .items {
  display: block;
}

.block-artist-grid.layout-list .items .title {
  padding-top: 0;
}

@media (min-width: 761px) {
  .block-artist-grid.layout-showcase .items {
    grid-gap: 1em 7em;
    gap: 1em 7em;
  }

  @media (max-width: 1100px) {
    .block-artist-grid.layout-showcase .items {
      grid-gap: 1em 7em;
      gap: 1em 7em;
    }
  }

  @media (max-width: 760px) {
    .block-artist-grid.layout-showcase .items {
      grid-gap: 1em 7em;
      gap: 1em 7em;
    }
  }

  .block-artist-grid.layout-showcase img {
    /*aspect-ratio: 1.5;*/
    width: 100%;
    max-height: 720px;
  }
}

.block-artist-grid .items {
  /*display: grid;
    grid-gap: 1em 1em;
    gap: 1em 1em;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);

    @media (max-width: 1100px) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
      grid-gap: 1em 1em;
      gap: 1em 1em;
    }

    @media (max-width: 760px) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-gap: 1em 1em;
      gap: 1em 1em;
    }*/
}

.block-artist-grid a {
  display: block;
  text-align: center;
  text-align: left;
  text-decoration: none;
  margin-bottom: 4em;
}

.block-artist-grid a .title {
  font-size: 2.3em;
  padding: 0.3em 0 0.25em 0;
  /* text-transform: uppercase; */
}

.block-artist-grid a .title:first-child {
  padding-top: 0.5em;
}

.block-artist-grid a .categories {
  font: var(--font-headline);
  font-weight: 400;
  padding-top: 0.5em;
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .block-artist-grid a .categories {
    font-size: 0.8em;
  }
}

.block-artist-grid a .content {
  /* font: var(--font-headline); */
  /* font-size: 1.2em; */
  font-weight: 400;
  padding-top: 0.5em;
  padding-bottom: 0;
  line-height: 1.7;
}

/* @media only screen and (max-width: 768px) {
  .block-artist-grid a .content {
    font-size: 0.8em;
  }
} */

.block-artist-grid a .content p {
  margin: 0;
  padding: 0;
}

.block-artist-grid a .thumbnail {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.block-artist-grid a:hover {
  text-decoration: none;
}

.block-artist-grid a:hover img {
  opacity: 0.75;
}

.block-artist-grid a:hover h2 {
  color: var(--c1);
}

.block-artist-grid img {
  display: block;
  /* aspect-ratio: 1.5; */
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity var(--anim-speed) ease-in-out;
}

.block-artist-grid h2 {
  font-size: inherit;
}

.block-artist-grid.animate-items .title {
  min-height: calc(2 * 1em);
}

.block-artist-grid.animate-items .item {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.block-artist-grid.animate-items .item.visible {
  opacity: 1;
}

.block-artist-grid.layout-normal .items {
  display: block;
}

.block-artist-grid.layout-normal .thumbnail {
  overflow: initial;
}

.block-artist-grid.layout-normal img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: revert-layer;
}

.jQueryMosaic {
  width: 100%;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0 !important;
}

.jQueryMosaic img {
  height: 100% !important;
}

.jQueryMosaic>div,
.jQueryMosaic>a,
.jQueryMosaic>img,
.jQueryMosaic>video {
  float: left;
}

.jQueryMosaic>.item {
  position: relative;
  display: block;
}

@media only screen and (max-width: 1000px) {
  .jQueryMosaic>.item:last-child {
    padding-bottom: var(--last-padding-bottom);
  }
}

.mosaic .item {
  display: block;
  position: relative;
  padding-bottom: var(--padding-bottom);
}

.mosaic .item .titles {
  text-align: left;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding-top: 0.5em;
  text-decoration: none;
}

.mosaic .item .titles:hover {
  text-decoration: underline;
}

.mosaic img {
  width: 100%;
  height: 100%;
  display: block;
}