/* SIS feature hero on the zimfusion.com home page (see ../sis-feature.php).
   Colors are the theme's own: color-2 navy, color-1 aqua, color-3 blue. */
.sis-feature {
	background: linear-gradient(135deg, var(--wp--preset--color--color-2, #1D3557) 0%, #0d141a 100%);
	color: #fff;
	padding: clamp(48px, 7vw, 110px) 24px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.sis-feature__inner {
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: clamp(32px, 5vw, 72px);
	align-items: center;
}
.sis-feature__eyebrow {
	margin: 0 0 12px;
	font-size: 14px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--color-1, #A8DADC);
}
.sis-feature__title {
	margin: 0 0 12px;
	font-size: clamp(36px, 5.2vw, 64px);
	line-height: 1.05;
	color: #fff;
}
.sis-feature__tagline {
	margin: 0 0 20px;
	font-size: clamp(19px, 2vw, 24px);
	color: var(--wp--preset--color--color-1, #A8DADC);
}
.sis-feature__blurb {
	margin: 0 0 32px;
	font-size: 17px;
	line-height: 1.65;
	color: #dbe4ee;
	max-width: 60ch;
}
.sis-feature__button {
	display: inline-block;
	padding: 16px 32px;
	border-radius: 8px;
	background: var(--wp--preset--color--color-1, #A8DADC);
	color: #0d141a !important;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none !important;
	transition: transform .15s, background .15s;
}
.sis-feature__button:hover,
.sis-feature__button:focus-visible { background: #fff; transform: translateY(-2px); }
.sis-feature__gauges {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.sis-feature__gauges img {
	width: 100%;
	height: auto;
	border-radius: 14px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
}
/* Tablet and phone: stack text above the gauges. */
@media (max-width: 860px) {
	.sis-feature__inner { grid-template-columns: 1fr; }
	.sis-feature__gauges { max-width: 520px; }
}
@media (max-width: 480px) {
	.sis-feature__gauges { gap: 10px; }
	.sis-feature__button { display: block; text-align: center; }
}
/* "DBA of Zimfusion" line under the tagline. */
.sis-feature__dba { margin: -8px 0 20px; font-size: 15px; font-style: italic; color: #B8C0CC; }
/* Let grid columns shrink on narrow phones instead of overflowing. */
.sis-feature__inner > * { min-width: 0; }
.sis-feature__text { overflow-wrap: anywhere; }