.wp-block-liauto-fullscreen-media {
	position: relative;
	width: 100%;
	height: 100svh;
	min-height: 36rem;
	overflow: clip;
}

.liauto-fullscreen-media__scene {
	position: relative;
	display: grid;
	width: 100%;
	height: 100%;
	isolation: isolate;
}

.liauto-fullscreen-media__media,
.liauto-fullscreen-media__asset {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.liauto-fullscreen-media__media {
	z-index: -2;
	background: #000;
}

.liauto-fullscreen-media__asset {
	object-fit: cover;
}

.liauto-fullscreen-media__asset--mobile {
	display: none;
}

.liauto-fullscreen-media.has-overlay .liauto-fullscreen-media__scene::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: linear-gradient(180deg, rgb(0 0 0 / 5%) 20%, rgb(0 0 0 / 58%) 100%);
	content: "";
}

.liauto-fullscreen-media__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-block: calc(var(--liauto-header-height) + 3rem) clamp(3rem, 8vh, 7rem);
}

.liauto-fullscreen-media--bottom-center .liauto-fullscreen-media__content {
	align-items: center;
	text-align: center;
}

.liauto-fullscreen-media--center .liauto-fullscreen-media__content {
	align-items: center;
	justify-content: center;
	text-align: center;
}

.liauto-fullscreen-media--top-left .liauto-fullscreen-media__content {
	justify-content: flex-start;
}

.liauto-fullscreen-media--light {
	color: #fff;
}

.liauto-fullscreen-media--dark {
	color: #111;
}

.liauto-fullscreen-media__eyebrow {
	margin: 0 0 1rem;
	color: #dbad76;
	font-size: clamp(0.875rem, 1.3vw, 1.125rem);
	letter-spacing: 0;
}

.liauto-fullscreen-media__heading {
	max-width: 56rem;
	margin: 0;
	font-size: clamp(2rem, 4.5vw, 4.75rem);
	font-weight: 500;
	line-height: 1.06;
}

.liauto-fullscreen-media__body {
	max-width: 42rem;
	margin-top: 1.25rem;
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	line-height: 1.5;
}

.liauto-fullscreen-media__body p {
	margin: 0;
}

.liauto-fullscreen-media__action {
	display: inline-flex;
	margin-top: 1.5rem;
	padding: 0;
	border: 0;
	align-items: center;
	gap: .5rem;
	color: inherit;
	background: transparent;
	font: inherit;
	cursor: pointer;
}

.liauto-fullscreen-media__action svg {
	width: 1.25rem;
	fill: currentcolor;
}

.liauto-fullscreen-media--layout-framed {
	height: auto;
	min-height: 0;
	padding-block: 10rem 8rem;
	color: #fff;
	background: #000;
}

.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__scene {
	display: block;
	width: min(77.24vw, 92.69rem);
	height: auto;
	margin: 0 auto;
}

.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__media {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 4px;
}

.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__content {
	position: absolute;
	z-index: 1;
	top: 4rem;
	left: 4rem;
	display: block;
	width: auto;
	padding: 0;
}

.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__heading {
	font-size: clamp(2rem, 2.1vw, 2.5rem);
	font-weight: 400;
	line-height: 1.2;
}

.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__action {
	font-size: .875rem;
}

/* The L9 two-tone craft film uses the taller, full-bleed desktop stage from the source page. */
@media (min-width: 721px) {
	#l9-two-tone-craft.liauto-fullscreen-media--layout-framed {
		padding-block: 10rem;
	}

	#l9-two-tone-craft.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__scene {
		width: 100%;
		height: min(calc(100svh - 6.125rem), 65.875rem);
		min-height: 52rem;
	}

	#l9-two-tone-craft.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__media {
		height: 100%;
		aspect-ratio: auto;
		border-radius: 0;
	}

	#l9-two-tone-craft.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__content {
		top: 1rem;
		left: 20%;
	}
}

.liauto-fullscreen-media--layout-presentation {
	height: auto;
	min-height: 0;
	padding-block: clamp(6rem, 8vw, 9rem);
	color: #111;
	background: #fff;
}

.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__scene {
	display: flex;
	width: min(77.24vw, 92.69rem);
	height: auto;
	margin: 0 auto;
	flex-direction: column;
}

.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__content {
	order: -1;
	padding: 0 0 clamp(2rem, 3.2vw, 3.75rem);
}

.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__heading {
	max-width: 70rem;
	font-size: clamp(2rem, 2.1vw, 2.5rem);
	font-weight: 400;
	line-height: 1.2;
}

.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__body {
	max-width: 74rem;
	margin-top: 1rem;
	color: #737373;
	font-size: clamp(.9375rem, 1vw, 1.125rem);
	line-height: 1.55;
}

.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__action {
	margin-top: 1rem;
	font-size: .875rem;
}

.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__media {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

/* Match the compact L9 panoramic-display chapter rhythm of the reference page. */
@media (min-width: 721px) {
	#l9-panoramic-display.liauto-fullscreen-media--layout-presentation {
		padding-bottom: 5.1875rem;
	}
}

#l9-cabin-intro .liauto-fullscreen-media__content {
	padding-bottom: clamp(4rem, 8vh, 7rem);
}

#l9-cabin-intro .liauto-fullscreen-media__eyebrow {
	margin-bottom: .75rem;
	color: #dbad76;
	font-size: 1rem;
	letter-spacing: 0;
}

#l9-cabin-intro .liauto-fullscreen-media__heading {
	font-size: clamp(2rem, 2.1vw, 2.5rem);
	font-weight: 400;
	line-height: 1.2;
}

#l9-chassis-intro .liauto-fullscreen-media__eyebrow {
	margin-bottom: 1rem;
	color: #dbad76;
	font-size: 1.5rem;
	line-height: 1.35;
	letter-spacing: 0;
}

#l9-chassis-intro .liauto-fullscreen-media__heading {
	max-width: none;
	font-size: 2.875rem;
	font-weight: 400;
	line-height: 1.35;
}

@media (min-width: 721px) {
	#l9-chassis-intro .liauto-fullscreen-media__content {
		width: 60%;
		padding-bottom: 17.5vh;
	}
}

#l9-livis-intro .liauto-fullscreen-media__eyebrow {
	margin-bottom: .75rem;
	color: #dbad76;
	font-size: 1rem;
	letter-spacing: 0;
}

#l9-livis-intro .liauto-fullscreen-media__heading {
	font-size: clamp(2rem, 2.1vw, 2.5rem);
	font-weight: 400;
	line-height: 1.2;
}

#l9-safety-intro .liauto-fullscreen-media__eyebrow {
	margin-bottom: 1rem;
	color: #dbad76;
	font-size: 1.5rem;
	line-height: 1.35;
	letter-spacing: 0;
}

#l9-safety-intro .liauto-fullscreen-media__heading {
	max-width: none;
	font-size: 2.875rem;
	font-weight: 400;
	line-height: 1.35;
}

@media (min-width: 721px) {
	#l9-safety-intro .liauto-fullscreen-media__content {
		width: 60%;
		padding-bottom: 17.5vh;
	}
}

.liauto-fullscreen-media__dialog {
	width: 100vw;
	max-width: none;
	height: 100vh;
	max-height: none;
	padding: 0;
	border: 0;
	background: #000;
}

.liauto-fullscreen-media__dialog::backdrop {
	background: rgb(0 0 0 / 92%);
}

.liauto-fullscreen-media__dialog-video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.liauto-fullscreen-media__dialog-close {
	position: fixed;
	z-index: 2;
	top: 1.5rem;
	right: 1.5rem;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 45%);
	border-radius: 50%;
	color: #fff;
	background: rgb(0 0 0 / 45%);
	font: 300 2rem/1 sans-serif;
	cursor: pointer;
}

.liauto-fullscreen-media--motion-sticky {
	height: 150svh;
}

.liauto-fullscreen-media--motion-sticky .liauto-fullscreen-media__scene {
	position: sticky;
	top: 0;
	height: 100svh;
}

@media (max-width: 720px) {
	.wp-block-liauto-fullscreen-media {
		min-height: 0;
		color: #111;
		background: #fff;
	}

	#l9-original-design {
		height: calc(100vw + 9.375rem);
	}

	#l9-flagship-stance {
		height: calc(100vw + 10.75rem);
		margin-top: 5rem;
	}

	.liauto-fullscreen-media.has-mobile-media .liauto-fullscreen-media__asset--desktop {
		display: none;
	}

	.liauto-fullscreen-media__asset--mobile {
		display: block;
	}

	.liauto-fullscreen-media__media {
		top: 9.375rem;
		height: 100vw;
	}

	#l9-flagship-stance .liauto-fullscreen-media__media {
		top: 10.75rem;
	}

	.liauto-fullscreen-media.has-overlay .liauto-fullscreen-media__scene::after {
		display: none;
	}

	.liauto-fullscreen-media__content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 9.375rem;
		padding: 1.25rem;
		justify-content: center;
	}

	#l9-original-design .liauto-fullscreen-media__content {
		align-items: center;
		text-align: center;
	}

	#l9-original-design .liauto-fullscreen-media__eyebrow {
		display: none;
	}

	#l9-flagship-stance .liauto-fullscreen-media__content {
		height: 10.75rem;
	}

	.liauto-fullscreen-media__heading {
		font-size: 1.5rem;
		line-height: 1.15;
	}

	.liauto-fullscreen-media__body {
		margin-top: 0.5rem;
		font-size: 0.75rem;
		line-height: 1.45;
	}

	.liauto-fullscreen-media--motion-sticky {
		height: auto;
	}

	.liauto-fullscreen-media--layout-framed {
		padding-block: 5rem 4rem;
		color: #fff;
		background: #000;
	}

	.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__scene {
		width: 100%;
	}

	.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__media {
		top: 0;
		height: auto;
		border-radius: 0;
	}

	.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__content {
		top: 1.5rem;
		left: var(--liauto-gutter);
		height: auto;
		padding: 0;
	}

	.liauto-fullscreen-media--layout-framed .liauto-fullscreen-media__heading {
		font-size: 1.5rem;
	}

	.liauto-fullscreen-media--layout-presentation {
		padding-block: 5rem 4rem;
	}

	.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__scene {
		width: 100%;
	}

	.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__content {
		position: relative;
		top: auto;
		left: auto;
		height: auto;
		padding: 0 var(--liauto-gutter) 2rem;
		justify-content: flex-start;
	}

	.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__heading {
		font-size: 1.5rem;
	}

	.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__body {
		font-size: .75rem;
	}

	.liauto-fullscreen-media--layout-presentation .liauto-fullscreen-media__media {
		top: 0;
		height: auto;
	}

	#l9-cabin-intro {
		height: 100svh;
		min-height: 36rem;
		color: #fff;
		background: #000;
	}

	#l9-cabin-intro .liauto-fullscreen-media__media {
		top: 0;
		height: 100%;
	}

	#l9-cabin-intro .liauto-fullscreen-media__content {
		top: auto;
		bottom: 3.5rem;
		height: auto;
		padding: 0 var(--liauto-gutter);
		align-items: center;
		text-align: center;
	}

	#l9-cabin-intro .liauto-fullscreen-media__eyebrow {
		font-size: .875rem;
	}

	#l9-cabin-intro .liauto-fullscreen-media__heading {
		font-size: 1.5rem;
	}

	#l9-chassis-intro {
		height: calc(100vw + 11.94rem);
		color: #111;
		background: #fff;
	}

	#l9-chassis-intro .liauto-fullscreen-media__media {
		top: 11.94rem;
		height: 100vw;
	}

	#l9-chassis-intro .liauto-fullscreen-media__content {
		height: 11.94rem;
		padding: 1.25rem var(--liauto-gutter);
		align-items: center;
		text-align: center;
	}

	#l9-chassis-intro .liauto-fullscreen-media__eyebrow {
		margin-bottom: .75rem;
		font-size: .875rem;
	}

	#l9-chassis-intro .liauto-fullscreen-media__heading {
		font-size: 1.5rem;
	}

	#l9-5c-intro {
		height: 100svh;
		min-height: 36rem;
		color: #fff;
		background: #000;
	}

	#l9-5c-intro .liauto-fullscreen-media__media {
		top: 0;
		height: 100%;
	}

	#l9-5c-intro.has-overlay .liauto-fullscreen-media__scene::after {
		display: block;
		background: linear-gradient(180deg, transparent 45%, rgb(0 0 0 / 62%) 100%);
	}

	#l9-5c-intro .liauto-fullscreen-media__content {
		top: auto;
		bottom: 3.5rem;
		height: auto;
		padding: 0 var(--liauto-gutter);
	}

	#l9-5c-intro .liauto-fullscreen-media__eyebrow {
		margin-bottom: .75rem;
		font-size: .875rem;
		letter-spacing: 0;
	}

	#l9-5c-intro .liauto-fullscreen-media__heading {
		font-size: 1.75rem;
	}

	#l9-livis-intro {
		height: 100svh;
		min-height: 36rem;
		color: #fff;
		background: #000;
	}

	#l9-livis-intro .liauto-fullscreen-media__media {
		top: 0;
		height: 100%;
	}

	#l9-livis-intro.has-overlay .liauto-fullscreen-media__scene::after {
		display: block;
		background: linear-gradient(180deg, transparent 45%, rgb(0 0 0 / 62%) 100%);
	}

	#l9-livis-intro .liauto-fullscreen-media__content {
		top: auto;
		bottom: 3.5rem;
		height: auto;
		padding: 0 var(--liauto-gutter);
	}

	#l9-livis-intro .liauto-fullscreen-media__eyebrow {
		margin-bottom: .75rem;
		font-size: .875rem;
		letter-spacing: 0;
	}

	#l9-livis-intro .liauto-fullscreen-media__heading {
		font-size: 1.75rem;
	}

	#l9-safety-intro {
		height: 100svh;
		min-height: 36rem;
		color: #fff;
		background: #000;
	}

	#l9-safety-intro .liauto-fullscreen-media__media {
		top: 0;
		height: 100%;
	}

	#l9-safety-intro.has-overlay .liauto-fullscreen-media__scene::after {
		display: block;
		background: linear-gradient(180deg, transparent 45%, rgb(0 0 0 / 62%) 100%);
	}

	#l9-safety-intro .liauto-fullscreen-media__content {
		top: auto;
		bottom: 3.5rem;
		height: auto;
		padding: 0 var(--liauto-gutter);
	}

	#l9-safety-intro .liauto-fullscreen-media__eyebrow {
		margin-bottom: .75rem;
		font-size: .875rem;
		letter-spacing: 0;
	}

	#l9-safety-intro .liauto-fullscreen-media__heading {
		font-size: 1.75rem;
	}
}