.sk-press-shell {
	width: min(1180px, calc(100% - 40px));
	margin-inline: auto;
}

.sk-press-archive,
.sk-press-article {
	padding-block: clamp(48px, 7vw, 96px);
}

.sk-press-archive__header {
	margin-bottom: clamp(36px, 5vw, 64px);
}

.sk-press-eyebrow,
.sk-press-card__date,
.sk-press-article__date {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sk-press-archive__title,
.sk-press-article__title {
	max-width: 980px;
	margin-block: 0.25em;
}

.sk-press-archive__intro {
	max-width: 760px;
	font-size: clamp(1rem, 2vw, 1.25rem);
	line-height: 1.6;
}

.sk-press-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}

.sk-press-card {
	overflow: hidden;
	border: 1px solid rgb(0 0 0 / 12%);
	border-radius: 8px;
	background: #fff;
}

.sk-press-card__image-link,
.sk-press-card__placeholder {
	display: block;
	aspect-ratio: 16 / 9;
	background: #f2eee8;
}

.sk-press-card__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sk-press-card__body {
	padding: 24px;
}

.sk-press-card__title {
	font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.sk-press-card__title a {
	color: inherit;
	text-decoration: none;
}

.sk-press-card__title a:hover,
.sk-press-card__title a:focus-visible {
	text-decoration: underline;
}

.sk-press-card__excerpt {
	line-height: 1.55;
}

.sk-press-back {
	display: inline-block;
	margin-bottom: 32px;
}

.sk-press-article__header,
.sk-press-article__featured,
.sk-press-article__content,
.sk-press-source {
	max-width: 860px;
	margin-inline: auto;
}

.sk-press-article__featured {
	margin-block: 40px;
}

.sk-press-article__image,
.sk-press-article__content img {
	max-width: 100%;
	height: auto;
}

.sk-press-article__content {
	font-size: 1.05rem;
	line-height: 1.75;
}

.sk-press-article__content > * + * {
	margin-top: 1.25em;
}

.sk-press-source {
	margin-top: 48px;
	padding-top: 24px;
	border-top: 1px solid rgb(0 0 0 / 16%);
}

.sk-press-pagination {
	margin-top: 48px;
}

@media (max-width: 900px) {
	.sk-press-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.sk-press-shell {
		width: min(100% - 24px, 1180px);
	}

	.sk-press-grid {
		grid-template-columns: 1fr;
	}
}