/* Home page styles */
.home-hero {
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	
}

.home-hero .hero-image.placeholder {
	height: 320px;
	background: repeating-linear-gradient(45deg, #f3f4f6, #f3f4f6 10px, #eef2f7 10px, #eef2f7 20px);
	border: 1px dashed #cbd5e1;
	box-shadow: inset 0 0 0 9999px rgba(255,255,255,.25);
}

@media (min-width: 992px) {
	.home-hero .hero-image.placeholder {
		height: 440px;
	}
}
.home-marquee {
	overflow: hidden;
	background-color: #F5E0D3;
	white-space: nowrap;
	position: relative;
}
.home-marquee .marquee-track {
	display: inline-block;
	animation: marquee-left 30s linear infinite;
	letter-spacing: 0.06em;
	color: #334155;
	will-change: transform;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
} 
.home-marquee .marquee-track::after {
	content: attr(data-text); /* duplicate automatically */
	font-size: 2rem; 
}
.home-marquee .marquee-track span { 
	font-size: 2rem;
	white-space: nowrap; 
}
@keyframes marquee-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	} 
}
.home-marquee:hover .marquee-track {
	animation-play-state: paused;
}


.home-hero {
  height: 70vh;
  background: var(--hero-desktop) center/cover no-repeat;
  position: relative;
  display: flex;
  align-items: center; /* vertical middle */
}
.home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
}
@media (max-width: 767px) {
  .home-hero {
    background: var(--hero-mobile) center/cover no-repeat;
  }
	.home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(256,256,256,0.45);
}
}

.stat-item {
  background-color: #F5E0D3; /* nude/beige/pinkish tone */
  border-radius: 12px;
  padding: 20px;
}

.hero-content {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: left;
}

h2 {
	font-size: clamp(1.75rem, 2.5vw + 1rem, 2.5rem);
}

.home-headline p {
	font-size: 1.075rem;
}