.HomeTileItem {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  position: relative;
  background: var(--colorContrastBg);
  color: var(--colorWhite);
  overflow-y: hidden;
  height: 100%;
}

.HomeTileItem:nth-child(1) {
  grid-area: first;
}

.HomeTileItem:nth-child(2) {
  grid-area: second;
}

.HomeTileItem:nth-child(3) {
  grid-area: third;
}

.HomeTileItem:hover {
  color: var(--colorWhite);
  text-decoration: none;
}

.HomeTileItem:hover .HomeTileItem-content {
  height: 12rem;
}

@media (min-width: 75rem) and (max-width: 90rem) {
  .HomeTileItem:hover .HomeTileItem-content {
    height: 14rem;
  }
}

.HomeTileItem:hover .HomeTileItem-text {
  opacity: 1;
}

.HomeTileItem-content {
  width: 100%;
  height: 8rem;
  padding: 1.5em;
  backdrop-filter: blur(0.375rem);
  background: rgba(0, 0, 0, 0.2);
  transition: all .2s ease-in-out;
}

.HomeTileItem-title {
  color: var(--colorWhite);
  position: relative;
  font-size: 1.875rem;
  line-height: 2.75rem;
  font-weight: 700;
}

a.HomeTileItem:hover .HomeTileItem-title {
  text-decoration: underline;
}

.HomeTileItem-text {
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  opacity: 0;
  transition: all .2s ease-in-out;
}

.HomeTileItem-bg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*# sourceMappingURL=home-tile-item.min.css.map */