/* ScanSearch welcome-screen tiles — ported from ArchiefOnlineBrugge */
.c-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 24px;
}
.c-tile { position: relative; overflow: hidden; cursor: pointer; }
.c-tile::after {
  content: ''; display: block; width: 100%; height: 60px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
  position: absolute; bottom: 0; left: 0; z-index: 10; pointer-events: none;
}
.c-tile__image { position: relative; z-index: 10; height: 200px; }
.c-tile__image img { width: 100%; height: 100%; object-fit: cover; }
.c-tile__title {
  position: absolute; left: 0; bottom: 10px;
  width: calc(100% - 30px); padding-left: 15px; padding-right: 15px;
  margin: 0; font-size: 14px; line-height: 20px; color: #fff; z-index: 20;
}
.c-tile__image-copy {
  position: absolute; top: 6px; right: 8px;
  color: #fff; font-size: 9px; line-height: 10px; text-shadow: 0 0 2px #666;
}
.c-tile__image-copy::before { content: '© '; }
.c-tile__actions { display: none; }

/* click-through modal */
.c-tile__popup-body { max-height: calc(100vh - 155px); overflow-y: auto; }
.c-tile__popup-body .c-popup-image {
  width: 300px; position: relative; float: left; margin-right: 20px; margin-bottom: 20px;
}
.c-tile__popup-body .c-popup-image__meta {
  position: absolute; top: 6px; right: 8px;
  color: #fff; font-size: 9px; line-height: 10px; text-shadow: 0 0 2px #666;
}
.c-tile__popup-body .c-popup-image__meta::before { content: '© '; }