.ced-work {
	background: var(--wp--preset--color--ink);
	position: relative;
}
.ced-work__head {
	display: grid; gap: var(--wp--preset--spacing--sm);
	max-width: var(--page-max);
	margin: 0 auto var(--wp--preset--spacing--lg);
}
.ced-work__title {
	font-size: clamp(2.5rem, 6vw, 5.5rem);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 1;
	margin: 0;
	color: var(--wp--preset--color--paper);
}
.ced-work__lede {
	color: var(--wp--preset--color--mist);
	font-size: var(--wp--preset--font-size--lg);
	max-width: 60ch;
	line-height: 1.5;
	margin: 0;
}

.ced-work__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--sm);
}
@media (min-width: 800px)  { .ced-work__grid { grid-template-columns: repeat(2, 1fr); gap: var(--wp--preset--spacing--md); } }

.ced-card {
	--card-accent: var(--wp--preset--color--lime);
	position: relative;
	border-radius: var(--wp--custom--radius--lg);
	overflow: hidden;
	background: var(--wp--preset--color--graphite);
	transition: transform var(--wp--custom--transition--smooth), background var(--wp--custom--transition--smooth);
}

/* Per-tone card backgrounds — colorful, not just dark */
.ced-card--sand   { --card-accent: var(--wp--preset--color--sunset);  background: linear-gradient(135deg, #2a1f15 0%, #1a1410 100%); }
.ced-card--ink    { --card-accent: var(--wp--preset--color--lavender); background: linear-gradient(135deg, #14121f 0%, #0c0c10 100%); }
.ced-card--paper  { --card-accent: var(--wp--preset--color--coral);   background: linear-gradient(135deg, #f4e5c9 0%, #fbf6e9 100%); color: var(--wp--preset--color--ink); }
.ced-card--forest { --card-accent: var(--wp--preset--color--sage);    background: linear-gradient(135deg, #1d2a26 0%, #0e1a18 100%); }
.ced-card--rose   { --card-accent: var(--wp--preset--color--rose);    background: linear-gradient(135deg, #2a141d 0%, #1a0c14 100%); }
.ced-card--graphite { --card-accent: var(--wp--preset--color--sky);   background: linear-gradient(135deg, #0e1a1a 0%, #15282a 100%); }

.ced-card--paper .ced-card__title,
.ced-card--paper .ced-card__platform {
	color: var(--wp--preset--color--ink);
}
.ced-card--paper .ced-card__detail dt { color: rgba(5,5,7,0.5); }
.ced-card--paper .ced-card__detail dd { color: rgba(5,5,7,0.7); }
.ced-card--paper .ced-card__year      { color: rgba(5,5,7,0.5); }
.ced-card--paper .ced-card__view      { color: var(--wp--preset--color--ink); }
.ced-card:nth-child(odd) { transform: translateY(0); }
@media (min-width: 800px) {
	.ced-card:nth-child(even) { transform: translateY(var(--wp--preset--spacing--md)); }
}
.ced-card:hover { transform: translateY(-6px); }
@media (min-width: 800px) {
	.ced-card:nth-child(even):hover { transform: translateY(calc(var(--wp--preset--spacing--md) - 6px)); }
}

.ced-card__link {
	display: grid;
	gap: 1rem;
	color: inherit;
	text-decoration: none;
	padding: clamp(1.25rem, 2vw, 1.75rem);
	height: 100%;
}

.ced-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: var(--wp--custom--radius--md);
	overflow: hidden;
	background: var(--wp--preset--color--stone);
}
.ced-card__media img,
.ced-card__placeholder {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 880ms var(--ease-emph), filter 880ms var(--ease-emph);
}
.ced-card:hover .ced-card__media img,
.ced-card:hover .ced-card__placeholder { transform: scale(1.04); }

.ced-card__placeholder {
	display: grid; place-items: center;
	color: var(--wp--preset--color--paper);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(4rem, 12vw, 9rem);
	font-weight: 300;
	letter-spacing: -0.06em;
}
.ced-card__placeholder[data-tone="ink"]    { background: linear-gradient(135deg, #0c0c10, #1c1c22); }
.ced-card__placeholder[data-tone="paper"]  { background: linear-gradient(135deg, #d6d2c8, #f1ede4); color: var(--wp--preset--color--ink); }
.ced-card__placeholder[data-tone="sand"]   { background: linear-gradient(135deg, #b09b78, #e8d8b9); color: var(--wp--preset--color--ink); }
.ced-card__placeholder[data-tone="forest"] { background: linear-gradient(135deg, #1d2a26, #3a4f44); color: #d4ff4f; }
.ced-card__placeholder[data-tone="rose"]   { background: linear-gradient(135deg, #b6727f, #f0c2c8); color: var(--wp--preset--color--ink); }

.ced-card__meta {
	display: flex; align-items: center; justify-content: space-between;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--micro);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--fog);
}
.ced-card__platform {
	display: inline-flex; align-items: center; gap: 0.6rem;
	color: var(--wp--preset--color--paper);
}
.ced-card__platform-dot {
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--card-accent);
	box-shadow: 0 0 0 4px color-mix(in oklab, var(--card-accent) 24%, transparent);
}
.ced-card__year { color: var(--wp--preset--color--ash); }

.ced-card__title {
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.04;
	margin: 0;
	color: var(--wp--preset--color--paper);
}

.ced-card__detail { margin: 0; display: grid; gap: 0.75rem; }
.ced-card__detail > div { display: grid; grid-template-columns: 80px 1fr; gap: 1rem; }
.ced-card__detail dt {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--micro);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--fog);
	margin: 0; padding-top: 2px;
}
.ced-card__detail dd {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--mist);
	line-height: 1.5;
}
.ced-card__result {
	color: var(--card-accent) !important;
	font-weight: 500;
}

.ced-card__view {
	margin-top: auto;
	display: inline-flex;
	align-items: center; gap: 0.5rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--paper);
	transition: gap var(--wp--custom--transition--swift);
}
.ced-card:hover .ced-card__view { gap: 0.85rem; color: var(--card-accent); }