.news-archive .section__inner {
	container-type: inline-size;
}

.news-archive {
	--news-archive-hover-transition: opacity var(--motion-fast, 0.25s) var(--motion-ease, ease);
}

@media (prefers-reduced-motion: no-preference) {
	.news-archive__social-link,
	.news-archive__filter-link,
	.news-archive__pagination-item .page-numbers,
	.news-archive__card-action .button,
	.news-archive__card-action .button__icon {
		transition: var(--news-archive-hover-transition);
	}

	.news-archive__card-action .button {
		transition:
			opacity var(--motion-fast, 0.25s) var(--motion-ease, ease),
			color var(--motion-fast, 0.25s) var(--motion-ease, ease);
	}
}

.news-archive__inner {
	display: grid;
	gap: clamp(3rem, 8vw, 5.625rem);
	padding-block-end: clamp(5rem, 12vw, 10rem);
}

.news-archive__header {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 3.125rem;
	justify-content: space-between;
}

.news-archive__title {
	color: var(--color-dark);
	line-height: 1.3;
	margin: 0;
	max-inline-size: 16ch;
	text-transform: uppercase;
}

.news-archive__social {
	display: grid;
	gap: 0.375rem;
	justify-items: end;
	margin-inline-start: auto;
	text-align: end;
}

.news-archive__social-eyebrow {
	color: var(--color-dark);
	font-family: var(--font-family-body);
	font-size: 1rem;
	line-height: 1.4;
	margin: 0;
	text-transform: uppercase;
}

.news-archive__social-links {
	align-items: center;
	color: var(--color-dark);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--font-family-body);
	font-size: 1rem;
	gap: 0.34375rem;
	justify-content: flex-end;
	line-height: 1.4;
	text-transform: uppercase;
}

.news-archive__social-link {
	color: inherit;
	opacity: 0.5;
	text-decoration: none;
}

.news-archive__social-link:hover,
.news-archive__social-link:focus-visible {
	opacity: 1;
	text-decoration: none;
}

.news-archive__social-sep {
	opacity: 1;
}

.news-archive__body {
	display: grid;
	gap: clamp(1.5rem, 4vw, 1.875rem);
}

.news-archive__filters {
	display: grid;
	gap: 0.375rem;
}

.news-archive__filters-label {
	color: var(--color-dark);
	font-family: var(--font-family-body);
	font-size: 0.8125rem;
	line-height: 1.4;
	margin: 0;
	opacity: 0.5;
	text-transform: uppercase;
}

.news-archive__filter-nav {
	align-items: center;
	color: var(--color-dark);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--font-family-body);
	font-size: 1rem;
	gap: 0.5rem;
	line-height: 1.4;
	text-transform: uppercase;
}

.news-archive__filter-link {
	color: inherit;
	opacity: 0.5;
	text-decoration: none;
}

.news-archive__filter-link.is-active,
.news-archive__filter-link:hover,
.news-archive__filter-link:focus-visible {
	opacity: 1;
}

.news-archive__filter-link.is-active {
	font-weight: 500;
}

.news-archive__filter-sep {
	opacity: 0.5;
}

.news-archive__list {
	display: grid;
	gap: clamp(3rem, 8vw, 5rem);
}

.news-archive__card {
	align-items: center;
	display: grid;
	gap: clamp(1.5rem, 4vw, 3.125rem);
}

@container (min-width: 48rem) and (max-width: 79.99rem) {
	.news-archive__card {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.news-archive__card-media {
		block-size: clamp(14rem, 28vw, 24rem);
	}
}

@container (min-width: 80rem) {
	.news-archive__card {
		grid-template-columns: minmax(0, 47.5rem) minmax(0, 1fr);
	}
}

.news-archive__card-media {
	block-size: clamp(15rem, 40vw, 30rem);
	overflow: hidden;
}

.news-archive__card-media .media {
	block-size: 100%;
}

.news-archive__card-media img {
	block-size: 100%;
	inline-size: 100%;
	object-fit: cover;
}

.news-archive__card-content {
	display: grid;
	gap: clamp(1.25rem, 3vw, 1.875rem);
}

.news-archive__card-copy {
	color: var(--color-dark);
	display: grid;
	gap: clamp(1rem, 2.5vw, 1.25rem);
}

.news-archive__card-meta {
	align-items: center;
	color: var(--color-dark);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--font-family-body);
	font-size: 1rem;
	gap: 10px;
	line-height: 1.4;
	margin: 0;
	opacity: 0.5;
	text-transform: uppercase;
}

.news-archive__card-meta-sep {
	opacity: 1;
}

.news-archive__card-title {
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.news-archive__card-excerpt {
	color: var(--color-dark);
	margin: 0;
	opacity: 0.5;
}

.news-archive__card-excerpt p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	text-overflow: ellipsis;
}

.news-archive__card-action .button {
	--button-pad-block: 0;
	--button-pad-inline: 0;
	--button-min-size: auto;

	color: var(--color-dark);
	font-size: 1rem;
	min-block-size: 0;
	padding: 0;
	text-transform: uppercase;
}

.news-archive__empty {
	color: var(--color-dark);
	margin: 0;
}

.news-archive__pagination {
	margin-block-start: clamp(1rem, 3vw, 2rem);
}

.news-archive__pagination-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-archive__pagination-item {
	margin: 0;
}

.news-archive__pagination-item .page-numbers {
	color: var(--color-dark);
	font-family: var(--font-family-body);
	font-size: 1rem;
	line-height: 1.4;
	opacity: 0.5;
	text-decoration: none;
	text-transform: uppercase;
}

.news-archive__pagination-item .page-numbers.current,
.news-archive__pagination-item .page-numbers:hover,
.news-archive__pagination-item .page-numbers:focus-visible {
	opacity: 1;
}

@container (max-width: 47.99rem) {
	.news-archive__header {
		flex-direction: column;
	}

	.news-archive__social {
		justify-items: start;
		margin-inline-start: 0;
		text-align: start;
	}

	.news-archive__social-links {
		justify-content: flex-start;
	}

	.news-archive__title {
		font-size: clamp(2rem, 8vw, 3.875rem) !important;
		max-inline-size: none;
	}
}