.es-logo--main-nav {
	/* max-height: 65px; */
	max-height: 43px;
}


.hero-process {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	display: flex;
	align-items: center;
}

.hero-bg-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.hero-overlay-5 {
	position: absolute;
	inset: 0;
	z-index: 2;

	background:
		radial-gradient(
			ellipse at center,
			rgba(0,0,0,0) 25%,
			rgba(0,0,0,.55) 100%
		),
		linear-gradient(
			90deg,
			rgba(2,8,14,.92) 0%,
			rgba(2,8,14,.78) 42%,
			rgba(2,8,14,.60) 100%
		);
}

.hero-overlay-4 {
	position: absolute;
	inset: 0;
	z-index: 2;

	background:
		radial-gradient(
			ellipse at center,
			rgba(0,0,0,0) 25%,
			rgba(0,0,0,.49) 100%
		),
		linear-gradient(
			90deg,
			rgba(2,8,14,.82) 0%,
			rgba(2,8,14,.68) 42%,
			rgba(2,8,14,.50) 100%
		);
}

.hero-overlay-3 {
	position: absolute;
	inset: 0;
	z-index: 2;

	background:
		radial-gradient(
			ellipse at center,
			rgba(0,0,0,0) 25%,
			rgba(0,0,0,.43) 100%
		),
		linear-gradient(
			90deg,
			rgba(2,8,14,.72) 0%,
			rgba(2,8,14,.58) 42%,
			rgba(2,8,14,.42) 100%
		);
}

.hero-overlay-2 {
	position: absolute;
	inset: 0;
	z-index: 2;

	background:
		radial-gradient(
			ellipse at center,
			rgba(100,50,0,.190) 25%,
			rgba(0,0,0,0.1) 66%,
			rgba(0,40,50,.40) 100%
		),
		linear-gradient(
			90deg,
			rgba(12,28,34,.72) 0%,
			rgba(12,28,34,.38) 42%,
			rgba(12,28,34,.35) 100%
		);
}


.hero-process .container {
	position: relative;
	z-index: 10;
}





.clearbuild-image-tile {
  aspect-ratio: 4 / 3;
  /* min-height: 260px; */
  background-size: cover;
  background-position: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

.clearbuild-image-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 1rem 2.5rem rgba(0,0,0,.18);
}

.clearbuild-image-tile-overlay {
  position: absolute;
  inset: 0;
  background:
	linear-gradient(
	  180deg,
	  rgba(5,8,12,.25) 0%,
	  rgba(5,8,12,.72) 58%,
	  rgba(5,8,12,.92) 100%
	);
  z-index: 1;
}

.clearbuild-image-tile-content {
  position: relative;
  z-index: 2;
  min-height: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}

.clearbuild-image-tile-icon {
  width: 68px;
  height: 68px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 50%;
  background: rgba(20,20,20,.42);
  color: #d7b56d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.65rem;
  margin-bottom: 1.25rem;
  backdrop-filter: blur(3px);
}

.clearbuild-tile-line {
  width: 42px;
  height: 2px;
  background: #d7b56d;
  margin-top: 1.25rem;
}

@media (max-width: 575.98px) {
  .clearbuild-image-tile {
	aspect-ratio: 16 / 9;
	/* min-height: 190px; */
  }

  .clearbuild-image-tile-content {
	padding: 1.5rem;
	align-items: flex-start;
	text-align: left;
  }

  .clearbuild-image-tile-icon {
	width: 52px;
	height: 52px;
	font-size: 1.25rem;
  }
}





.es-bg-grad-5 {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.es-bg-grad-5 .bg-holder {
	z-index: 0;
}

.es-bg-grad-5 > .container {
	position: relative;
	z-index: 2;
}

.es-bg-grad-5::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background:
		radial-gradient(
			ellipse at center,
			rgba(255,255,255,.04) 0%,
			rgba(8,12,18,.30) 35%,
			rgba(5,8,12,.76) 100%
		),
		linear-gradient(
			135deg,
			rgba(5,8,12,.90),
			rgba(10,16,24,.72),
			rgba(5,8,12,.92)
		);
}





/* =====================================================
   Foundation Background Overlay System
   Light Version 5
===================================================== */

.es-bg-grad-light-5{
	position:relative;
	overflow:hidden;
	isolation:isolate;
}

.es-bg-grad-light-5 .bg-holder{
	z-index:0;

	background-size:cover;
	background-position:center;

	filter:
		saturate(.75)
		contrast(.92)
		brightness(.92);
}

.es-bg-grad-light-5 > .container{
	position:relative;
	z-index:2;
}

.es-bg-grad-light-5::before{

	content:"";

	position:absolute;
	inset:0;

	z-index:1;

	pointer-events:none;

	background:

		/* soft spotlight */

		radial-gradient(
			ellipse at 35% 35%,
			rgba(255,255,255,.30) 0%,
			rgba(255,255,255,.72) 55%,
			rgba(252,252,251,.92) 100%
		),

		/* overall white wash */

		linear-gradient(
			135deg,
			rgba(255,255,255,.95),
			rgba(250,249,247,.86),
			rgba(247,246,244,.94)
		);

}








/* =====================================================
   Foundation Background Overlay System
   Light Version 4
   Balanced readability / image visibility
===================================================== */

.es-bg-grad-light-4 {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.es-bg-grad-light-4 .bg-holder {
	z-index: 0;
	background-size: cover;
	background-position: center;

	filter:
		saturate(.78)
		contrast(.94)
		brightness(.96);
}

.es-bg-grad-light-4 > .container {
	position: relative;
	z-index: 2;
}

.es-bg-grad-light-4::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background:
		radial-gradient(
			circle at 12% 45%,
			rgba(255,255,255,.22) 0%,
			rgba(248,247,244,.58) 42%,
			rgba(246,245,241,.86) 100%
		),

		linear-gradient(
			90deg,
			rgba(248,247,244,.84) 0%,
			rgba(247,246,242,.68) 42%,
			rgba(245,244,240,.90) 100%
		);
}







/* =====================================================
   Foundation Background Overlay System
   Light Version 3
   (Slightly more transparent than Light 4)
===================================================== */

.es-bg-grad-light-3{
	position:relative;
	overflow:hidden;
	isolation:isolate;
}

.es-bg-grad-light-3 .bg-holder{
	z-index:0;

	background-size:cover;
	background-position:center;

	/* Let the image breathe a little more */
	filter:
		saturate(.82)
		contrast(.96)
		brightness(.94);
}

.es-bg-grad-light-3 > .container{
	position:relative;
	z-index:2;
}

.es-bg-grad-light-3::before{

	content:"";

	position:absolute;
	inset:0;

	z-index:1;

	pointer-events:none;

	background:

		/* Architectural paper spotlight
		   Biased to the left to reveal the builder and trowel */

		radial-gradient(
			circle at 12% 45%,
			rgba(255,255,255,.12) 0%,
			rgba(248,247,244,.42) 42%,
			rgba(246,245,241,.78) 100%
		),

		/* Warm architectural paper wash */

		linear-gradient(
			90deg,
			rgba(248,247,244,.72) 0%,
			rgba(247,246,242,.54) 42%,
			rgba(245,244,240,.82) 100%
		);
}








/* =====================================================
   Foundation Image Header Card
===================================================== */

.es-image-card {
  border: 1px solid rgba(20,20,20,.08);
  box-shadow: 0 1rem 3rem rgba(20,20,20,.08);
}

.es-image-card-header {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f5f4f0;
}

.es-image-card-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  filter:
	saturate(.8)
	contrast(.92)
	brightness(1.08);
}

.es-image-card-header::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
	linear-gradient(
	  180deg,
	  rgba(248,247,244,.12),
	  rgba(248,247,244,.43)
	);
}

.es-image-card-body {
  background: rgba(255,255,255,.88);
}