/* Sketch Landing — What to expect cards. */

.sklpe__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}
.sklpe-card {
	padding: clamp(22px, 2.2vw, 30px);
	border-radius: var(--lp-radius);
	background: var(--lp-panel);
	border: 1px solid transparent;
	transition: transform 0.35s var(--lp-ease), border-color 0.25s ease;
}
.sklpe-card:hover { transform: translateY(-3px); border-color: #d8d4ff; }
.sklpe-card__num {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: var(--lp-ink-2);
	color: var(--lp-lime);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	font-variant-numeric: tabular-nums;
}
.sklpe-card__title {
	margin: 0 0 10px;
	font-size: clamp(18px, 1.45vw, 21px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.015em;
	color: var(--lp-ink);
}
.sklpe-card__text { font-size: 15px; line-height: 1.6; color: var(--lp-muted); }

@media (max-width: 900px) {
	.sklpe__grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.sklpe-card { transition: none; }
}