.phd-content-card-row {
  --phd-card-cta-justify: end;

  --phd-content-card-row-image-radius: var(--phd-border-radius-m);
  --phd-content-card-row-image-aspect-ratio: 2 / 1;

  --phd-content-card-row-taxonomy-font-size: .6875rem;
  --phd-content-card-row-taxonomy-font-weight: 400;
  --phd-content-card-row-taxonomy-color: oklch(from var(--phd-blue-900) l c h / .5);
  --phd-content-card-row-taxonomy-letter-spacing: .08em;
  --phd-content-card-row-taxonomy-text-transform: uppercase;

  --phd-content-card-row-heading-font-size: var(--phd-font-size-6);
  --phd-content-card-row-heading-font-weight: 450;
  --phd-content-card-row-heading-line-height: 1.1;
  --phd-content-card-row-heading-color: var(--phd-blue-800);

  --phd-content-card-row-description-font-size: var(--phd-font-size-3);
  --phd-content-card-row-description-line-height: 1.5;
  --phd-content-card-row-description-color: oklch(from var(--phd-blue-900) l c h / .75);

  --phd-content-card-row-play-size: 3.5rem;
  --phd-content-card-row-play-icon-size: 1.75rem;
  --phd-content-card-row-play-color: var(--phd-white);
  --phd-content-card-row-play-background: oklch(from var(--phd-blue-900) l c h / .55);
  --phd-content-card-row-play-background-hover: var(--phd-mint-600);
  --phd-content-card-row-play-backdrop-blur: 2px;
  --phd-content-card-row-play-radius: 50%;

  @media (max-width: 1024px) {
    --phd-content-card-row-heading-font-size: 1.325rem;
  }

  @media (max-width: 767px) {
    --phd-content-card-row-heading-font-size: var(--phd-font-size-5);
    --phd-card-cta-font-size: var(--phd-font-size-2);
  }
}

.phd-content-card-row--blue .phd-content-card-row {
  --phd-card-cta-color: var(--phd-blue-400);
}

.phd-content-card-row--video-thumbnail .phd-content-card-row__card--video {
  --phd-card-gap: var(--phd-space-3);
}

.phd-content-card-row--video-thumbnail .phd-content-card-row__card--video .phd-content-card-row__content {
  flex-grow: 0;
}

.phd-content-card-row__image {
  border-radius: var(--phd-content-card-row-image-radius) !important;
  aspect-ratio: var(--phd-content-card-row-image-aspect-ratio);
  width: 100%;
  object-fit: cover;
  display: block;
}

.phd-content-card-row__media {
  position: relative;
  display: block;
}

.phd-content-card-row__play {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--phd-content-card-row-play-size);
  height: var(--phd-content-card-row-play-size);
  border-radius: var(--phd-content-card-row-play-radius);
  color: var(--phd-content-card-row-play-color);
  background: var(--phd-content-card-row-play-background);
  backdrop-filter: blur(var(--phd-content-card-row-play-backdrop-blur));
  transition: background .3s ease, scale .3s ease;
}

.phd-content-card-row__play svg {
  width: var(--phd-content-card-row-play-icon-size);
  height: var(--phd-content-card-row-play-icon-size);

  margin-left: .08em;
}

.phd-content-card-row__card:hover .phd-content-card-row__play,
.phd-content-card-row__card:has(.phd-content-card-row__link:focus-visible) .phd-content-card-row__play {
  background: var(--phd-content-card-row-play-background-hover);
  scale: 1.08;
}

.phd-content-card-row__taxonomy {
  font-size: var(--phd-content-card-row-taxonomy-font-size);
  font-weight: var(--phd-content-card-row-taxonomy-font-weight);
  color: var(--phd-content-card-row-taxonomy-color);
  letter-spacing: var(--phd-content-card-row-taxonomy-letter-spacing);
  text-transform: var(--phd-content-card-row-taxonomy-text-transform);
}

h3.phd-content-card-row__heading {
  margin: 0;
  font-size: var(--phd-content-card-row-heading-font-size);
  font-weight: var(--phd-content-card-row-heading-font-weight);
  line-height: var(--phd-content-card-row-heading-line-height);
  color: var(--phd-content-card-row-heading-color);
}

.phd-content-card-row__description {
  margin: 0;
  font-size: var(--phd-content-card-row-description-font-size);
  line-height: var(--phd-content-card-row-description-line-height);
  color: var(--phd-content-card-row-description-color);
}

.phd-content-card-row__cta-label {
  color: inherit;
}

.phd-content-card-row__more {
  display: flex;
  justify-content: center;
  margin-block-start: var(--phd-space-8);
}

.phd-content-card-row__status--notice {
  display: block;
  margin-block-start: var(--phd-space-4);
  font-size: var(--phd-font-size-2);
  text-align: center;
}