.scs-directory__filters {
	display: grid;
	grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr)) auto;
	gap: 1rem;
	align-items: end;
	padding: 1.25rem;
	margin-bottom: 1.5rem;
	background: #f3f0e8;
	border: 1px solid #ded9ca;
	border-radius: 18px;
}

.scs-directory__filters label,
.scs-directory__filters input,
.scs-directory__filters select {
	display: block;
	width: 100%;
}

.scs-directory__filters label {
	margin-bottom: .4rem;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.scs-directory__filters input,
.scs-directory__filters select,
.scs-directory__filters button {
	min-height: 48px;
	padding: .7rem .85rem;
	border: 1px solid #c8c2b2;
	border-radius: 9px;
	font: inherit;
}

.scs-directory__filters button {
	color: #fff;
	background: #244c3a;
	border-color: #244c3a;
	font-weight: 750;
	cursor: pointer;
}

.scs-directory__count {
	color: #62665f;
}

.scs-document-list {
	display: grid;
	gap: .75rem;
}

.scs-document-row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1rem;
	align-items: center;
	padding: 1.1rem;
	border: 1px solid #ded9ca;
	border-radius: 14px;
	background: #fff;
}

.scs-document-row__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 56px;
	color: #fff;
	background: #a74a2a;
	clip-path: polygon(0 0, 72% 0, 100% 24%, 100% 100%, 0 100%);
	font-size: .65rem;
	font-weight: 850;
}

.scs-document-row__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem .8rem;
	color: #6d716a;
	font-size: .78rem;
	font-weight: 700;
	text-transform: uppercase;
}

.scs-document-row h3,
.scs-event-card h3,
.scs-project-card h3 {
	margin: .35rem 0;
}

.scs-document-row p {
	margin: .35rem 0 0;
}

.scs-document-row__value {
	font-weight: 800;
}

.scs-document-row__download {
	padding: .65rem .85rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: .85rem;
	font-weight: 750;
	white-space: nowrap;
}

.scs-pagination ul {
	display: flex;
	gap: .4rem;
	padding: 0;
	list-style: none;
}

.scs-event-grid,
.scs-project-grid,
.scs-contact-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

.scs-event-card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	padding: 1.25rem;
	background: #fff;
	border: 1px solid #ded9ca;
	border-radius: 16px;
}

.scs-event-card__date {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 72px;
	color: #fff;
	background: #a74a2a;
	border-radius: 12px;
	text-transform: uppercase;
}

.scs-event-card__date strong {
	font-size: 1.6rem;
	line-height: 1;
}

.scs-event-card__eyebrow,
.scs-project-card__status {
	margin: 0;
	color: #a74a2a;
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.scs-project-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid #ded9ca;
	border-radius: 18px;
}

.scs-project-card__image {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.scs-project-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.scs-project-card__body {
	padding: 1.25rem;
}

.scs-contact-grid > div {
	display: flex;
	flex-direction: column;
	gap: .35rem;
	padding: 1.25rem;
	background: #f3f0e8;
	border-radius: 14px;
}

.scs-contact-grid span {
	color: #6d716a;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

@media (max-width: 900px) {
	.scs-directory__filters,
	.scs-event-grid,
	.scs-project-grid,
	.scs-contact-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 640px) {
	.scs-directory__filters,
	.scs-event-grid,
	.scs-project-grid,
	.scs-contact-grid,
	.scs-document-row {
		grid-template-columns: 1fr;
	}

	.scs-document-row__download {
		justify-self: start;
	}
}