/* Partial: project-card */
.sw-project-card {
	position: relative;
	display: grid;
	aspect-ratio: 451 / 400;
	overflow: hidden;
	background: var(--color-bg-alt);
}

.sw-project-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--overlay-card);
	pointer-events: none;
}

.sw-project-card__image {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	transition: transform 400ms ease;
}
.sw-project-card:hover .sw-project-card__image { transform: scale(1.04); }

.sw-project-card__arrow {
	position: absolute;
	z-index: 1;
	inset-block-start: var(--space-24);
	inset-inline-end: var(--space-24);
}
.sw-project-card:hover .sw-project-card__arrow { background: var(--color-primary); color: var(--color-on-primary); }

.sw-project-card__content {
	position: relative;
	display: grid;
	z-index: 1;
	align-self: end;
	padding: var(--space-24);
}

/* The whole card is the link; the popup opens via Fancybox (data-fancybox="sw-projects") */
.sw-project-card__link {
	position: absolute;
	inset: 0;
	display: grid;
	color: inherit;
	text-decoration: none;
}
.sw-project-card__link:focus-visible { outline: none; }
.sw-project-card:has(.sw-project-card__link:focus-visible) { outline: var(--focus-ring); outline-offset: 2px; }