.references{
	padding:var(--rb-space-4xl) 0;
	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f9fdff 55%,
			#f3fbfe 100%
		);
}
.references__intro{
	max-width:760px;
	margin:0 auto 6rem 0;
}
.references__description{
	margin-top:2rem;
	max-width:560px;
	font-size:1.125rem;
	line-height:1.85;
	color:#5f727d;
}
.reference-card{
	position:relative;
	display:block;
	overflow:hidden;
	border-radius:var(--rb-radius-lg);
	background:var(--rb-white);
	text-decoration:none;
	box-shadow:
		0 12px 40px rgba(9,28,40,.05);
	transition:
		transform var(--rb-duration-normal) var(--rb-ease),
		box-shadow var(--rb-duration-normal) var(--rb-ease);
}
.reference-card:hover{
	transform:translateY(-10px);
	box-shadow:
		0 24px 60px rgba(9,28,40,.10);
}
.reference-card__image{
	position:relative;
	overflow:hidden;
}
.reference-card__image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1);
	transition:
		transform 1.2s var(--rb-ease);
}
.reference-card:hover .reference-card__image img{
	transform:scale(1.045);
}
.reference-card__overlay{
	position:absolute;
	inset:auto 0 0 0;
	padding:2.25rem;
	color:var(--rb-white);
	background:
		linear-gradient(
			to top,
			rgba(8,12,16,.72),
			rgba(8,12,16,.18),
			transparent
		);
}
.reference-card h2{
	margin:0 0 .75rem;
	font-size:clamp(2.3rem,4vw,3.4rem);
	font-weight:var(--rb-font-weight-black);
	line-height:1.05;
	color:var(--rb-white);
}
.reference-card h3{
	margin:0 0 .5rem;
	font-size:1.7rem;
	font-weight:var(--rb-font-weight-bold);
	line-height:1.15;
	color:var(--rb-white);
}
.reference-card__location{
	margin-bottom:1.4rem;
	font-size:.95rem;
	font-weight:500;
	opacity:.92;
}
.reference-card__link{
	display:inline-flex;
	align-items:center;
	gap:.65rem;
	font-weight:600;
	color:var(--rb-primary-light);
	transition:
		gap var(--rb-duration-normal) var(--rb-ease);
}
.reference-card:hover .reference-card__link{
	gap:1rem;
}
.reference-card--hero{
	margin-bottom:5rem;
}
.reference-card--hero .reference-card__image{
	aspect-ratio:16 / 8;
}
.references__grid{
	display:grid;
	grid-template-columns:
		repeat(3,minmax(0,1fr));
	gap:3rem;
}
.references__grid .reference-card .reference-card__image{
	aspect-ratio:4 / 5;
}
.references__more{
	margin-top:6rem;
	text-align:center;
}
.references__more .button{
	min-width:260px;
	height:64px;
	border-radius:var(--rb-radius-pill);
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
}
@media(max-width:1200px){
	.references{
		padding:6rem 0;
	}
	.references__grid{
		grid-template-columns:
			repeat(2,minmax(0,1fr));
		gap:2.5rem;
	}
}
@media(max-width:768px){
	.references{
		padding:5rem 0;
	}
	.references__intro{
		margin-bottom:4rem;
	}
	.references__description{
		font-size:1rem;
		line-height:1.75;
	}
	.reference-card--hero{
		margin-bottom:3rem;
	}
	.reference-card--hero .reference-card__image{
		aspect-ratio:4 / 5;
	}
	.references__grid{
		grid-template-columns:1fr;
		gap:2rem;
	}
	.reference-card h2{
		font-size:2rem;
	}
	.reference-card h3{
		font-size:1.45rem;
	}
	.reference-card__overlay{
		padding:1.5rem;
	}
	.references__more{
		margin-top:4rem;
	}
}



.references .section-label{
	color:var(--color-primary);
	margin-bottom:1rem;
}
.references .home-hero__title{
	color:var(--rb-black);
}
.references .home-hero__title span:first-child{
	color:var(--rb-black);
}
.references .text-gradient{
	display:inline-block;
}