/* ===========================
	   Global defaults
	   =========================== */
	.site-header-img {
	  max-width: 100%;
	  height: auto;
	  display: block;
	}

	/* ===========================
	   Home hero (3/4 fold)
	   =========================== */
	.home-hero {
	  position: relative;
	  min-height: 75vh;
	  border-radius: 1rem;
	  overflow: hidden;
	  background: #f3f4f6;
	}

	/* Picture wrapper fills hero */
	.home-hero-bg {
	  position: absolute;
	  inset: 0;
	  width: 100%;
	  height: 100%;
	  display: block;
	}

	/* Image fills wrapper */
	.home-hero-bg img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  object-position: center;
	  display: block;
	  transform: scale(1.02);
	}

	/* Overlay above image */
	.home-hero-overlay {
	  position: absolute;
	  inset: 0;
	  z-index: 1;
	  background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.65),
		rgba(0, 0, 0, 0.20)
	  );
	}

	/* Decorative corner lines */
	.corner-lines {
	  position: absolute;
	  inset: 0;
	  z-index: 2;
	  pointer-events: none;
	}

	.corner-lines::before,
	.corner-lines::after {
	  content: "";
	  position: absolute;
	  width: 160px;
	  height: 110px;
	  border: 2px solid rgba(255, 255, 255, 0.55);
	}

	.corner-lines::before {
	  top: 2rem;
	  left: 2rem;
	  border-right: 0;
	  border-bottom: 0;
	}

	.corner-lines::after {
	  bottom: 2rem;
	  right: 2rem;
	  border-left: 0;
	  border-top: 0;
	}

	.home-hero-content{
	  position: absolute;
	  inset: 0;           /* fills the entire .home-hero */
	  z-index: 3;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}

	.glass-card {
	  background: rgba(15, 38, 26, 0.55);
	  backdrop-filter: blur(10px);
	  -webkit-backdrop-filter: blur(10px);
	  border-radius: 1.25rem;
	  border: 1px solid rgba(255, 255, 255, 0.18);
	  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.25);
	  color: #fff;
	}


	/* Decorative corner lines (optional) */
	.corner-lines {
	position: absolute;
	inset: 0;
	pointer-events: none;
	}
	.corner-lines:before,
	.corner-lines:after {
	content: "";
	position: absolute;
	width: 160px;
	height: 110px;
	border: 2px solid rgba(255,255,255,.55);
	border-right: 0;
	border-bottom: 0;
	top: 2rem;
	left: 2rem;
	}
	.corner-lines:after {
	border: 2px solid rgba(255,255,255,.55);
	border-left: 0;
	border-top: 0;
	top: auto;
	left: auto;
	bottom: 2rem;
	right: 2rem;
	}