/**
 * Editorial links — replaces chunky buttons in hero/header
 */
.neomi-link {
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	color: var(--neomi-text-muted);
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 100% 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition:
		color var(--neomi-duration) var(--neomi-ease),
		background-size var(--neomi-duration) var(--neomi-ease-out);
}

.neomi-link:hover,
.neomi-link:focus-visible {
	color: var(--neomi-purple);
	background-position: 100% 100%;
	background-size: 100% 1px;
}

.neomi-link--soft {
	font-weight: 500;
}

.neomi-link--soft:hover,
.neomi-link--soft:focus-visible {
	color: var(--neomi-coral);
}