.dgtl-stories-archive,
.dgtl-story-single {
	--dgtl-story-text: var(--global-palette3, #182230);
	--dgtl-story-muted: var(--global-palette5, #667085);
	--dgtl-story-border: var(--global-palette7, #e4e7ec);
	--dgtl-story-surface: var(--global-palette9, #ffffff);
	--dgtl-story-soft: var(--global-palette8, #f8fafc);
	--dgtl-story-accent: var(--global-palette1, #0f766e);
	color: var(--dgtl-story-text);
}

.dgtl-stories-shell {
	width: min(1120px, calc(100% - 32px));
	margin-inline: auto;
}

.dgtl-stories-hero,
.dgtl-story-single-hero {
	padding: clamp(52px, 8vw, 96px) 0;
	background: var(--dgtl-story-soft);
	border-bottom: 1px solid var(--dgtl-story-border);
}

.dgtl-stories-hero h1,
.dgtl-story-single-hero h1 {
	max-width: 760px;
	margin: 0;
	font-size: clamp(2.25rem, 5vw, 4.5rem);
	line-height: 1;
	letter-spacing: 0;
}

.dgtl-stories-hero p:not(.dgtl-stories-kicker),
.dgtl-story-person {
	max-width: 620px;
	margin: 18px 0 0;
	color: var(--dgtl-story-muted);
	font-size: 1.125rem;
}

.dgtl-stories-kicker {
	margin: 0 0 12px;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--dgtl-story-accent);
}

.dgtl-stories-grid-wrap,
.dgtl-story-single-content {
	padding: clamp(36px, 6vw, 72px) 0;
}

.dgtl-stories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 24px;
}

.dgtl-story-card {
	border: 1px solid var(--dgtl-story-border);
	border-radius: 8px;
	background: var(--dgtl-story-surface);
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}

.dgtl-story-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(16, 24, 40, .12);
}

.dgtl-story-card__link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.dgtl-story-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--dgtl-story-soft);
	overflow: hidden;
}

.dgtl-story-card__media img,
.dgtl-story-single-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dgtl-story-card__placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--dgtl-story-accent), var(--dgtl-story-text));
}

.dgtl-story-card__badge {
	position: absolute;
	right: 12px;
	bottom: 12px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .94);
	font-size: .78rem;
	font-weight: 700;
}

.dgtl-story-card__body {
	padding: 22px;
}

.dgtl-story-card h2 {
	margin: 0;
	font-size: 1.35rem;
	line-height: 1.18;
}

.dgtl-story-card__meta {
	margin: 10px 0 0;
	color: var(--dgtl-story-accent);
	font-weight: 700;
}

.dgtl-story-card p:last-child {
	margin: 12px 0 0;
	color: var(--dgtl-story-muted);
}

.dgtl-story-single-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 380px);
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
}

.dgtl-story-single-hero__image {
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	box-shadow: 0 20px 48px rgba(16, 24, 40, .14);
}

.dgtl-story-video {
	aspect-ratio: 16 / 9;
	max-width: 920px;
	margin-bottom: 32px;
	border-radius: 8px;
	overflow: hidden;
	background: #101828;
}

.dgtl-story-video iframe {
	width: 100%;
	height: 100%;
}

.dgtl-story-prose {
	max-width: 760px;
	font-size: 1.075rem;
	line-height: 1.8;
}

.dgtl-story-link a {
	display: inline-flex;
	margin-top: 18px;
	padding: 10px 16px;
	border-radius: 6px;
	background: var(--dgtl-story-accent);
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
}

.dgtl-stories-pagination,
.dgtl-stories-empty {
	margin-top: 36px;
}

@media (max-width: 760px) {
	.dgtl-story-single-hero__grid {
		grid-template-columns: 1fr;
	}

	.dgtl-story-single-hero__image {
		max-width: 360px;
	}
}