
.lp-hero {
	position: relative;
	background-size: cover;
	background-position: center;
	padding: 100px 0 90px;
	overflow: hidden;
}

.lp-hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(27, 46, 74, .8) 0%, rgba(27, 46, 74, .65) 100%);
	z-index: 1;
}

.lp-hero .container {
	position: relative;
	z-index: 2;
}

.lp-hero__content {
	max-width: 680px;
}

.lp-hero__heading {
	color: white;
	font-family: var(--font1);
	font-size: 3.2rem;
	line-height: 1.12;
	margin: 0 0 20px;
	font-weight: 700;
}

/* Decorative gold divider with palm frond */
.lp-gold-underline {
	display: flex;
	align-items: center;
	gap: 0;
	margin-bottom: 25px;
	max-width: 480px;
}

.lp-gold-underline::before, .lp-gold-underline::after {
	content: "";
	flex: 1;
	height: 2px;
	background: linear-gradient(87deg, #b39a75 0%, #dccb8d 100%);
}

.lp-gold-underline::after {
	background: linear-gradient(87deg, #dccb8d 0%, #b39a75 100%);
}

.lp-gold-underline .lp-frond {
	width: 70px;
	height: 24px;
	flex-shrink: 0;
	background: url("https://cdn-kgddl.nitrocdn.com/bcCBWmejozJByhfBmecPtbpaWxmHKJAc/assets/images/optimized/rev-c956bc5/footprintsbeachside.com/wp-content/themes/footprints/assets/img/palm-frond.svg") center/contain no-repeat;
	margin: 0 4px;
}

.lp-hero__subheading {
	color: rgba(255, 255, 255, .9);
	font-family: var(--font2);
	font-size: 1.2rem;
	line-height: 1.65;
	margin: 0 0 35px;
	max-width: 550px;
}

.lp-hero__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.lp-hero__phone-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: rgba(27, 46, 74, .7);
	color: white;
	padding: 15px 32px;
	border-radius: 9999px;
	font-weight: 600;
	font-family: var(--font2);
	text-decoration: none;
	font-size: 1.05rem;
	transition: all .3s ease;
	border: 1.5px solid rgba(255, 255, 255, .3);
}

.lp-hero__phone-btn:hover {
	background: rgba(27, 46, 74, .9);
	border-color: rgba(255, 255, 255, .5);
	color: white;
}

.lp-hero__verify-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(87deg, #b39a75 0%, #dccb8d 100%);
	color: white;
	padding: 15px 32px;
	border-radius: 9999px;
	font-weight: 600;
	font-family: var(--font2);
	text-decoration: none;
	font-size: 1.05rem;
	transition: all .3s ease;
}

.lp-hero__verify-btn:hover {
	background: linear-gradient(87deg, #dccb8d 0%, #b39a75 100%);
	color: white;
}

@media (max-width: 991px) {
	.lp-hero {
		padding: 80px 0 70px;
	}
	
	.lp-hero__heading {
		font-size: 2.5rem;
	}
}

@media (max-width: 767px) {
	.lp-hero {
		padding: 60px 0 50px;
	}
	
	.lp-hero__heading {
		font-size: 2rem;
	}
	
	.lp-hero__subheading {
		font-size: 1rem;
	}
	
	.lp-hero__phone-btn, .lp-hero__verify-btn {
		width: 100%;
		justify-content: center;
	}
}
