/* FIX ARRAY — compact Hero for Installations redesign page 1319. */
.ix-hero-section .fixarray-service-hero{
	min-height:0!important;
}
.ix-hero-section .fixarray-service-hero__inner{
	grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr)!important;
	min-height:460px!important;
	padding:24px 28px!important;
	column-gap:30px!important;
}
.ix-hero-section .fixarray-service-hero__copy{
	align-self:center;
	max-width:560px!important;
}
.ix-hero-section .fixarray-service-hero__eyebrow{
	margin-bottom:7px!important;
	font-size:11px!important;
	line-height:1.25!important;
}
.ix-hero-section .fixarray-service-hero__title{
	max-width:550px!important;
	font-size:clamp(35px,2.8vw,43px)!important;
	line-height:1.02!important;
	letter-spacing:-.036em!important;
	text-wrap:balance;
}
.ix-hero-section .fixarray-service-hero__description{
	max-width:530px!important;
	margin-top:11px!important;
	font-size:14.5px!important;
	line-height:1.45!important;
}
.ix-hero-section .fixarray-service-hero__actions{
	gap:9px!important;
	margin-top:14px!important;
}
.ix-hero-section .fixarray-service-hero__button{
	min-height:42px!important;
	padding:8px 16px!important;
	font-size:13px!important;
}
.ix-hero-section .fixarray-service-hero__benefits{
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:7px 10px!important;
	margin-top:13px!important;
}
.ix-hero-section .fixarray-service-hero__benefit{
	gap:6px!important;
	font-size:10.5px!important;
	line-height:1.2!important;
}
.ix-hero-section .fixarray-service-hero__benefit-icon{
	width:23px!important;
	height:23px!important;
	flex-basis:23px!important;
	border-radius:7px!important;
}
.ix-hero-section .fixarray-service-hero__benefit-icon svg{
	width:13px!important;
	height:13px!important;
}
.ix-hero-section .fixarray-service-hero__visual{
	align-self:center;
	min-height:335px!important;
	max-height:335px!important;
	border-radius:18px!important;
}
.ix-hero-section .fixarray-service-hero__panel{
	right:11px!important;
	bottom:11px!important;
	left:11px!important;
	max-width:none!important;
	padding:11px 13px!important;
	border-radius:12px!important;
}
.ix-hero-section .fixarray-service-hero__panel-eyebrow{
	margin-bottom:3px!important;
	font-size:8.5px!important;
	line-height:1.15!important;
}
.ix-hero-section .fixarray-service-hero__panel-title{
	font-size:17px!important;
	line-height:1.08!important;
}
.ix-hero-section .fixarray-service-hero__panel-text{
	margin-top:4px!important;
	font-size:10.5px!important;
	line-height:1.35!important;
}
.ix-hero-section .fixarray-service-hero__badges{
	gap:4px!important;
	margin-top:6px!important;
}
.ix-hero-section .fixarray-service-hero__badge{
	min-height:20px!important;
	padding:3px 6px!important;
	font-size:8.5px!important;
}
.ix-hero-section .ix-blueprint{
	top:9px;
	right:9px;
	bottom:112px;
	left:9px;
	min-height:0;
	border-radius:12px;
}
.ix-hero-section .ix-blueprint__header{
	height:29px;
	padding:0 9px;
	font-size:6.8px;
}
.ix-hero-section .ix-blueprint__header b{font-size:6px}
.ix-hero-section .ix-blueprint::before{inset:29px 8px 8px}
.ix-hero-section .ix-blueprint__canvas{
	inset:36px 9px 25px;
	gap:6px;
}
.ix-hero-section .ix-room{
	padding:7px;
	border-radius:8px;
}
.ix-hero-section .ix-room::before{
	top:6px;
	left:6px;
	width:5px;
	height:5px;
}
.ix-hero-section .ix-room strong{font-size:8px}
.ix-hero-section .ix-room small{font-size:5.8px}
.ix-hero-section .ix-room--display::after{top:16px}
.ix-hero-section .ix-blueprint__legend{
	right:8px;
	bottom:6px;
	left:8px;
	font-size:5.5px;
}

@media(max-width:1180px){
	.ix-hero-section .fixarray-service-hero__inner{
		grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)!important;
		min-height:440px!important;
		padding:22px!important;
		column-gap:24px!important;
	}
	.ix-hero-section .fixarray-service-hero__title{font-size:clamp(33px,3.5vw,39px)!important}
	.ix-hero-section .fixarray-service-hero__description{font-size:14px!important}
	.ix-hero-section .fixarray-service-hero__benefits{gap:6px 8px!important}
	.ix-hero-section .fixarray-service-hero__visual{
		min-height:320px!important;
		max-height:320px!important;
	}
	.ix-hero-section .ix-blueprint{bottom:108px}
}

@media(max-width:900px){
	.ix-hero-section .fixarray-service-hero__inner{
		grid-template-columns:minmax(0,1fr)!important;
		min-height:0!important;
		padding:30px 24px 32px!important;
		gap:20px!important;
	}
	.ix-hero-section .fixarray-service-hero__copy{max-width:700px!important}
	.ix-hero-section .fixarray-service-hero__title{
		max-width:620px!important;
		font-size:36px!important;
	}
	.ix-hero-section .fixarray-service-hero__benefits{
		grid-template-columns:repeat(3,minmax(0,1fr))!important;
		gap:7px!important;
	}
	.ix-hero-section .fixarray-service-hero__visual{
		width:100%!important;
		min-height:325px!important;
		max-height:325px!important;
	}
	.ix-hero-section .ix-blueprint{bottom:110px}
}

@media(max-width:767px){
	.ix-hero-section .fixarray-service-hero__inner{
		padding:24px 16px 26px!important;
		gap:17px!important;
	}
	.ix-hero-section .fixarray-service-hero__eyebrow{
		margin-bottom:7px!important;
		font-size:10px!important;
	}
	.ix-hero-section .fixarray-service-hero__title{
		font-size:27px!important;
		line-height:1.05!important;
		letter-spacing:-.03em!important;
	}
	.ix-hero-section .fixarray-service-hero__description{
		margin-top:10px!important;
		font-size:14px!important;
		line-height:1.45!important;
	}
	.ix-hero-section .fixarray-service-hero__actions{
		margin-top:13px!important;
		gap:8px!important;
	}
	.ix-hero-section .fixarray-service-hero__button{
		min-height:44px!important;
		padding:8px 13px!important;
	}
	.ix-hero-section .fixarray-service-hero__benefits{
		grid-template-columns:minmax(0,1fr)!important;
		gap:5px!important;
		margin-top:12px!important;
	}
	.ix-hero-section .fixarray-service-hero__benefit{font-size:10.5px!important}
	.ix-hero-section .fixarray-service-hero__visual{
		min-height:350px!important;
		max-height:350px!important;
		border-radius:16px!important;
	}
	.ix-hero-section .fixarray-service-hero__panel{
		right:9px!important;
		bottom:9px!important;
		left:9px!important;
		padding:10px 11px!important;
	}
	.ix-hero-section .fixarray-service-hero__panel-title{font-size:16px!important}
	.ix-hero-section .fixarray-service-hero__panel-text{font-size:10px!important}
	.ix-hero-section .ix-blueprint{
		top:9px;
		right:9px;
		bottom:108px;
		left:9px;
	}
}

@media(max-width:420px){
	.ix-hero-section .fixarray-service-hero__title{font-size:25px!important}
	.ix-hero-section .fixarray-service-hero__visual{
		min-height:365px!important;
		max-height:365px!important;
	}
	.ix-hero-section .ix-blueprint{bottom:110px}
	.ix-hero-section .ix-blueprint__header span{max-width:68%;line-height:1.15}
}