.marqueblanche-archive {
	--marqueblanche-archive-width: var(--marqueblanche-layout-max-width);
}

.marqueblanche-archive-hero {
	--marqueblanche-archive-hero-overlap: calc(var(--marqueblanche-nav-top-offset, 14px) + 132px);
	width: 100vw;
	max-width: none;
	margin: calc(-1 * var(--marqueblanche-archive-hero-overlap)) calc(50% - 50vw) clamp(1.1rem, 3vw, 2.2rem);
	padding: calc(var(--marqueblanche-archive-hero-overlap) + clamp(1rem, 2.4vw, 1.55rem)) 0 clamp(0.9rem, 2.2vw, 1.45rem);
	background:
		radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--marqueblanche-theme-warm) 12%, transparent), transparent 20rem),
		radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--marqueblanche-theme-cool) 14%, transparent), transparent 24rem),
		linear-gradient(180deg, color-mix(in srgb, var(--marqueblanche-theme-surface) 86%, transparent), color-mix(in srgb, var(--marqueblanche-theme-bg) 95%, transparent));
	border-bottom: 1px solid color-mix(in srgb, var(--marqueblanche-theme-text) 8%, transparent);
	box-sizing: border-box;
}

.marqueblanche-archive-hero__inner {
	width: var(--marqueblanche-layout-width);
	padding-inline: var(--marqueblanche-layout-inline-padding);
	box-sizing: border-box;
	margin: 0 auto;
	display: grid;
	grid-template-columns: auto minmax(0, auto) minmax(18rem, 1fr);
	align-items: center;
	gap: clamp(0.65rem, 2vw, 1.4rem);
}

.marqueblanche-archive-hero__inner--blog {
	grid-template-columns: minmax(0, auto) minmax(18rem, 1fr);
}