.mmf-archive {
	--mmf-archive-text: #1E2244;
	--mmf-archive-muted: rgba(30, 34, 68, 0.68);
	--mmf-archive-accent: #C34B3D;
	--mmf-archive-line: rgba(30, 34, 68, 0.1);
	--mmf-archive-surface: rgba(255, 255, 255, 0.78);
	position: relative;
	color: var(--mmf-archive-text);
}

.mmf-archive-hero {
	width: 100%;
	margin: 0 0 clamp(1.5rem, 3vw, 2.4rem);
	padding: clamp(1rem, 2.4vw, 1.8rem) 0 0;
	background: transparent;
	box-sizing: border-box;
}

.mmf-archive-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(0.55rem, 1.2vw, 0.9rem);
	width: min(calc(100% - 2rem), var(--mmf-layout-shell-max, 1180px));
	margin: 0 auto;
	padding: 0 0 clamp(1.35rem, 2.8vw, 2.2rem);
	border-bottom: 1px solid var(--mmf-archive-line);
	box-sizing: border-box;
}