.pca-card {
	--pca-card-bg: #f5f5f5;
	--pca-card-bg-hover: #f5f5f5;
	--pca-top-bg: #c8e54e;
	--pca-top-bg-hover: #101010;
	--pca-word-stroke: #1a1a1a;
	--pca-word-stroke-hover: #ffffff;
	--pca-word-fill: transparent;
	--pca-word-fill-hover: transparent;
	--pca-word-offset: -12px;
	--pca-word-restart-gap: 32px;
	--pca-word-loop-duration: 8000ms;
	--pca-title-hover: #252b37;
	--pca-description-hover: #434a57;
	--pca-card-border-hover: #dedede;
	--pca-duration: 450ms;
	background: var(--pca-card-bg);
	border: 1px solid #dedede;
	display: flex;
	flex-direction: column;
	min-height: 420px;
	overflow: hidden;
	position: relative;
	transition: background-color var(--pca-duration) ease, border-color var(--pca-duration) ease, box-shadow var(--pca-duration) ease;
}

.pca-card--advisory {
	--pca-card-bg: #f5f5f5;
	--pca-card-bg-hover: #f5f5f5;
	--pca-top-bg: #c8e54e;
	--pca-top-bg-hover: #101010;
	--pca-word-stroke: #1a1a1a;
	--pca-word-stroke-hover: #ffffff;
	--pca-title-hover: #252b37;
	--pca-description-hover: #434a57;
	--pca-card-border-hover: #dedede;
}

.pca-card--growth {
	--pca-card-bg: #f4f7ef;
	--pca-card-bg-hover: #f4f7ef;
	--pca-top-bg: #b8e36e;
	--pca-top-bg-hover: #24453a;
	--pca-word-stroke: #24453a;
	--pca-word-stroke-hover: #d8f28f;
	--pca-title-hover: #1e352d;
	--pca-description-hover: #365347;
	--pca-card-border-hover: #cdd9c2;
}

.pca-card--impact {
	--pca-card-bg: #f8f1eb;
	--pca-card-bg-hover: #f8f1eb;
	--pca-top-bg: #f2bf8c;
	--pca-top-bg-hover: #43281b;
	--pca-word-stroke: #43281b;
	--pca-word-stroke-hover: #ffd4a6;
	--pca-title-hover: #3c261a;
	--pca-description-hover: #604435;
	--pca-card-border-hover: #ddc6b2;
}

.pca-card--minimal {
	--pca-card-bg: #ffffff;
	--pca-card-bg-hover: #ffffff;
	--pca-top-bg: #ececec;
	--pca-top-bg-hover: #111111;
	--pca-word-stroke: #111111;
	--pca-word-stroke-hover: #ffffff;
	--pca-title-hover: #111111;
	--pca-description-hover: #444444;
	--pca-card-border-hover: #d9d9d9;
}

.pca-card:hover,
.pca-card:focus-within {
	background: var(--pca-card-bg-hover);
	border-color: var(--pca-card-border-hover);
}

.pca-card__media {
	align-items: flex-end;
	background: var(--pca-top-bg);
	display: flex;
	height: 140px;
	overflow: hidden;
	padding: 0;
	position: relative;
	transition: background-color var(--pca-duration) ease;
}

.pca-card:hover .pca-card__media,
.pca-card:focus-within .pca-card__media {
	background: var(--pca-top-bg-hover);
}

.pca-card__word-track {
	align-items: flex-end;
	bottom: -0.18em;
	display: inline-flex;
	gap: var(--pca-word-restart-gap);
	left: 0;
	position: absolute;
	transform: translate3d(var(--pca-word-offset), 0, 0);
	transition: transform var(--pca-duration) ease;
	will-change: transform;
	white-space: nowrap;
	width: max-content;
}

.pca-card.is-word-running .pca-card__word-track {
	transition: none;
}

.pca-card__word {
	-webkit-text-fill-color: var(--pca-word-fill);
	-webkit-text-stroke-color: var(--pca-word-stroke);
	-webkit-text-stroke-width: 1px;
	color: transparent;
	display: inline-block;
	flex: 0 0 auto;
	font-size: 180px;
	font-weight: 700;
	line-height: 0.85;
	padding-left: 0.04em;
	transition: -webkit-text-stroke-color var(--pca-duration) ease, -webkit-text-fill-color var(--pca-duration) ease;
}

.pca-card:hover .pca-card__word,
.pca-card:focus-within .pca-card__word {
	-webkit-text-fill-color: var(--pca-word-fill-hover);
	-webkit-text-stroke-color: var(--pca-word-stroke-hover);
}

.pca-card__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 18px;
	padding: 24px;
}

.pca-card__title {
	color: #252b37;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
	transition: color var(--pca-duration) ease;
}

.pca-card:hover .pca-card__title,
.pca-card:focus-within .pca-card__title {
	color: var(--pca-title-hover);
}

.pca-card__description,
.pca-card__description p {
	color: #434a57;
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
	transition: color var(--pca-duration) ease;
}

.pca-card__description > *:last-child {
	margin-bottom: 0;
}

.pca-card:hover .pca-card__description,
.pca-card:hover .pca-card__description p,
.pca-card:focus-within .pca-card__description,
.pca-card:focus-within .pca-card__description p {
	color: var(--pca-description-hover);
}

.pca-card__button-wrap {
	margin-top: auto;
	opacity: 0;
	pointer-events: none;
	transform: translateY(14px);
	transition: opacity var(--pca-duration) ease, transform var(--pca-duration) ease;
}

.pca-card:hover .pca-card__button-wrap,
.pca-card:focus-within .pca-card__button-wrap {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.pca-card__button {
	align-items: center;
	background: #252b37;
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	line-height: 1;
	padding: 12px 18px;
	text-decoration: none;
	transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.pca-card__button:hover,
.pca-card__button:focus {
	outline: none;
	transform: translateY(-1px);
}

@media (max-width: 767px) {
	.pca-card__word {
		font-size: 132px;
	}
}

@media (hover: none) {
	.pca-card__button-wrap {
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}
}