/* LG - Hero */
.lg-hero { position: relative; min-height: var(--lg-hero-height, 760px); overflow: hidden; color: var(--lg-light); background: var(--lg-eggplant);}
.lg-hero__media { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none;}
.lg-hero__media-base,
.lg-hero__picture,
.lg-hero__image { display: block; width: 100%; height: 100%;}
.lg-hero__picture { position: absolute; inset: 0;}
.lg-hero__image { object-fit: cover; object-position: var(--lg-hero-desktop-position, center center);}
.lg-hero__video-layer { position: absolute; inset: 0; z-index: 2; visibility: hidden; opacity: 0; overflow: hidden; transition: opacity .35s ease;}
.lg-hero--video-active .lg-hero__video-layer { visibility: visible; opacity: 1;}
.lg-hero__video,
.lg-hero__iframe { display: block; width: 100%; height: 100%; border: 0;}
.lg-hero__video { object-fit: cover; object-position: var(--lg-hero-desktop-position, center center);}
.lg-hero__iframe { position: absolute; top: 50%; left: 50%; width: max(100%, 177.78vh); height: max(100%, 56.25vw); max-width: none; transform: translate(-50%, -50%);}
.lg-hero__overlay { position: absolute; inset: 0; z-index: 3; opacity: var(--lg-hero-overlay-opacity, .7); background: var(--lg-hero-overlay-colour, var(--lg-eggplant));}
.lg-hero--overlay-bottom .lg-hero__overlay { background: linear-gradient(180deg, transparent 10%, var(--lg-hero-overlay-colour, var(--lg-eggplant)) 100%);}
.lg-hero--overlay-left .lg-hero__overlay { background: linear-gradient(90deg, var(--lg-hero-overlay-colour, var(--lg-eggplant)) 0%, transparent 80%);}
.lg-hero--overlay-none .lg-hero__overlay { display: none;}
.lg-hero__container { position: relative; z-index: 4; min-height: inherit;}
.lg-hero__inner { display: flex; min-height: inherit; padding-top: 100px; padding-bottom: 80px;}
.lg-hero--vertical-start .lg-hero__inner { align-items: flex-start;}
.lg-hero--vertical-center .lg-hero__inner { align-items: center;}
.lg-hero--vertical-end .lg-hero__inner { align-items: flex-end;}
.lg-hero__content { width: 100%; max-width: var(--lg-hero-content-width, 650px);}
.lg-hero--align-center .lg-hero__content { margin-right: auto; margin-left: auto; text-align: center;}
.lg-hero--align-right .lg-hero__content { margin-left: auto; text-align: right;}
.lg-hero__eyebrow { margin-bottom: 15px; font-family: var(--wd-text-font, Arial, Helvetica, sans-serif); font-size: 11px; line-height: 20px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; opacity: 0.8;}
.lg-hero__heading { margin: 0; color: inherit; font-family: var(--wd-alternative-font, "Reckless", Arial, Helvetica, sans-serif); font-size: clamp(48px, 5.2vw, 80px); line-height: .96; font-weight: 400;}
.lg-hero__copy { max-width: 570px; margin-top: 24px; font-family: var(--wd-text-font, Arial, Helvetica, sans-serif); font-size: 20px; line-height: 1.5; opacity: 0.8;}
.lg-hero--align-center .lg-hero__copy { margin-right: auto; margin-left: auto;}
.lg-hero--align-right .lg-hero__copy { margin-left: auto;}
.lg-hero__copy > :first-child { margin-top: 0;}
.lg-hero__copy > :last-child { margin-bottom: 0;}
.lg-hero__actions { display: flex; align-items: center; gap: 28px; margin-top: 30px;}
.lg-hero--align-center .lg-hero__actions { justify-content: center;}
.lg-hero--align-right .lg-hero__actions { justify-content: flex-end;}
.lg-hero__secondary { color: var(--lg-light);}

@media (max-width: 1024px) {
	.lg-hero__heading { font-size: clamp(44px, 7vw, 70px);}
	.lg-hero__copy br { display: none;}
}

@media (max-width: 767px) {
	.lg-hero { min-height: var(--lg-hero-mobile-height, 680px);}
	.lg-hero__image,
	.lg-hero__video { object-position: var(--lg-hero-mobile-position, center center);}
	.lg-hero__inner { padding-top: 80px; padding-bottom: 45px;}
	.lg-hero__heading { font-size: 46px; line-height: 1;}
	.lg-hero__copy { margin-top: 20px; font-size: 16px; line-height: 1.45;}
	.lg-hero__actions { align-items: flex-start; gap: 20px; margin-top: 25px;}
}

@media (max-width: 480px) {
	.lg-hero__actions { flex-direction: column;}
}

@media (prefers-reduced-motion: reduce) {
	.lg-hero__video-layer { display: none; transition: none;}
}