/* Custom Module for Newbrickz - Development Strategy */

.newbrickz-development-strategy{
	--nds-gold:#ad8b43;
	position:relative;
	width:100%;
	box-sizing:border-box;
	background:#f5f5f1;
	color:#102630;
	padding:100px 0;
}

.newbrickz-development-strategy .nds-shell{
	width:min(calc(100% - 96px),1160px);
	max-width:1160px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
	padding-right:0;
}

.newbrickz-development-strategy .nds-head{
	display:grid;
	grid-template-columns:1.08fr .72fr;
	gap:96px;
	align-items:end;
	margin-bottom:64px;
}

.newbrickz-development-strategy .nds-head-copy{
	min-width:0;
}

.newbrickz-development-strategy .nds-eyebrow{
	display:flex;
	align-items:center;
	gap:13px;
	margin:0 0 20px;
	color:var(--nds-gold);
	font-family:Inter,"Helvetica Neue",Arial,sans-serif;
	font-size:11px;
	font-weight:760;
	letter-spacing:.18em;
	line-height:1.2;
	text-transform:uppercase;
}

.newbrickz-development-strategy .nds-eyebrow:before{
	content:"";
	width:34px;
	height:1px;
	background:currentColor;
	flex:0 0 auto;
}

.newbrickz-development-strategy .nds-heading{
	max-width:720px;
	margin:0;
	color:#102630;
	font-family:"Iowan Old Style",Baskerville,"Times New Roman",serif;
	font-size:56px;
	font-weight:400;
	letter-spacing:-.045em;
	line-height:.96;
}

.newbrickz-development-strategy .nds-intro{
	max-width:430px;
	margin:0 0 4px;
	color:#65767d;
	font-family:Inter,"Helvetica Neue",Arial,sans-serif;
	font-size:15px;
	line-height:1.8;
}

.newbrickz-development-strategy .nds-intro p{
	margin:0;
}

.newbrickz-development-strategy .partner-link{
	color:var(--nds-gold);
	text-decoration:none;
	border-bottom:1px solid rgba(173,139,67,.38);
	padding-bottom:2px;
	transition:color .2s ease,border-color .2s ease;
}

.newbrickz-development-strategy .partner-link:hover{
	color:#102630;
	border-bottom-color:#ad8b43;
}

.newbrickz-development-strategy .nds-map{
	position:relative;
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:0;
	min-height:245px;
	padding-top:0;
	border:0;
	background:transparent;
}

.newbrickz-development-strategy .nds-map:before{
	content:"";
	display:block;
	position:absolute;
	left:2.5%;
	right:2.5%;
	top:88px;
	height:1px;
	border:0;
	background:linear-gradient(90deg,rgba(173,139,67,.18),var(--nds-gold) 12%,var(--nds-gold) 88%,rgba(173,139,67,.18));
	z-index:0;
}

.newbrickz-development-strategy .nds-point{
	position:relative;
	min-height:235px;
	padding:0 28px 0 0;
	border:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
}

.newbrickz-development-strategy .nds-point:not(:first-child){
	padding-left:28px;
}

.newbrickz-development-strategy .nds-point:before{
	content:"";
	position:absolute;
	left:0;
	top:81px;
	width:13px;
	height:13px;
	background:var(--nds-gold);
	transform:rotate(45deg);
	opacity:1;
	z-index:2;
	transition:background-color .2s ease,transform .2s ease;
}

.newbrickz-development-strategy .nds-point:hover{
	transform:none;
	background:transparent;
	box-shadow:none;
}

.newbrickz-development-strategy .nds-node{
	width:auto;
	height:auto;
	display:block;
	border:0;
	border-radius:0;
	background:transparent;
	color:rgba(16,38,48,.16);
	font-family:"Iowan Old Style",Baskerville,"Times New Roman",serif;
	font-size:54px;
	line-height:.9;
	letter-spacing:-.04em;
}

.newbrickz-development-strategy .nds-point h3{
	margin:74px 0 10px;
	max-width:none;
	color:#102630;
	font-family:"Iowan Old Style",Baskerville,"Times New Roman",serif;
	font-size:24px;
	font-weight:400;
	line-height:1.06;
}

.newbrickz-development-strategy .nds-point p{
	max-width:190px;
	margin:0;
	color:#65767d;
	font-family:Inter,"Helvetica Neue",Arial,sans-serif;
	font-size:11.7px;
	line-height:1.64;
}

.newbrickz-development-strategy .nds-cta-row{
	margin-top:34px;
	display:flex;
	align-items:center;
}

.newbrickz-development-strategy .nds-cta{
	display:inline-flex;
	align-items:center;
	gap:18px;
	color:#102630;
	font-family:"Iowan Old Style",Baskerville,"Times New Roman",serif;
	font-size:18px;
	font-weight:400;
	line-height:1.2;
	padding:7px 0 8px;
	border-bottom:1px solid rgba(173,139,67,.52);
	text-decoration:none;
	transition:gap .22s ease,color .22s ease,border-color .22s ease;
}

.newbrickz-development-strategy .nds-cta i{
	font-family:Inter,"Helvetica Neue",Arial,sans-serif;
	font-style:normal;
	font-size:19px;
	line-height:1;
	color:var(--nds-gold);
	transition:transform .22s ease;
}

.newbrickz-development-strategy .nds-cta:hover{
	gap:24px;
	color:#102630;
	border-bottom-color:var(--nds-gold);
}

.newbrickz-development-strategy .nds-cta:hover i{
	transform:translateX(3px);
}

@media (min-width:1081px) and (min-height:720px){
	.newbrickz-development-strategy{
		min-height:100svh;
		display:flex;
		align-items:center;
		box-sizing:border-box;
	}
}

@media (max-width:1080px){
	.newbrickz-development-strategy{
		padding:80px 0;
	}

	.newbrickz-development-strategy .nds-shell{
		width:min(calc(100% - 64px),980px);
	}

	.newbrickz-development-strategy .nds-head{
		grid-template-columns:1fr;
		gap:28px;
		margin-bottom:44px;
	}

	.newbrickz-development-strategy .nds-intro{
		max-width:650px;
	}

	.newbrickz-development-strategy .nds-map{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:34px 24px;
	}

	.newbrickz-development-strategy .nds-map:before{
		display:none;
	}

	.newbrickz-development-strategy .nds-point,
	.newbrickz-development-strategy .nds-point:not(:first-child){
		padding:0;
		min-height:190px;
	}

	.newbrickz-development-strategy .nds-point:before{
		top:70px;
	}

	.newbrickz-development-strategy .nds-point h3{
		margin-top:56px;
	}

	.newbrickz-development-strategy .nds-point p{
		max-width:260px;
	}
}

@media (max-width:700px){
	.newbrickz-development-strategy{
		padding:70px 0;
	}

	.newbrickz-development-strategy .nds-shell{
		width:calc(100% - 32px);
	}

	.newbrickz-development-strategy .nds-heading{
		font-size:38px;
		line-height:1;
	}

	.newbrickz-development-strategy .nds-head{
		gap:24px;
		margin-bottom:34px;
	}

	.newbrickz-development-strategy .nds-intro{
		font-size:14px;
		line-height:1.72;
	}

	.newbrickz-development-strategy .nds-map{
		grid-template-columns:1fr;
		gap:0;
	}

	.newbrickz-development-strategy .nds-point,
	.newbrickz-development-strategy .nds-point:not(:first-child){
		display:grid;
		grid-template-columns:62px 1fr;
		column-gap:18px;
		min-height:0;
		padding:20px 0 22px;
		border-bottom:1px solid rgba(6,31,44,.10);
	}

	.newbrickz-development-strategy .nds-point:last-child{
		border-bottom:0;
	}

	.newbrickz-development-strategy .nds-point:before{
		display:none;
	}

	.newbrickz-development-strategy .nds-node{
		font-size:42px;
		grid-row:1 / span 2;
	}

	.newbrickz-development-strategy .nds-point h3{
		margin:2px 0 6px;
		font-size:23px;
	}

	.newbrickz-development-strategy .nds-point p{
		max-width:none;
		font-size:12px;
		line-height:1.65;
	}

	.newbrickz-development-strategy .nds-cta-row{
		margin-top:26px;
	}

	.newbrickz-development-strategy .nds-cta{
		font-size:17px;
		gap:14px;
	}
}
