.wp-block-sunmaintain-category-hero.sm-archive-marketing-hero {
	--sm-archive-marketing-bg: #f4f9fd;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
	gap: clamp(24px, 4vw, 54px);
	align-items: stretch;
	width: min(calc(100vw - 48px), 1200px);
	margin: 18px auto 26px;
	overflow: hidden;
	border-radius: 8px;
	background: var(--sm-archive-marketing-bg);
	box-shadow: 0 18px 45px rgba(8, 61, 143, 0.08);
}

.wp-block-sunmaintain-category-hero.alignfull.sm-archive-marketing-hero {
	width: 100%;
	border-radius: 0;
}

.wp-block-sunmaintain-category-hero.sm-archive-marketing-hero--compact {
	grid-template-columns: minmax(0, 0.75fr) minmax(320px, 1fr);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media {
	display: block;
	min-height: clamp(230px, 30vw, 390px);
	background: linear-gradient(135deg, #dff1fa, #f6fbff);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: clamp(230px, 30vw, 390px);
	object-fit: cover;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media.is-placeholder {
	background:
		linear-gradient(135deg, rgba(8, 61, 143, 0.1), rgba(143, 208, 227, 0.26)),
		linear-gradient(90deg, #f6fbff, #dff1fa);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__content {
	display: grid;
	align-content: center;
	gap: 14px;
	padding: clamp(26px, 4vw, 56px) clamp(24px, 4vw, 56px) clamp(26px, 4vw, 56px) 0;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__eyebrow {
	margin: 0;
	color: #0f5fb8;
	font-size: 0.78rem;
	font-weight: 850;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__title {
	max-width: 620px;
	margin: 0;
	color: #052b66;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2rem, 4.1vw, 3.5rem);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: 0;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__text {
	max-width: 620px;
	margin: 0;
	color: #2f5f91;
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	line-height: 1.62;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__button {
	justify-self: start;
	margin-top: 4px;
	padding: 12px 18px;
	border-radius: 4px;
	background: #083d8f;
	color: #fff;
	font-weight: 800;
	text-decoration: none;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__button:hover {
	background: #0f5fb8;
	color: #fff;
}

@media (max-width: 820px) {
	.wp-block-sunmaintain-category-hero.sm-archive-marketing-hero {
		grid-template-columns: 1fr;
		width: min(calc(100vw - 28px), 680px);
		gap: 0;
	}

	.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media,
	.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media img {
		min-height: 230px;
	}

	.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__content {
		padding: 24px;
	}
}