.link-card {
	display: flex;
	flex-direction: column;
	gap: var(--system-spacing-gap-md);
	height: 100%;
	padding: var(--system-spacing-inset-md);
	border-radius: var(--system-border-radius-md);
	background-color: var(--system-bg-box);
	color: var(--system-fg);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.link-card:hover,
.link-card:focus-visible {
	background-color: var(--system-bg-box-hover);
}

.link-card__media {
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--system-border-radius-sm);
	background-color: var(--system-bg-box-nested);
}

.link-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.link-card__media--fan {
	position: relative;
	aspect-ratio: 16 / 9;
}

.link-card__body,
.link-card__heading {
	display: flex;
	flex-direction: column;
}

.link-card__body {
	flex: 1;
	gap: var(--system-spacing-gap-sm);
}

.link-card__heading { gap: var(--system-spacing-gap-3xs); }

.link-card__eyebrow {
	color: var(--system-fg-muted);
}

.link-card__text {
	display: -webkit-box;
	overflow: hidden;
	color: var(--system-fg-muted);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
}

.link-card > .logo-row {
	color: var(--system-fg-subtle);
}