/* Reference closing brand band; no media or motion is present in this section. */
.home-brand-cta {
	padding-block: 96px;
	background: var(--dermobliss-text-primary);
	color: var(--dermobliss-background-primary);
}

.home-brand-cta__inner { text-align: center; }

.home-brand-cta__eyebrow {
	color: var(--dermobliss-accent-gold);
	font-family: var(--dermobliss-font-mono);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.22em;
}

.home-brand-cta h2 {
	max-inline-size: 768px;
	margin-block: 24px 0;
	margin-inline: auto;
	font-size: 30px;
	font-weight: 300;
	line-height: 37.5px;
	letter-spacing: normal;
}

.home-brand-cta__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-inline-size: 100%;
	min-block-size: 48px;
	margin-block-start: 40px;
	padding: 16px 40px;
	border: 0;
	border-radius: 0;
	background: var(--dermobliss-accent-gold);
	color: var(--dermobliss-text-primary);
	font-family: var(--dermobliss-font-body);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.18em;
	white-space: nowrap;
	opacity: 1;
	text-decoration: none;
}

.home-brand-cta__action svg { flex: none; }
.home-brand-cta__action:is(:hover, :focus-visible) { background: var(--dermobliss-background-primary); color: var(--dermobliss-text-primary); }

@media (min-width: 640px) {
	.home-brand-cta h2 { font-size: 36px; line-height: 40px; }
}

@media (min-width: 1024px) {
	.home-brand-cta { padding-block: 112px; }
	.home-brand-cta h2 { font-size: 48px; line-height: 48px; }
}