/*
 * Blanky Work – Parts shared by the hero variations
 *
 * Emphasis is a colour, not italics: Japanese has no italic face, and the
 * browser would slant the glyphs instead.
 *
 * @package blanky-work
 * @since 1.7
 */

.work-hero-accent {
	color: var(--work-muted-gold-text);
}

.work-hero-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem 2rem;
}

.work-hero-actions p {
	margin: 0;
}

.work-hero-tel {
	font-family: var(--work-font-sans);
	line-height: 1.3;
}

.work-hero-tel a {
	display: block;
	font-family: var(--work-font-serif);
	font-size: 1.5rem;
	letter-spacing: 0.04em;
	color: inherit;
	text-decoration: none;
}

.work-hero-tel a:hover {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.work-hero-tel span {
	display: block;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	opacity: 0.8;
}

.work-btn-fill--gold a {
	background-image: linear-gradient(to right, var(--work-white) 50%, var(--work-muted-gold) 50%);
	background-color: var(--work-muted-gold);
	color: var(--work-deep-navy);
}

.work-btn-fill--gold a:hover {
	color: var(--work-deep-navy);
}

/* Heading lines are separate spans so each phrase breaks as a unit. */
.work-hero-statement-heading span {
	display: block;
	word-break: auto-phrase;
}