body.post article {
	margin: 112px 0 200px;
	font-size: 1em;
	--image-row-grid-gap: 30px;
}

body.post article > :last-child {
	margin-bottom: 0px;
}

h2.post-headline {
	margin-bottom: 42px;
	font-size: 1em;
	font-family: 'Harriet-Bold';
}

h2.post-headline i {
	font-family: 'Harriet-Bold-Italic';
	font-style: italic;
}

section.copy {
	line-height: 1.64;
	margin-bottom: 2em;
}

section.copy i {
	font-family: 'Harriet-Regular-Italic';
	font-style: italic;
}

figure.image-row {
	margin-bottom: var(--image-row-grid-gap);
}

figure.image-row ul {
	display: grid;
	grid-auto-rows: minmax(min-content, max-content);
	grid-gap: var(--image-row-grid-gap);
	align-items: start;
}

figure.image-row li {
	cursor: zoom-in;
}

figure.image-row img {
	display: block;	
	width: 100%;
	height: auto;
}

figure.image-row figcaption {
	font-family: 'Circular-Bold';
	font-size: 0.75em;
	padding: 0.81em 1em;
	margin: 30px 0 0;
}

@media (min-width: 1440px) and (max-width: 1749px) {
		
	body.post article {
		--image-row-grid-gap: calc(15px + (30 - 15) * (100vw - 1440px) / (1750 - 1440));
	}

	section.copy {
		margin-bottom: calc(30px + (50 - 30) * (100vw - 1440px) / (1750 - 1440));
	}
}

@media (min-width: 768px) and (max-width: 1339px) {

	body.post article {
		margin: 64px 0 200px;
	}
}

@media (max-width: 767px) {
	
	body.post article {
		margin: 45px 0 100px;
		--image-row-grid-gap: 15px;
	}
	
	section.copy {
		font-size: 0.857em;
	}
	
	h2.post-headline {
		margin-bottom: 25px;
	}
	
	figure.image-row {
		margin-bottom: var(--image-row-grid-gap);
	}
	
	figure.image-row figcaption {
		margin-top: var(--image-row-grid-gap);
	}
	
	figure.image-row ul[style] {
		grid-template-columns: 1fr !important;
		grid-auto-rows: auto;
	}
	
	figure.image-row li {
		cursor: auto;
	}
}