/* Block: Publications list. Figma: Publications 1:524-1:548 */

.section--publications-list {
	--pt: clamp(40px, 3.75vw, 72px);
	--pb: clamp(0px, 4.7vw, 90px); /* with the footer's own margin: 210 under the last row */
}

.publications-list__heading { margin-bottom: var(--space-m); }

.publications-list {
	display: grid;
	gap: clamp(24px, 2.08vw, 40px);
	margin: 0;
}

.publication-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 70.18%; /* cover is 1158 of the 1650 container */
	gap: 24px;
}

.publication-row__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
	padding-top: clamp(10px, 0.89vw, 17px);
}

.publication-row__type {
	color: var(--c-ink-2);
	font-size: 0.875rem;
	line-height: 1.43;
	letter-spacing: -0.03em;
}

.publication-row__title {
	max-width: 17em;
	margin-top: clamp(4px, 0.47vw, 9px);
	letter-spacing: -0.05em;
	text-wrap: pretty;
}

.publication-row__meta {
	display: flex;
	gap: clamp(24px, 2.14vw, 41px);
	margin: 0;
}

.publication-row__meta dt { color: var(--c-ink-2); }
.publication-row__meta dd { margin: 0; }

.publication-row__media { aspect-ratio: 1158 / 620; }

a.publication-row .publication-row__title {
	display: inline;
	background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px;
	transition: background-size 0.4s var(--ease);
}

a.publication-row:hover .publication-row__title { background-size: 100% 1px; }

@media (max-width: 1024px) {
	.publication-row {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.publication-row__media { order: -1; }
	.publication-row__body { gap: 20px; padding-top: 0; }
	.publications-list { gap: var(--space-m); }
}