/* ============================================================
   Brand Digital — pages/error.css
   404 template.
   ============================================================ */

.error-404 {
	padding-block: clamp(var(--s-9), 14vw, var(--s-12));
}

.error-404__inner {
	max-width: 720px;
	margin-inline: auto;
	padding-inline: var(--s-3);
	text-align: center;
}

.error-404__eyebrow {
	margin-bottom: var(--s-3);
}

.error-404__headline {
	font-size: var(--fs-display);
	max-width: 14ch;
	margin: 0 auto var(--s-3);
}

.error-404__intro {
	font-size: clamp(1.0625rem, 1.6vw, 1.25rem);
	color: var(--c-text-secondary);
	max-width: 50ch;
	margin: 0 auto var(--s-6);
	line-height: 1.55;
}

.error-404__links {
	list-style: none;
	margin: 0 0 var(--s-7);
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--s-2) var(--s-4);
}

.error-404__links a {
	font-family: var(--ff-body);
	font-weight: 600;
	font-size: var(--fs-small);
	color: var(--c-ink);
	text-decoration: none;
}

.error-404__links a:hover,
.error-404__links a:focus-visible {
	color: var(--c-electric-blue);
}

.error-404__search {
	max-width: 480px;
	margin-inline: auto;
}