/* Only the public front page uses these temporary banners. */
body.nahavaran-home-banners-active #main {
	background: #fffdfa;
}

body.nahavaran-home-banners-active.nahavaran-home-header:not(.is-nahavaran-scrolled) #header.nahavaran-main-header,
body.nahavaran-home-banners-active.nahavaran-home-header:not(.is-nahavaran-scrolled) #header.nahavaran-main-header .nav > li > a {
	color: var(--nahavaran-header-ink);
}

body.nahavaran-home-banners-active.nahavaran-home-header:not(.is-nahavaran-scrolled) #header.nahavaran-main-header #logo .header-logo {
	opacity: 1;
}

body.nahavaran-home-banners-active.nahavaran-home-header:not(.is-nahavaran-scrolled) #header.nahavaran-main-header #logo .header-logo-dark {
	opacity: 0;
}

body.nahavaran-home-banners-active.nahavaran-home-header:not(.is-nahavaran-scrolled) #header.nahavaran-main-header .header-main::after {
	background: linear-gradient(90deg, transparent, rgba(31, 55, 45, .13), transparent);
}

.nahavaran-home-banners {
	padding: calc(var(--nahavaran-header-height, 110px) + 72px) 0 84px;
	color: #1d3830;
}

.nahavaran-home-banners__inner {
	width: calc(100% - (2 * var(--nahavaran-page-gutter, 120px)));
	margin-inline: auto;
	display: grid;
	gap: 18px;
}

.nahavaran-home-banners__hero,
.nahavaran-home-banners__partners {
	position: relative;
	overflow: hidden;
	border: 1px solid #e9e0d2;
	border-radius: 24px;
}

.nahavaran-home-banners__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	min-height: 350px;
	align-items: center;
	background: #f8f5ee;
}

.nahavaran-home-banners__copy {
	position: relative;
	z-index: 1;
	padding: 42px 52px 42px 24px;
}

.nahavaran-home-banners__eyebrow {
	display: block;
	margin-bottom: 10px;
	color: #ae8145;
	font-size: 14px;
	font-weight: 600;
}

.nahavaran-home-banners h1,
.nahavaran-home-banners h2,
.nahavaran-home-banners p {
	margin: 0;
	padding: 0;
	color: inherit;
}

.nahavaran-home-banners h1 {
	max-width: 16ch;
	font-size: clamp(29px, 3.1vw, 43px);
	font-weight: 700;
	line-height: 1.55;
}

.nahavaran-home-banners__copy p {
	max-width: 42ch;
	margin-top: 12px;
	color: #66756e;
	font-size: 16px;
	line-height: 2;
}

.nahavaran-home-banners__button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 10px 24px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.nahavaran-home-banners__button:focus-visible {
	outline: 2px solid #ae8145;
	outline-offset: 3px;
}

.nahavaran-home-banners__button--primary {
	margin-top: 24px;
	background: #b48d51;
	color: #fff;
}

.nahavaran-home-banners__button--primary:hover {
	background: #98733d;
	color: #fff;
}

.nahavaran-home-banners__art {
	position: relative;
	min-height: 350px;
	height: 100%;
	background: radial-gradient(circle at 42% 52%, #fffdfa 0 14%, transparent 60%);
}

.nahavaran-home-banners__art::before,
.nahavaran-home-banners__art::after {
	content: '';
	position: absolute;
	border: 1px solid #e0cfad;
	opacity: .75;
	transform: rotate(-28deg);
}

.nahavaran-home-banners__art::before {
	width: 240px;
	height: 240px;
	top: 15%;
	left: 16%;
	border-radius: 54% 46% 55% 45%;
}

.nahavaran-home-banners__art::after {
	width: 170px;
	height: 170px;
	top: 33%;
	left: 30%;
	border-radius: 45% 55% 42% 58%;
}

.nahavaran-home-banners__art span {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #d7c29e;
	font-size: clamp(54px, 7.8vw, 100px);
	font-weight: 700;
	opacity: .48;
	transform: rotate(-18deg);
	user-select: none;
}

.nahavaran-home-banners__partners {
	display: flex;
	min-height: 172px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 28px 52px;
	background: #fff;
}

.nahavaran-home-banners__partners::after {
	content: '';
	position: absolute;
	width: 240px;
	height: 240px;
	top: -130px;
	left: -96px;
	border: 1px solid #e0cfad;
	border-radius: 50% 50% 8% 50%;
	transform: rotate(35deg);
	opacity: .65;
	pointer-events: none;
}

.nahavaran-home-banners h2 {
	font-size: clamp(22px, 2vw, 28px);
	font-weight: 700;
	line-height: 1.6;
}

.nahavaran-home-banners__partners p {
	margin-top: 6px;
	color: #66756e;
	font-size: 15px;
	line-height: 1.9;
}

.nahavaran-home-banners__button--outline {
	flex: none;
	border: 1px solid #b48d51;
	background: #fff;
	color: #1d3830;
}

.nahavaran-home-banners__button--outline:hover {
	background: #f8f5ee;
	color: #1d3830;
}

@media (max-width: 849px) {
	.nahavaran-home-banners {
		padding-top: calc(var(--nahavaran-header-height, 104px) + 52px);
	}
	.nahavaran-home-banners__copy,
	.nahavaran-home-banners__partners {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (max-width: 699px) {
	.nahavaran-home-banners__hero {
		grid-template-columns: 1fr;
	}
	.nahavaran-home-banners__copy {
		padding: 31px 24px 4px;
	}
	.nahavaran-home-banners__art {
		min-height: 125px;
		height: 125px;
	}
	.nahavaran-home-banners__art::before { top: -86px; left: 12%; }
	.nahavaran-home-banners__art::after { top: -26px; left: 36%; }
	.nahavaran-home-banners__art span { font-size: 58px; }
	.nahavaran-home-banners__partners {
		min-height: 0;
		flex-direction: column;
		align-items: flex-start;
		padding: 26px 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nahavaran-home-banners__button { transition: none; }
}
