.reference-hero{
	position:relative;
	/*
	height:100svh;
	min-height:720px;*/
	height:70svh;
	min-height:700px;
	overflow:hidden;
}
.reference-hero__image{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.reference-hero__overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:flex-end;
	background:
		linear-gradient(
			180deg,
			rgba(0,0,0,.40) 0%,
			rgba(0,0,0,.22) 15%,
			rgba(0,0,0,.08) 35%,
			rgba(0,0,0,0) 55%
		),
		linear-gradient(
			0deg,
			rgba(0,0,0,.72) 0%,
			rgba(0,0,0,.32) 35%,
			rgba(0,0,0,0) 78%
		);
}
/*
.reference-hero__overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:flex-end;
	background:
		linear-gradient(
			180deg,
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,0) 25%,
			rgba(0,0,0,.08) 45%,
			rgba(0,0,0,.25) 65%,
			rgba(0,0,0,.65) 100%
		);
}*/
/*
.reference-hero__overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:flex-end;
	background:
		linear-gradient(
			180deg,
			rgba(0,0,0,.05) 0%,
			rgba(0,0,0,.15) 35%,
			rgba(0,0,0,.65) 100%
		);
}*/
.reference-hero__content{
	max-width:760px;
	padding-bottom:7rem;
	color:var(--rb-white);
}
.reference-hero__title{
	margin:
		1rem
		0
		1.5rem;
	color:var(--rb-white);
}
.reference-hero__title span{
	color:inherit;
}
/*
.reference-hero__meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:2rem;
	font-size:1.05rem;
	font-weight:500;
	color:rgba(255,255,255,.92);
}
.reference-hero__meta span{
	position:relative;
}
.reference-hero__meta span:not(:last-child)::after{
	content:"";
	position:absolute;
	top:50%;
	right:-1rem;
	width:4px;
	height:4px;
	margin-top:-2px;
	border-radius:50%;
	background:rgba(255,255,255,.45);
}*/

.reference-hero__meta{

	display:flex;
	align-items:center;
	gap:1.5rem;

}

.reference-hero__meta > span,
.reference-hero__meta > .meta-item{

	display:flex;
	align-items:center;
	gap:.45rem;

}

@media(max-width:992px){
	.reference-hero{
		min-height:620px;
	}
	.reference-hero__content{
		padding-bottom:5rem;
	}
}
@media(max-width:768px){
	.reference-hero{
		height:85svh;
		min-height:520px;
	}
	.reference-hero__content{
		padding-bottom:3rem;
	}/*
	.reference-hero__meta{
		gap:1rem;
		font-size:.95rem;
	}*/
}/*
.reference-intro{
	padding:7rem 0;
}
.reference-intro__content{
	max-width:820px;
	margin:0 auto;
	font-size:1.35rem;
	line-height:2;
	color:var(--rb-text);
}
.reference-intro__content p:last-child{
	margin-bottom:0;
}
@media(max-width:768px){
	.reference-intro{
		padding:4rem 0;
	}
	.reference-intro__content{
		font-size:1.1rem;
		line-height:1.85;
	}
}*/
.reference-gallery{
	padding:0 0 8rem;
}
.reference-gallery__featured{
	margin-bottom:2rem;
}
.reference-gallery__featured a{
	display:block;
	overflow:hidden;
	border-radius:var(--rb-radius-lg);
}
.reference-gallery__featured img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
	object-fit:cover;
	transition:
		transform .8s var(--rb-ease);
}
.reference-gallery__featured:hover img{
	transform:scale(1.02);
}
.reference-gallery__grid{
	display:grid;
	grid-template-columns:
		repeat(3,1fr);
	gap:2rem;
}
.reference-gallery__item{
	display:block;
	overflow:hidden;
	border-radius:var(--rb-radius-lg);
}
.reference-gallery__item img{
	display:block;
	width:100%;
	aspect-ratio:4 / 3;
	object-fit:cover;
	transition:
		transform .8s var(--rb-ease);
}
.reference-gallery__item:hover img{
	transform:scale(1.04);
}
@media(max-width:768px){
	.reference-gallery{
		padding-bottom:5rem;
	}
	.reference-gallery__grid{
		grid-template-columns:1fr;
		gap:1.5rem;
	}
}