/* Visitor creations: the /latest/ gallery and the strip on each design page. */
.cz_latest {
	list-style: none;
	margin: 22px 0 0 !important;
	padding: 0 !important;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: clamp(12px, 2vw, 22px);
}
.cz_latest_card, #cz_latest li.cz_latest_card { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.cz_latest_card a {
	display: flex; flex-direction: column; gap: 6px; height: 100%;
	padding: 10px 10px 14px;
	border-radius: 22px;
	background:
		radial-gradient(circle at 20% 14%, #FFE3F1 0, rgba(255, 227, 241, 0) 42%),
		radial-gradient(circle at 84% 72%, #DCEEFB 0, rgba(220, 238, 251, 0) 46%),
		#fff;
	box-shadow: 0 1px 0 rgba(14, 42, 71, .04), 0 16px 30px -18px rgba(14, 42, 71, .3);
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease;
}
.cz_latest_card a:hover { transform: translateY(-3px); box-shadow: 0 1px 0 rgba(14, 42, 71, .04), 0 24px 40px -20px rgba(14, 42, 71, .4); }
.cz_latest_img { display: block; aspect-ratio: 1; }
.cz_latest_img img { display: block; width: 100%; height: 100%; object-fit: contain; background: none !important; border-radius: 0 !important; }
.cz_latest_name { padding: 0 4px; font-family: var(--gp-display, 'Bricolage Grotesque'), system-ui, sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: #0E2A47; }
.cz_latest_cta { padding: 0 4px; font-size: 1.3rem; font-weight: 600; color: #C40075; }
.cz_latest_empty { color: #4E6479; }

@media (max-width: 767px) {
	.cz_latest { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (prefers-reduced-motion: reduce) { .cz_latest_card a { transition: none; } }