@charset "utf-8";

/* block */
.HeroLgBlock {
	--bg-y-offset: 20px;
	width: 100%;
	height: 560px;
	margin-bottom: calc(var(--spacing-block) + var(--bg-y-offset));
}
/* tan background */
.HeroLgBlock::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: var(--bg-y-offset);
	left: 20px;
	background: var(--color-light-tan);
	z-index: 1;
}
/* sun icon */
.HeroLgBlock .SunSVG {
	position: absolute;
	right: 20px;
	bottom: 15px;
	width: min(30%, 262px);
	transform: rotate(180deg);
	transform-origin: bottom;
	z-index: 2;
}
/* slideshow */
#HeroSwiper {
	height: 100%;
	z-index: 3;
}
#HeroSwiper video {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#HeroSwiper .PhotoCredit {
	text-align: left;
}
/* overlay */
#HeroSwiper .swiper-slide::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(var(--color-black-rgb), 0.2);
	z-index: 2;
}
/* text */
.HeroLgBlockTxt {
	position: absolute;
	bottom: 90px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
}
.HeroLgBlockTxt .h1 {
	margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
	/* block */
	.HeroLgBlock {
		--bg-y-offset: 40px;
		width: 97%;
		min-height: 600px;
		height: min(calc(100vh - (var(--top-note-height) + var(--site-head-top-gap))), 1055px);
	}
	/* tan background */
	.HeroLgBlock::before {
		left: 60px;
	}
}
@media only screen and (min-width: 1601px) {
	/* text */
	.HeroTxt {
		bottom: 120px;
	}
}