/* Hero full-cover composition — approved 16:9 artwork spans the entire section */
.hero{
	position:relative;
	min-height:640px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-bottom:1px solid var(--line);
	overflow:hidden;
}
.hero:before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(90deg,
			rgba(251,247,242,.98) 0%,
			rgba(251,247,242,.97) 38%,
			rgba(251,247,242,.84) 44%,
			rgba(251,247,242,.22) 56%,
			rgba(251,247,242,0) 70%);
	z-index:0;
}
.hero-grid{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:44% 1fr;
	min-height:640px;
	width:min(1520px,calc(100% - 64px));
}
.hero-copy{
	grid-column:1;
	padding:58px 54px 44px 0;
	background:transparent;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.hero-art{
	display:none;
}
.hero-quote-wrap{
	grid-column:2;
	position:relative;
	min-height:640px;
}
.hero-quote-wrap .quote-card{
	position:absolute;
	right:2%;
	bottom:12%;
	width:310px;
	background:rgba(255,250,246,.94);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
}
.hero h1{
	font-size:clamp(48px,4.6vw,70px);
	line-height:.96;
	max-width:620px;
}
.hero .lead{max-width:590px}
.hero-stats{max-width:620px}

@media(min-width:1500px){
	.hero,.hero-grid,.hero-quote-wrap{min-height:680px}
	.hero-grid{width:min(1600px,calc(100% - 80px))}
}
@media(max-width:1000px){
	.hero{
		min-height:auto;
		background-position:62% center;
	}
	.hero:before{
		background:linear-gradient(180deg,rgba(251,247,242,.97) 0%,rgba(251,247,242,.91) 49%,rgba(251,247,242,.3) 72%,rgba(251,247,242,.08) 100%);
	}
	.hero-grid{
		width:min(100% - 34px,900px);
		grid-template-columns:1fr;
		min-height:760px;
	}
	.hero-copy{
		grid-column:1;
		padding:48px 0 36px;
		justify-content:flex-start;
		max-width:640px;
	}
	.hero-quote-wrap{
		grid-column:1;
		min-height:260px;
	}
	.hero-quote-wrap .quote-card{
		right:0;
		bottom:26px;
	}
}
@media(max-width:640px){
	.hero{background-position:64% center}
	.hero-grid{min-height:760px}
	.hero-copy{padding-top:38px}
	.hero h1{font-size:47px;max-width:9ch}
	.hero-quote-wrap .quote-card{width:220px;right:0;bottom:18px;padding:18px}
}