.card_main_grid.is-list {
  width: calc(100% - var(--site--margin) * 2);
  display: flex;
  flex-flow: column;
  max-width: var(--max-width--full);
  padding: 0;
}

.card_main_grid.is-list .card_main_content {
  aspect-ratio: auto;
  overflow: visible;
}

.card_main_grid.is-list .card_main_hover {
  position: static;
  color: var(--swatch--dark-900);
  padding: 0.9375rem 0;
  background-image: none;
}

.card_main_grid.is-list .card_main_content.-wfp-hover,
.card_main_grid.is-list .card_main_content:hover {
  border-top-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.card_main_grid.is-list .card_main_hover_heading {
  display: grid;
  width: 100%;
  padding: 1.875rem 0;
  align-items: center;
  border-bottom-color: var(--swatch--dark-900);
}
.card_main_grid.is-list .card_main_hover_label {
  grid-area: 1 / 3 / 2 / 4;
}

.card_main_grid.is-list .card_main_hover_label > :nth-child(2) {
  display: none;
}

.card_main_grid.is-list .u-text-style-h2,
.card_main_grid.is-list .u_text_medium,
.card_main_grid.is-list .label {
  font-size: var(--_typography---font-size--h4);
  font-weight: var(--_typography---font--primary-regular);
}

.card_main_grid.is-list .works-link.show-desktop {
  position: absolute;
  top: 50%;
  right: 9.375rem;
  overflow: hidden;
  width: 18.75rem;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 0.3125rem;
  transform: translate(0px, -50%);
  opacity: 0;
}

@media screen and (max-width: 990px) {
  .card_main_grid.is-list .card_main_year_wrap,
  .card_main_grid.is-list [card-tagline],
  .card_main_grid.is-list [card-label-wrap] {
    display: none;
  }

  .card_main_grid.is-list .card_main_link {
    display: flex;
  }
  .card_main_grid.is-list .card_main_hover_heading {
    display: flex;
    flex-direction: row;
  }

  .card_main_grid.is-list
    .card_main_content:not(:hover)
    .works-link.show-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 991px) {
  .card_main_grid.is-list .works-link {
    opacity: 0;
  }

  .card_main_grid.is-list .card_main_content:hover .works-link {
    opacity: 1;
  }
}