/* Channel strip tuned for the transparent hero layout. */

.feature-strip {
	width:min(1200px,calc(100% - 40px));
	margin:0 auto;
	background:transparent;
	position:relative;
	z-index:3;
	margin-bottom: 40px;
}

.feature-strip>.container {
	width:100%;
}

.feature-grid {
	padding:12px 14px;
	background:#fffdf9;
	border:1px solid rgba(234,219,211,.95);
	border-radius:24px;
	box-shadow:0 12px 30px rgba(83,38,31,.12);
}

.feature-grid a {
	min-height:62px;
	padding:12px 14px;
	display:grid;
	grid-template-columns:28px minmax(0,1fr);
	grid-template-rows:auto auto;
	column-gap:10px;
	align-items:center;
}

.feature-grid i {
	grid-column:1;
	grid-row:1 / span 2;
	width:28px;
	text-align:center;
	font-size:21px;
}

.feature-grid b {
	font-size:16px;
	line-height:1.35;
}

.feature-grid span {
	margin-top:2px;
	line-height:1.35;
	font-size:12.5px;
}

@media(max-width:800px) {
	.feature-strip {
		width:calc(100% - 28px);
		margin-top:-10px;
	}
	.feature-grid {
		padding:8px;
		border-radius:18px;
		box-shadow:0 8px 22px rgba(83,38,31,.1);
	}
	.feature-grid a {
		min-height:58px;
		padding:11px 8px;
		grid-template-columns:24px minmax(0,1fr);
		column-gap:7px;
	}
	.feature-grid i {
		width:24px;
		font-size:18px;
	}
	.feature-grid b {
		font-size:14px;
	}
	.feature-grid span {
		font-size:11px;
	}
}