.card.--tile, .card.--theme {
  --card__link-padding-block-end: 0;
  --card__background: transparent;
  --card__shadow: none;
  overflow: clip;
}
.card.--tile:not(.swiper-slide), .card.--theme:not(.swiper-slide) {
  --card__span: span 6;
  --card__grid-column: span 6;
}
@media (min-width: 48rem) {
  .card.--tile:not(.swiper-slide), .card.--theme:not(.swiper-slide) {
    --card__span: span 4;
    --card__grid-column: span 4;
  }
}
@media (min-width: 64rem) {
  .card.--tile:not(.swiper-slide), .card.--theme:not(.swiper-slide) {
    --card__span: span 3;
    --card__grid-column: span 3;
  }
}
.card.--tile .card__link, .card.--theme .card__link {
  position: relative;
}
.card.--tile .card__image, .card.--theme .card__image {
  margin-inline: auto;
}
.card.--tile .button, .card.--theme .button {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.card.--tile.--compact, .card.--theme.--compact {
  --card__link-gap--tile: 0.75rem;
}
@media (min-width: 85rem) {
  .card.--tile.--compact:not(.swiper-slide), .card.--theme.--compact:not(.swiper-slide) {
    --card__span: span 2;
    --card__grid-column: span 2;
  }
}
.card.--tile.--compact .card__link:hover .card__header, .card.--tile.--compact .card__link:focus-visible .card__header, .card.--theme.--compact .card__link:hover .card__header, .card.--theme.--compact .card__link:focus-visible .card__header {
  animation: cardTextAnimation 0.6s;
}
.card.--tile.--compact .card__title, .card.--theme.--compact .card__title {
  font-size: var(--font-size--sm);
  padding: 0;
  width: auto;
}
.card.--tile.--compact .card__image, .card.--theme.--compact .card__image {
  block-size: auto;
  --card__image-max-height--tile: none;
  max-block-size: 16.875rem;
  max-inline-size: 12.6875rem;
  object-fit: cover;
  aspect-ratio: 1;
  border-radius: var(--border-radius-small);
}
@media (min-width: 30rem) {
  .card.--tile.--compact .card__image, .card.--theme.--compact .card__image {
    aspect-ratio: 1.5;
  }
}
@media (min-width: 64rem) {
  .card.--tile.--compact .card__image, .card.--theme.--compact .card__image {
    aspect-ratio: 0.7518518519;
  }
}
.card.--tile.--compact .card__header, .card.--theme.--compact .card__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.card.--tile.--compact .card__header i, .card.--theme.--compact .card__header i {
  order: -1;
  color: var(--color-primary);
}
.card.--tile.--standard, .card.--theme.--standard {
  --card__image-max-height: 100%;
  --card__radius: var( --border-radius-small );
  --card__span: 1 / -1;
  --card__grid-column: 1 / -1;
}
@media (min-width: 36rem) {
  .card.--tile.--standard, .card.--theme.--standard {
    --card__span: span 6;
    --card__grid-column: span 6;
  }
}
@media (min-width: 48rem) {
  .card.--tile.--standard, .card.--theme.--standard {
    --card__span: span 4;
    --card__grid-column: span 4;
  }
}
@media (min-width: 64rem) {
  .card.--tile.--standard, .card.--theme.--standard {
    --card__span: span 3;
    --card__grid-column: span 3;
  }
}
.card.--tile.--standard .card__link, .card.--theme.--standard .card__link {
  block-size: 100%;
}
.card.--tile.--standard .card__link:hover .card__title, .card.--tile.--standard .card__link:focus-visible .card__title, .card.--theme.--standard .card__link:hover .card__title, .card.--theme.--standard .card__link:focus-visible .card__title {
  animation: cardTextAnimation 0.6s;
}
.card.--tile.--standard .card__link::before, .card.--theme.--standard .card__link::before {
  content: '';
  position: absolute;
  block-size: 100%;
  inline-size: 100%;
  background: linear-gradient(220deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}
@media (min-width: 36rem) {
  .card.--tile.--standard .card__link::before, .card.--theme.--standard .card__link::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  }
}
.card.--tile.--standard .card__title, .card.--theme.--standard .card__title {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin-block-start: auto;
  padding: var(--padding-medium);
  color: var(--color-white);
  font-size: var(--font-size--md);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 36rem) {
  .card.--tile.--standard .card__title, .card.--theme.--standard .card__title {
    inset: auto 0 0 0;
  }
}
.card.--tile.--standard .card__image, .card.--theme.--standard .card__image {
  block-size: 100%;
  inline-size: 100%;
  max-block-size: 25rem;
  aspect-ratio: 2.8;
  object-fit: cover;
  transition: var(--transition);
}
@media (min-width: 36rem) {
  .card.--tile.--standard .card__image, .card.--theme.--standard .card__image {
    aspect-ratio: 0.79;
    max-inline-size: 20rem;
  }
}