/* Bring the archive title closer to the menu without changing shared headers. */
.post-type-archive-news .content-header-section {
	min-height: clamp(9.5rem, 17.5vw, 17rem);
	padding-top: 0;
}

.news-archive {
	--news-chamfer: var(--chamfer-full-desktop);
	background: var(--sz-chalk);
	color: var(--sz-graphite);
	position: relative;
	font-size: var(--type-body-r-size);
	font-weight: var(--type-body-r-weight);
	line-height: var(--type-body-r-line);
}

.news-archive::before,
.news-archive::after {
	background: var(--sz-stone);
	bottom: 0;
	content: "";
	height: var(--news-chamfer);
	pointer-events: none;
	position: absolute;
	width: var(--news-chamfer);
}
.news-archive::before { clip-path: polygon(0 0, 0 100%, 100% 100%); left: 0; }
.news-archive::after { clip-path: polygon(100% 0, 100% 100%, 0 100%); right: 0; }

.news-archive__inner {
	margin-inline: auto;
	max-width: 76rem;
	/* Let the shared Content Header module own the spacing above the list. */
	padding: 0 var(--layout-margin-desktop) calc(4rem + var(--news-chamfer));
}
.news-archive__article {
	align-items: center;
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 1fr) minmax(0, 17.5rem);
	padding-block: 3rem;
}
.news-archive__article:first-child { padding-top: 0; }
.news-archive__article + .news-archive__article { border-top: var(--stroke-width) solid var(--sz-grid-line); }
.news-archive__article--no-image { grid-template-columns: minmax(0, 1fr); }
.news-archive__copy { min-width: 0; overflow-wrap: anywhere; }
.news-archive__title {
	font-family: var(--font-heading);
	font-size: var(--type-heading-s-size);
	font-weight: 500;
	letter-spacing: .02em;
	line-height: var(--type-heading-s-line);
	margin: 0 0 1.5rem;
	text-transform: uppercase;
}
.news-archive__title a { text-decoration: none; }
.news-archive__title a:hover { text-decoration: none; }
.news-archive__description {
	font-size: var(--type-body-s-size);
	font-weight: var(--type-body-s-weight);
	line-height: var(--type-body-s-line);
}
.news-archive__description > :first-child { margin-top: 0; }
.news-archive__description > :last-child { margin-bottom: 0; }
.news-archive__description p + p { margin-top: 1rem; }
.news-archive__image-link { aspect-ratio: 1; display: block; position: relative; }
.news-archive__image-link::after {
	border: 1px solid var(--sz-graphite);
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity var(--control-transition);
}
.news-archive__image-link:hover::after,
.news-archive__image-link:focus-visible::after { opacity: 1; }
.news-archive__image { display: block; height: 100%; object-fit: cover; width: 100%; }
.news-archive .pagination { margin-top: 2rem; }
.news-archive .nav-links { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; }
.news-archive .page-numbers { padding: .5rem .75rem; }
.news-archive .page-numbers.current { background: var(--sz-graphite); color: var(--sz-chalk); }

@media (max-width: 64rem) {
	.post-type-archive-news .content-header-section { min-height: 9.5rem; }
	.news-archive__title {
		font-size: var(--type-heading-m-size);
		line-height: var(--type-heading-m-line);
	}
	.news-archive__description {
		font-size: var(--type-body-r-size);
		font-weight: var(--type-body-r-weight);
		line-height: var(--type-body-r-line);
	}
	.news-archive { --news-chamfer: var(--chamfer-full-tablet); }
	.news-archive__inner { padding-inline: var(--layout-margin-tablet); }
	.news-archive__article { grid-template-columns: minmax(0, 1fr) minmax(0, 15rem); }
	.news-archive__article--no-image { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 40rem) {
	.post-type-archive-news .content-header-section { min-height: 9.25rem; }
}
@media (max-width: 48rem) {
	.news-archive { --news-chamfer: var(--chamfer-full-mobile); }
	.news-archive__inner { padding: 0 var(--layout-margin-mobile) calc(3rem + var(--news-chamfer)); }
	.news-archive__article { gap: 2rem; grid-template-columns: minmax(0, 1fr); padding-block: 2.5rem; }
	.news-archive__image-link { grid-row: 1; }
}