/*
 * SS Deco & Designs — Home base
 *
 * These styles are loaded only on the WordPress front page.
 */

.ss-home {
	background: var(--ss-ivory);
	color: var(--ss-graphite);
	overflow: clip;
}

.ss-home-eyebrow {
	margin: 0 0 22px;
	color: var(--ss-accent);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.3;
	text-transform: uppercase;
}

.ss-button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 20px;
	border: 1px solid transparent;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition:
		background var(--ss-transition-fast),
		border-color var(--ss-transition-fast),
		color var(--ss-transition-fast),
		transform var(--ss-transition-fast);
}

.ss-button:hover,
.ss-button:focus-visible {
	transform: translateY(-1px);
}

.ss-button--dark {
	background: var(--ss-graphite);
	color: var(--ss-ivory);
}

.ss-button--dark:hover,
.ss-button--dark:focus-visible {
	background: var(--ss-accent);
	color: var(--ss-ivory);
}

.ss-button--text {
	padding-inline: 2px;
	color: var(--ss-graphite);
}

.ss-button--text:hover,
.ss-button--text:focus-visible {
	color: var(--ss-accent);
}