.lew-hero-image {
	position: relative; min-height: 70vh; display: flex; align-items: flex-end;
	overflow: hidden; color: #fff; padding: var(--lew-space-12) var(--lew-space-8);
}
.lew-hero-image__bg { position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center; }
.lew-hero-image__bg--video video { width: 100%; height: 100%; object-fit: cover; }
.lew-hero-image__bg--video { }
.lew-hero-image__video-toggle {
	position: absolute; bottom: var(--lew-space-4); right: var(--lew-space-4); z-index: 2;
	width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.5); border: none; color: #fff; cursor: pointer;
}
.lew-hero-image__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(10,31,51,.75), rgba(10,31,51,.25)); }
.lew-hero-image__content { position: relative; z-index: 2; max-width: 640px; }
.lew-hero-image__heading { font-size: var(--lew-fs-h1); font-weight: 700; color: #fff; margin-bottom: var(--lew-space-3); text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.lew-hero-image__tagline { font-size: 1.15rem; opacity: .92; margin-bottom: var(--lew-space-6); }
.lew-hero-image__actions { display: flex; gap: var(--lew-space-4); flex-wrap: wrap; }
.lew-hero-image__scroll-indicator { position: absolute; bottom: var(--lew-space-6); left: 50%; transform: translateX(-50%); z-index: 2; animation: lew-bounce 2s infinite; }
.lew-hero-image__scroll-indicator .lew-icon-chevron-down::before { content: "⌄"; font-size: 2rem; color: #fff; }
@keyframes lew-bounce { 0%,100% { transform: translate(-50%,0); } 50% { transform: translate(-50%,8px); } }

.lew-hero-image--align-top    { align-items: flex-start; }
.lew-hero-image--align-center { align-items: center; text-align: center; }
.lew-hero-image--align-center .lew-hero-image__content { margin: 0 auto; }
.lew-hero-image--align-bottom { align-items: flex-end; }

@media (max-width: 767px) {
	.lew-hero-image { min-height: 50vh; padding: var(--lew-space-6) var(--lew-space-4); }
	.lew-hero-image__actions { flex-direction: column; align-items: stretch; }
}