.latest-card {
  -webkit-margin-after: var(--space-24);
  margin-block-end: var(--space-24);
}
.latest-card__meta {
  -webkit-margin-after: var(--space-8);
  align-items: center;
  -moz-column-gap: var(--space-16);
  column-gap: var(--space-16);
  display: flex;
  margin-block-end: var(--space-8);
}
.latest-card__meta__time {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-overline-1-size) * 1px);
  font-size: calc(var(--t-overline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-overline-1-weight),
    "wdth" var(--t-overline-1-width);
  letter-spacing: var(--t-overline-1-letter-spacing);
  line-height: calc(var(--t-overline-1-line-height) * 1px);
  line-height: calc(var(--t-overline-1-line-height) / var(--t-overline-1-size));
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .latest-card__meta__time {
    font-size: calc(var(--t-overline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .latest-card__meta__time {
    font-size: calc(var(--t-overline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .latest-card__meta__time {
    font-size: calc(var(--t-overline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .latest-card__meta__time {
    font-size: calc(var(--t-overline-1-size) / 1920 * 100vw);
  }
}
.latest-card__media {
  -webkit-margin-after: var(--space-16);
  border-radius: var(--border-radius);
  margin-block-end: var(--space-16);
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
}
.latest-card__media a {
  display: block;
}
.latest-card__media img,
.latest-card__media video {
  aspect-ratio: 1/1;
  transform: scale(1.05);
  transition: transform 0.25s;
  width: 100%;
}
.latest-card__media .button {
  bottom: var(--space-16);
  left: var(--space-16);
  position: absolute;
}
.latest-card__text {
  -webkit-padding-end: var(--space-24);
  padding-inline-end: var(--space-24);
}
.latest-card__text a {
  color: inherit;
  text-decoration: none;
}
.latest-card__text .title {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-2-size) * 1px);
  font-size: calc(var(--t-headline-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-2-weight),
    "wdth" var(--t-headline-2-width);
  letter-spacing: var(--t-headline-2-letter-spacing);
  line-height: calc(var(--t-headline-2-line-height) * 1px);
  line-height: calc(var(--t-headline-2-line-height) / var(--t-headline-2-size));
}
@media (min-width: 640px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-2-size) / 1920 * 100vw);
  }
}
.latest-card__text .title span {
  color: gray;
}
.latest-card__text p {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  -webkit-margin-after: var(--space-8);
  color: var(--theme-foreground-faded);
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-1-size) * 1px);
  font-size: calc(var(--t-body-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-1-weight),
    "wdth" var(--t-body-1-width);
  letter-spacing: var(--t-body-1-letter-spacing);
  line-height: calc(var(--t-body-1-line-height) * 1px);
  line-height: calc(var(--t-body-1-line-height) / var(--t-body-1-size));
  margin-block-end: var(--space-8);
}
@media (min-width: 640px) {
  .latest-card__text p {
    font-size: calc(var(--t-body-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .latest-card__text p {
    font-size: calc(var(--t-body-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .latest-card__text p {
    font-size: calc(var(--t-body-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .latest-card__text p {
    font-size: calc(var(--t-body-1-size) / 1920 * 100vw);
  }
}
.latest-card__tags {
  display: none;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .latest-card:hover img,
  .latest-card:hover video {
    transform: scale(1);
  }
}
@media (min-width: 40rem) {
  .latest-card__media {
    -webkit-margin-after: var(--space-12);
    margin-block-end: var(--space-12);
  }
  .latest-card__text .title {
    font-feature-settings: "liga" on;
    font-feature-settings: "ss12" off, "liga" on;
    -webkit-margin-after: var(--space-8);
    font-family: var(--text-sans);
    font-size: calc(var(--t-headline-1-size) * 1px);
    font-size: calc(var(--t-headline-1-size) / 390 * 100vw);
    font-variation-settings: "wght" var(--t-headline-1-weight),
      "wdth" var(--t-headline-1-width);
    letter-spacing: var(--t-headline-1-letter-spacing);
    line-height: calc(var(--t-headline-1-line-height) * 1px);
    line-height: calc(
      var(--t-headline-1-line-height) / var(--t-headline-1-size)
    );
    margin-block-end: var(--space-8);
  }
}
@media (min-width: 40rem) and (min-width: 640px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 40rem) and (min-width: 1024px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 40rem) and (min-width: 1440px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 40rem) and (min-width: 1920px) {
  .latest-card__text .title {
    font-size: calc(var(--t-headline-1-size) / 1920 * 100vw);
  }
}
@media (min-width: 40rem) {
  .latest-card__tags {
    display: block;
  }
}
@media (min-width: 64rem) {
  .latest-card__media {
    -webkit-margin-after: var(--space-16);
    margin-block-end: var(--space-16);
  }
}