/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  01 — MASTER HERO

  BUILD VERSION: 2.5.0
  BUILD DATE: 2026-08-07

  Replace the complete contents of:
  /luxeline-pages/css/master-service-page.css

  Verification:
  Inspect #lux-ms-hero in DevTools and confirm:
  --lux-ms-hero-build: "2.2.0"
======================================================================*/


/*======================================================================
  01.1 — FOUNDATION
======================================================================*/

#lux-ms-hero,
#lux-ms-hero *,
#lux-ms-hero *::before,
#lux-ms-hero *::after {
	box-sizing: border-box;
}

#lux-ms-hero {
	--lux-ms-hero-build: "2.5.0";
	--lux-ms-white: #ffffff;
	--lux-ms-gold: #e1c582;
	--lux-ms-black: #09090a;
	--lux-ms-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;
	min-height: clamp(760px, 50vw, 880px);

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden;

	background: var(--lux-ms-black) !important;
	color: var(--lux-ms-white) !important;

	-webkit-tap-highlight-color: transparent;
}

#lux-ms-hero > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-hero :is(h1, h2, h3, h4, p) {
	margin: 0;
}


/*======================================================================
  01.2 — IMAGE LAYER
======================================================================*/

#lux-ms-hero .lux-ms-hero__media {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;

	display: block !important;

	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden;
}

#lux-ms-hero .lux-ms-hero__media > .e-con-inner {
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-hero .lux-ms-hero__image,
#lux-ms-hero .lux-ms-hero__image .elementor-widget-container,
#lux-ms-hero .lux-ms-hero__image picture {
	display: block !important;

	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-hero .lux-ms-hero__image img {
	display: block !important;

	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;

	margin: 0 !important;

	object-fit: cover !important;
	object-position: center center;

	transform: scale(1.004);
	transform-origin: center center;

	filter: saturate(0.95) contrast(1.02);
}


/*======================================================================
  01.3 — APPROVED OVERLAY
======================================================================*/

#lux-ms-hero::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 1;

	background:
		linear-gradient(
			90deg,
			rgba(6, 6, 7, 0.86) 0%,
			rgba(6, 6, 7, 0.68) 34%,
			rgba(6, 6, 7, 0.31) 66%,
			rgba(6, 6, 7, 0.11) 100%
		),
		linear-gradient(
			180deg,
			rgba(6, 6, 7, 0.16) 0%,
			rgba(6, 6, 7, 0.03) 48%,
			rgba(6, 6, 7, 0.58) 100%
		);

	pointer-events: none;
}

#lux-ms-hero::after {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 2;

	background:
		radial-gradient(
			circle at 78% 18%,
			rgba(255, 255, 255, 0.08),
			transparent 31%
		),
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.07),
			transparent 54%
		);

	pointer-events: none;
}


/*======================================================================
  01.4 — DESKTOP SHELL
======================================================================*/

#lux-ms-hero .lux-ms-hero__shell {
	position: relative !important;
	z-index: 3 !important;

	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 220px !important;
	column-gap: clamp(48px, 5vw, 82px) !important;

	align-items: center !important;

	width: min(calc(100% - 72px), var(--lux-ms-shell)) !important;
	max-width: var(--lux-ms-shell) !important;
	min-height: clamp(760px, 50vw, 880px);

	margin: 0 auto !important;

	padding:
		clamp(145px, 9vw, 175px)
		0
		clamp(54px, 4vw, 72px) !important;
}

#lux-ms-hero .lux-ms-hero__shell > .e-con-inner {
	display: contents !important;
}


/*======================================================================
  01.5 — CONTENT
======================================================================*/

#lux-ms-hero .lux-ms-hero__content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 735px !important;

	margin: 0 !important;
	padding: 0 !important;

	transform: translateY(-12px);
}

#lux-ms-hero .lux-ms-hero__content > .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-hero .lux-ms-hero__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__eyebrow
	.elementor-widget-container {
	padding: 0 0 31px !important;
}

#lux-ms-hero
	.lux-ms-hero__eyebrow
	.elementor-heading-title {
	display: flex !important;
	align-items: center !important;
	gap: 17px !important;

	color: var(--lux-ms-gold) !important;
	-webkit-text-fill-color: var(--lux-ms-gold) !important;

	font-family: "Manrope", Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase;

	white-space: nowrap;

	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.32);
}

#lux-ms-hero
	.lux-ms-hero__eyebrow
	.elementor-heading-title::before {
	content: "";

	flex: 0 0 56px;

	width: 56px;
	height: 1px;

	background: currentColor;
}


/* Main title */

#lux-ms-hero .lux-ms-hero__title {
	width: 100% !important;
	max-width: 735px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__title
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__title
	.elementor-heading-title,
#lux-ms-hero
	#lux-ms-hero-title {
	display: block !important;

	width: 100% !important;
	max-width: 735px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-white) !important;
	-webkit-text-fill-color: var(--lux-ms-white) !important;

	font-family: "Cinzel", Georgia, "Times New Roman", serif !important;
	font-size: clamp(58px, 4vw, 78px) !important;
	font-weight: 400 !important;
	line-height: 1.01 !important;
	letter-spacing: -0.041em !important;
	word-spacing: 0.052em !important;
	text-transform: uppercase;

	text-wrap: balance;

	text-shadow:
		0 4px 24px rgba(0, 0, 0, 0.38),
		0 1px 8px rgba(0, 0, 0, 0.24);
}


/* Description */

#lux-ms-hero .lux-ms-hero__description {
	width: 100% !important;
	max-width: 620px !important;

	margin: 28px 0 0 !important;
	padding: 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__description
	.elementor-widget-container,
#lux-ms-hero
	.lux-ms-hero__description
	p {
	color: var(--lux-ms-white) !important;
	-webkit-text-fill-color: var(--lux-ms-white) !important;

	font-family: "Manrope", Arial, sans-serif !important;
	font-size: clamp(16px, 1vw, 18px) !important;
	font-weight: 400 !important;
	line-height: 1.67 !important;
	letter-spacing: -0.014em !important;

	text-shadow:
		0 3px 16px rgba(0, 0, 0, 0.42),
		0 1px 5px rgba(0, 0, 0, 0.28);
}

#lux-ms-hero
	.lux-ms-hero__description
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  01.6 — CTA
======================================================================*/

#lux-ms-hero .lux-ms-hero__button {
	width: 100% !important;
	max-width: 365px !important;

	margin: 34px 0 0 !important;
	padding: 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-widget-container,
#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button-wrapper {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button {
	position: relative;
	isolation: isolate;

	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 22px !important;

	width: 100% !important;
	min-height: 70px;

	margin: 0 !important;
	padding: 19px 23px !important;

	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, 0.92) !important;
	border-radius: 10px !important;

	background:
		linear-gradient(
			120deg,
			rgba(255, 255, 255, 0.055),
			rgba(255, 255, 255, 0.012)
		) !important;

	color: var(--lux-ms-white) !important;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.11),
		0 16px 38px rgba(0, 0, 0, 0.14);

	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);

	text-decoration: none !important;

	transition:
		color 320ms ease,
		border-color 320ms ease,
		box-shadow 320ms ease,
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: -1;

	background: var(--lux-ms-white);

	transform: scaleX(0);
	transform-origin: left center;

	transition:
		transform 430ms cubic-bezier(0.22, 1, 0.36, 1);
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button-content-wrapper {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 22px !important;

	width: 100% !important;
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button-text {
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;

	font-family: "Manrope", Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.115em !important;
	text-transform: uppercase;

	text-align: left;
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	flex: 0 0 20px;

	width: 20px !important;
	height: 20px;

	margin: 0 !important;

	color: inherit !important;

	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button-icon
	:is(i, svg) {
	display: block !important;

	width: 15px !important;
	height: 15px !important;

	margin: 0 !important;

	color: inherit !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}


/*======================================================================
  01.7 — EDITORIAL RAIL
======================================================================*/

#lux-ms-hero .lux-ms-hero__rail {
	align-self: end;

	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-end !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 220px !important;

	margin: 0 !important;
	padding: 0 0 8px 24px !important;

	border-left: 1px solid rgba(255, 255, 255, 0.32);
}

#lux-ms-hero .lux-ms-hero__rail > .e-con-inner {
	display: contents !important;
}

#lux-ms-hero .lux-ms-hero__rail-number {
	width: auto !important;

	margin: 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__rail-number
	.elementor-heading-title {
	color: var(--lux-ms-white) !important;
	-webkit-text-fill-color: var(--lux-ms-white) !important;

	font-family: "Cinzel", Georgia, "Times New Roman", serif !important;
	font-size: 40px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: -0.03em !important;

	text-shadow: 0 3px 16px rgba(0, 0, 0, 0.34);
}

#lux-ms-hero .lux-ms-hero__rail-text {
	width: 100% !important;

	margin: 14px 0 0 !important;
}

#lux-ms-hero
	.lux-ms-hero__rail-text
	.elementor-heading-title {
	color: rgba(255, 255, 255, 0.78) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;

	font-family: "Manrope", Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 650 !important;
	line-height: 1.8 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase;

	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
}


/*======================================================================
  01.8 — HOVER, FOCUS AND TAP
======================================================================*/

@media (hover: hover) and (pointer: fine) {

	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button:hover {
		border-color: var(--lux-ms-white) !important;
		color: #111111 !important;

		transform: translateY(-2px);

		box-shadow:
			0 20px 46px rgba(0, 0, 0, 0.24);
	}

	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button:hover::before {
		transform: scaleX(1);
	}

	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button:hover
		.elementor-button-icon {
		transform: translate(3px, -3px);
	}
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button:focus {
	outline: none !important;
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button:focus-visible {
	outline: 2px solid var(--lux-ms-white) !important;
	outline-offset: 5px;
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button:active {
	color: #111111 !important;
	transform: scale(0.985);
}

#lux-ms-hero
	.lux-ms-hero__button
	.elementor-button:active::before {
	transform: scaleX(1);
}


/*======================================================================
  01.9 — STANDARD LAPTOP
======================================================================*/

@media (min-width: 1201px) and (max-width: 1536px) {

	#lux-ms-hero {
		min-height: 760px;
	}

	#lux-ms-hero .lux-ms-hero__shell {
		width: min(calc(100% - 64px), 1360px) !important;
		min-height: 760px;

		grid-template-columns: minmax(0, 1fr) 205px !important;
		column-gap: 48px !important;

		padding-top: 142px !important;
	}

	#lux-ms-hero .lux-ms-hero__content {
		max-width: 680px !important;

		transform: translateY(-8px);
	}

	#lux-ms-hero
		.lux-ms-hero__title
		.elementor-heading-title,
	#lux-ms-hero
		#lux-ms-hero-title {
		max-width: 680px !important;

		font-size: clamp(55px, 4.1vw, 70px) !important;
	}
}


/*======================================================================
  01.10 — SMALL LAPTOP
======================================================================*/

@media (min-width: 1025px) and (max-width: 1200px) {

	#lux-ms-hero {
		min-height: 720px;
	}

	#lux-ms-hero .lux-ms-hero__shell {
		width: calc(100% - 54px) !important;
		min-height: 720px;

		grid-template-columns: minmax(0, 1fr) 180px !important;
		column-gap: 38px !important;

		padding-top: 138px !important;
		padding-bottom: 52px !important;
	}

	#lux-ms-hero .lux-ms-hero__content {
		max-width: 610px !important;

		transform: translateY(-5px);
	}

	#lux-ms-hero
		.lux-ms-hero__title
		.elementor-heading-title,
	#lux-ms-hero
		#lux-ms-hero-title {
		max-width: 610px !important;

		font-size: clamp(50px, 4.9vw, 62px) !important;
	}

	#lux-ms-hero
		.lux-ms-hero__eyebrow
		.elementor-heading-title {
		font-size: 9.5px !important;
		letter-spacing: 0.145em !important;
	}

	#lux-ms-hero
		.lux-ms-hero__eyebrow
		.elementor-heading-title::before {
		flex-basis: 40px;

		width: 40px;
	}
}


/*======================================================================
  01.11 — TABLET / IPAD
======================================================================*/

@media (min-width: 768px) and (max-width: 1024px) {

	#lux-ms-hero {
		min-height: 780px;
	}

	#lux-ms-hero::before {
		background:
			linear-gradient(
				90deg,
				rgba(6, 6, 7, 0.80) 0%,
				rgba(6, 6, 7, 0.58) 48%,
				rgba(6, 6, 7, 0.24) 100%
			),
			linear-gradient(
				180deg,
				rgba(6, 6, 7, 0.16),
				rgba(6, 6, 7, 0.06) 45%,
				rgba(6, 6, 7, 0.65)
			);
	}

	#lux-ms-hero .lux-ms-hero__shell {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: center !important;

		width: calc(100% - 48px) !important;
		max-width: 900px !important;
		min-height: 780px;

		padding-top: 155px !important;
		padding-bottom: 54px !important;
	}

	#lux-ms-hero .lux-ms-hero__content {
		max-width: 650px !important;

		transform: translateY(-3px);
	}

	#lux-ms-hero
		.lux-ms-hero__title
		.elementor-heading-title,
	#lux-ms-hero
		#lux-ms-hero-title {
		max-width: 650px !important;

		font-size: clamp(53px, 6.8vw, 68px) !important;
	}

	#lux-ms-hero .lux-ms-hero__rail {
		display: none !important;
	}

	#lux-ms-hero .lux-ms-hero__image img {
		object-position: 61% center;
	}
}


/*======================================================================
  01.12 — MOBILE — TARGET ALIGNMENT
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-hero {
		min-height: clamp(800px, 210vw, 900px);
	}

	#lux-ms-hero::before {
		background:
			linear-gradient(
				90deg,
				rgba(6, 6, 7, 0.73) 0%,
				rgba(6, 6, 7, 0.52) 56%,
				rgba(6, 6, 7, 0.24) 100%
			),
			linear-gradient(
				180deg,
				rgba(6, 6, 7, 0.13) 0%,
				rgba(6, 6, 7, 0.05) 35%,
				rgba(6, 6, 7, 0.76) 100%
			);
	}

	/*
	 * The mobile composition follows the approved reference:
	 * title in the lower-middle area, description beneath it,
	 * and CTA close to the bottom with a controlled final margin.
	 */
	#lux-ms-hero .lux-ms-hero__shell {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;

		width: 100% !important;
		max-width: none !important;
		min-height: clamp(800px, 210vw, 900px);

		margin: 0 !important;

		padding:
			clamp(315px, 84vw, 365px)
			max(22px, env(safe-area-inset-right))
			clamp(54px, 13vw, 68px)
			max(22px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-hero .lux-ms-hero__content {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;

		width: 100% !important;
		max-width: 620px !important;

		margin: 0 auto !important;
		padding: 0 !important;

		transform: none;
	}

	/* The long location eyebrow is intentionally removed on mobile. */
	#lux-ms-hero .lux-ms-hero__eyebrow {
		display: none !important;
	}

	#lux-ms-hero
		.lux-ms-hero__title
		.elementor-heading-title,
	#lux-ms-hero
		#lux-ms-hero-title {
		max-width: 100% !important;

		font-size: clamp(40px, 10.8vw, 52px) !important;
		line-height: 1.025 !important;
		letter-spacing: -0.036em !important;
		word-spacing: 0.032em !important;
	}

	#lux-ms-hero .lux-ms-hero__description {
		max-width: 560px !important;

		margin-top: clamp(28px, 7vw, 36px) !important;
	}

	#lux-ms-hero
		.lux-ms-hero__description
		.elementor-widget-container,
	#lux-ms-hero
		.lux-ms-hero__description
		p {
		font-size: 15px !important;
		line-height: 1.63 !important;
	}

	/*
	 * The CTA remains in normal document flow.
	 * This guarantees that it can never overlap the paragraph.
	 */
	#lux-ms-hero .lux-ms-hero__button {
		position: relative !important;
		inset: auto !important;

		width: 100% !important;
		max-width: 560px !important;

		margin:
			clamp(36px, 9vw, 46px)
			0
			0 !important;
	}

	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button {
		min-height: 65px;

		padding: 17px 19px !important;

		border-radius: 9px !important;
	}

	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button-text {
		font-size: 10px !important;
		line-height: 1.4 !important;
		letter-spacing: 0.095em !important;
	}

	#lux-ms-hero .lux-ms-hero__rail {
		display: none !important;
	}

	#lux-ms-hero .lux-ms-hero__image img {
		object-position: 63% center;

		transform: scale(1);
	}
}


/*======================================================================
  01.13 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-hero {
		min-height: 800px;
	}

	#lux-ms-hero .lux-ms-hero__shell {
		min-height: 800px;

		padding:
			300px
			max(17px, env(safe-area-inset-right))
			50px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-hero
		.lux-ms-hero__title
		.elementor-heading-title,
	#lux-ms-hero
		#lux-ms-hero-title {
		font-size: clamp(36px, 10.5vw, 44px) !important;
	}

	#lux-ms-hero .lux-ms-hero__description {
		margin-top: 26px !important;
	}

	#lux-ms-hero .lux-ms-hero__button {
		margin-top: 34px !important;
	}

	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}


/*======================================================================
  01.14 — PHONE LANDSCAPE
======================================================================*/

@media
	(max-width: 900px)
	and (orientation: landscape)
	and (max-height: 600px) {

	#lux-ms-hero {
		min-height: 620px;
	}

	#lux-ms-hero .lux-ms-hero__shell {
		min-height: 620px;

		padding:
			165px
			max(28px, env(safe-area-inset-right))
			38px
			max(28px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-hero .lux-ms-hero__content {
		max-width: 600px !important;
	}

	#lux-ms-hero .lux-ms-hero__eyebrow {
		display: none !important;
	}

	#lux-ms-hero
		.lux-ms-hero__title
		.elementor-heading-title,
	#lux-ms-hero
		#lux-ms-hero-title {
		font-size: clamp(42px, 6vw, 54px) !important;
	}

	#lux-ms-hero .lux-ms-hero__description {
		max-width: 580px !important;

		margin-top: 26px !important;
	}

	#lux-ms-hero .lux-ms-hero__button {
		margin-top: 32px !important;
	}
}


/*======================================================================
  01.15 — SAFARI / IOS STABILITY
======================================================================*/

@supports (-webkit-touch-callout: none) {

	#lux-ms-hero,
	#lux-ms-hero
		.lux-ms-hero__image
		img,
	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}


/*======================================================================
  01.16 — ONE-TIME SOFT REVEAL
======================================================================*/

#lux-ms-hero.lux-ms-reveal-ready .lux-ms-reveal-item {
	opacity: 0;
	transform: translate3d(0, 24px, 0);

	transition:
		opacity 1050ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1050ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay: var(--lux-ms-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-hero.lux-ms-reveal-ready
	.lux-ms-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {

	#lux-ms-hero.lux-ms-reveal-ready .lux-ms-reveal-item {
		transform: translate3d(0, 17px, 0);

		transition-duration: 900ms;
	}
}


/*======================================================================
  01.17 — REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button,
	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button::before,
	#lux-ms-hero
		.lux-ms-hero__button
		.elementor-button-icon {
		transition: none !important;
	}

	#lux-ms-hero.lux-ms-reveal-ready .lux-ms-reveal-item,
	#lux-ms-hero.lux-ms-reveal-ready
		.lux-ms-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}
/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  SECTION 02 — EDITORIAL INTRODUCTION

  FILE VERSION: 1.0.0
  FILE NAME:
  master-section-02-editorial-intro-v1.0.0.css

  Scope:
  #lux-ms-intro

  This file styles Section 02 only.
  It does not contain or modify the Hero or any other section.
======================================================================*/


/*======================================================================
  02.1 — FOUNDATION
======================================================================*/

#lux-ms-intro,
#lux-ms-intro *,
#lux-ms-intro *::before,
#lux-ms-intro *::after {
	box-sizing: border-box;
}

#lux-ms-intro {
	--lux-ms-intro-paper: #f7f2ea;
	--lux-ms-intro-ink: #181416;
	--lux-ms-intro-rose: #a1435a;
	--lux-ms-intro-muted: #756d69;
	--lux-ms-intro-line: rgba(24, 20, 22, 0.15);
	--lux-ms-intro-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding:
		clamp(112px, 7.5vw, 148px)
		0
		clamp(108px, 7vw, 138px) !important;

	overflow: hidden;

	background: var(--lux-ms-intro-paper) !important;
	color: var(--lux-ms-intro-ink) !important;
}

#lux-ms-intro > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-intro :is(h2, h3, p) {
	margin: 0;
}


/*======================================================================
  02.2 — SHELL

  Desktop:
  The number is an editorial watermark on the left.
  The content occupies the right side without reserving a blank column.
======================================================================*/

#lux-ms-intro .lux-ms-intro__shell {
	position: relative !important;

	display: block !important;

	width: min(
		calc(100% - 72px),
		var(--lux-ms-intro-shell)
	) !important;
	max-width: var(--lux-ms-intro-shell) !important;
	min-height: 1px;

	margin: 0 auto !important;
	padding: 0 !important;
}

#lux-ms-intro .lux-ms-intro__shell > .e-con-inner {
	display: contents !important;
}


/*======================================================================
  02.3 — EDITORIAL NUMBER
======================================================================*/

#lux-ms-intro .lux-ms-intro__number {
	position: absolute !important;
	top: 4px;
	left: 0;

	width: 25% !important;
	max-width: 280px !important;

	margin: 0 !important;
	padding: 0 !important;

	pointer-events: none;
}

#lux-ms-intro
	.lux-ms-intro__number
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-intro
	.lux-ms-intro__number
	:is(
		.elementor-heading-title,
		h2,
		h3
	) {
	display: block !important;

	margin: 0 !important;
	padding: 0 !important;

	color: rgba(161, 67, 90, 0.18) !important;
	-webkit-text-fill-color: rgba(161, 67, 90, 0.18) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(124px, 10vw, 178px) !important;
	font-weight: 400 !important;
	line-height: 0.78 !important;
	letter-spacing: -0.08em !important;

	white-space: nowrap !important;
}


/*======================================================================
  02.4 — MAIN CONTENT
======================================================================*/

#lux-ms-intro .lux-ms-intro__content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;

	width: calc(
		100% - clamp(300px, 29vw, 390px)
	) !important;
	max-width: 860px !important;

	margin:
		0
		0
		0
		clamp(300px, 29vw, 390px) !important;
	padding: 0 !important;
}

#lux-ms-intro
	.lux-ms-intro__content
	> .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-intro .lux-ms-intro__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-intro
	.lux-ms-intro__eyebrow
	.elementor-widget-container {
	padding:
		0
		0
		clamp(27px, 2.1vw, 34px) !important;
}

#lux-ms-intro
	.lux-ms-intro__eyebrow
	.elementor-heading-title {
	color: var(--lux-ms-intro-rose) !important;
	-webkit-text-fill-color: var(--lux-ms-intro-rose) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.21em !important;
	text-transform: uppercase !important;
}


/* Main heading */

#lux-ms-intro .lux-ms-intro__title {
	width: 100% !important;
	max-width: 860px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-intro
	.lux-ms-intro__title
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-intro
	.lux-ms-intro__title
	.elementor-heading-title,
#lux-ms-intro
	#lux-ms-intro-title {
	display: block !important;

	width: 100% !important;
	max-width: 860px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-intro-ink) !important;
	-webkit-text-fill-color: var(--lux-ms-intro-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(58px, 4.75vw, 84px) !important;
	font-weight: 400 !important;
	line-height: 1.04 !important;
	letter-spacing: -0.05em !important;
	word-spacing: 0.045em !important;
	text-transform: uppercase !important;

	text-wrap: balance;
}


/* Description */

#lux-ms-intro .lux-ms-intro__description {
	width: 100% !important;
	max-width: 790px !important;

	margin:
		clamp(32px, 2.7vw, 44px)
		0
		0 !important;
	padding: 0 !important;
}

#lux-ms-intro
	.lux-ms-intro__description
	.elementor-widget-container,
#lux-ms-intro
	.lux-ms-intro__description
	p {
	color: var(--lux-ms-intro-muted) !important;
	-webkit-text-fill-color: var(--lux-ms-intro-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(17px, 1.2vw, 20px) !important;
	font-weight: 400 !important;
	line-height: 1.78 !important;
	letter-spacing: -0.02em !important;
}

#lux-ms-intro
	.lux-ms-intro__description
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  02.5 — THREE EDITORIAL FACTS
======================================================================*/

#lux-ms-intro .lux-ms-intro__facts {
	display: grid !important;
	grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 860px !important;

	margin:
		clamp(54px, 4.2vw, 68px)
		0
		0 !important;
	padding: 0 !important;

	border-top:
		1px solid var(--lux-ms-intro-line) !important;
	border-bottom:
		1px solid var(--lux-ms-intro-line) !important;

	background: transparent !important;
}

#lux-ms-intro
	.lux-ms-intro__facts
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-intro .lux-ms-intro__fact {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 0 !important;

	min-width: 0;
	min-height: 168px;

	margin: 0 !important;
	padding:
		clamp(28px, 2vw, 34px)
		clamp(20px, 1.8vw, 29px) !important;

	background: transparent !important;

	border-left:
		1px solid var(--lux-ms-intro-line) !important;
}

#lux-ms-intro .lux-ms-intro__fact:last-child {
	border-right:
		1px solid var(--lux-ms-intro-line) !important;
}

#lux-ms-intro
	.lux-ms-intro__fact
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-intro
	.lux-ms-intro__fact-title
	.elementor-heading-title {
	color: var(--lux-ms-intro-ink) !important;
	-webkit-text-fill-color: var(--lux-ms-intro-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(22px, 1.5vw, 27px) !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.026em !important;
	text-transform: uppercase !important;
}

#lux-ms-intro .lux-ms-intro__fact-description {
	width: 100% !important;

	margin: 15px 0 0 !important;
	padding: 0 !important;
}

#lux-ms-intro
	.lux-ms-intro__fact-description
	.elementor-widget-container,
#lux-ms-intro
	.lux-ms-intro__fact-description
	p {
	color: var(--lux-ms-intro-muted) !important;
	-webkit-text-fill-color: var(--lux-ms-intro-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.65 !important;
	letter-spacing: 0.085em !important;
	text-transform: uppercase !important;
}

#lux-ms-intro
	.lux-ms-intro__fact-description
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  02.6 — LAPTOPS
======================================================================*/

@media (min-width: 1025px) and (max-width: 1366px) {

	#lux-ms-intro {
		padding-top: 116px !important;
		padding-bottom: 112px !important;
	}

	#lux-ms-intro .lux-ms-intro__shell {
		width: calc(100% - 58px) !important;
	}

	#lux-ms-intro .lux-ms-intro__content {
		width: calc(100% - 300px) !important;
		max-width: none !important;

		margin-left: 300px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__number
		:is(
			.elementor-heading-title,
			h2,
			h3
		) {
		font-size: clamp(108px, 9.5vw, 142px) !important;
	}

	#lux-ms-intro
		.lux-ms-intro__title
		.elementor-heading-title,
	#lux-ms-intro
		#lux-ms-intro-title {
		font-size: clamp(53px, 5vw, 70px) !important;
	}
}


/*======================================================================
  02.7 — TABLET / IPAD
======================================================================*/

@media (min-width: 768px) and (max-width: 1024px) {

	#lux-ms-intro {
		padding: 104px 0 102px !important;
	}

	#lux-ms-intro .lux-ms-intro__shell {
		width: calc(100% - 48px) !important;
		max-width: 900px !important;
	}

	#lux-ms-intro .lux-ms-intro__number {
		position: relative !important;
		top: auto;
		left: auto;

		width: auto !important;
		max-width: none !important;

		margin: 0 0 45px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__number
		:is(
			.elementor-heading-title,
			h2,
			h3
		) {
		font-size: clamp(92px, 15vw, 128px) !important;
	}

	#lux-ms-intro .lux-ms-intro__content {
		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;
	}

	#lux-ms-intro .lux-ms-intro__title,
	#lux-ms-intro .lux-ms-intro__description,
	#lux-ms-intro .lux-ms-intro__facts {
		max-width: 100% !important;
	}
}


/*======================================================================
  02.8 — MOBILE
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-intro {
		padding:
			82px
			max(20px, env(safe-area-inset-right))
			80px
			max(20px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-intro .lux-ms-intro__shell {
		width: 100% !important;
		max-width: none !important;
	}

	#lux-ms-intro .lux-ms-intro__number {
		position: relative !important;
		top: auto;
		left: auto;

		width: auto !important;
		max-width: none !important;

		margin: 0 0 36px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__number
		:is(
			.elementor-heading-title,
			h2,
			h3
		) {
		font-size: clamp(78px, 24vw, 100px) !important;
		line-height: 0.82 !important;
	}

	#lux-ms-intro .lux-ms-intro__content {
		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;
	}

	#lux-ms-intro .lux-ms-intro__eyebrow {
		max-width: 100% !important;
	}

	#lux-ms-intro
		.lux-ms-intro__eyebrow
		.elementor-widget-container {
		padding-bottom: 22px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__eyebrow
		.elementor-heading-title {
		font-size: 9px !important;
		letter-spacing: 0.17em !important;
	}

	#lux-ms-intro .lux-ms-intro__title,
	#lux-ms-intro .lux-ms-intro__description,
	#lux-ms-intro .lux-ms-intro__facts {
		max-width: 100% !important;
	}

	#lux-ms-intro
		.lux-ms-intro__title
		.elementor-heading-title,
	#lux-ms-intro
		#lux-ms-intro-title {
		font-size: clamp(40px, 11.6vw, 56px) !important;
		line-height: 1.045 !important;
		letter-spacing: -0.047em !important;
	}

	#lux-ms-intro .lux-ms-intro__description {
		margin-top: 27px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__description
		.elementor-widget-container,
	#lux-ms-intro
		.lux-ms-intro__description
	p {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	#lux-ms-intro .lux-ms-intro__facts {
		grid-template-columns: 1fr !important;

		margin-top: 46px !important;

		border-left:
			1px solid var(--lux-ms-intro-line) !important;
		border-right:
			1px solid var(--lux-ms-intro-line) !important;
	}

	#lux-ms-intro .lux-ms-intro__fact {
		min-height: 0;

		padding: 27px 23px !important;

		border-left: 0 !important;
		border-bottom:
			1px solid var(--lux-ms-intro-line) !important;
	}

	#lux-ms-intro .lux-ms-intro__fact:last-child {
		border-right: 0 !important;
		border-bottom: 0 !important;
	}

	#lux-ms-intro
		.lux-ms-intro__fact-title
		.elementor-heading-title {
		font-size: 23px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__fact-description
		.elementor-widget-container,
	#lux-ms-intro
		.lux-ms-intro__fact-description
	p {
		font-size: 10px !important;
	}
}


/*======================================================================
  02.9 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-intro {
		padding:
			74px
			max(17px, env(safe-area-inset-right))
			72px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-intro .lux-ms-intro__number {
		margin-bottom: 32px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__number
		:is(
			.elementor-heading-title,
			h2,
			h3
		) {
		font-size: 76px !important;
	}

	#lux-ms-intro
		.lux-ms-intro__title
		.elementor-heading-title,
	#lux-ms-intro
		#lux-ms-intro-title {
		font-size: clamp(37px, 11vw, 48px) !important;
	}

	#lux-ms-intro .lux-ms-intro__fact {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}


/*======================================================================
  02.10 — LIGHT REVEAL ANIMATION
======================================================================*/

#lux-ms-intro.lux-ms-intro-reveal-ready
	.lux-ms-intro-reveal-item {
	opacity: 0;
	transform: translate3d(0, 20px, 0);

	transition:
		opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay:
		var(--lux-ms-intro-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-intro.lux-ms-intro-reveal-ready
	.lux-ms-intro-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}


/*======================================================================
  02.11 — REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-intro.lux-ms-intro-reveal-ready
		.lux-ms-intro-reveal-item,
	#lux-ms-intro.lux-ms-intro-reveal-ready
		.lux-ms-intro-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}
/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  SECTION 03 — SIGNATURE PRINCIPLES

  FILE VERSION: 1.0.0
  FILE NAME:
  master-section-03-signature-principles-v1.0.0.css

  Scope:
  #lux-ms-signature

  This block styles Section 03 only.
  It does not modify the Hero, Section 02, or any neighbouring section.
======================================================================*/


/*======================================================================
  03.1 — FOUNDATION
======================================================================*/

#lux-ms-signature,
#lux-ms-signature *,
#lux-ms-signature *::before,
#lux-ms-signature *::after {
	box-sizing: border-box;
}

#lux-ms-signature {
	--lux-ms-signature-bg: #111113;
	--lux-ms-signature-bg-deep: #0c0c0e;
	--lux-ms-signature-wine: #2a151c;
	--lux-ms-signature-white: #ffffff;
	--lux-ms-signature-muted: rgba(255, 255, 255, 0.68);
	--lux-ms-signature-gold: #dcc27d;
	--lux-ms-signature-line: rgba(255, 255, 255, 0.14);
	--lux-ms-signature-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding:
		clamp(112px, 7.6vw, 150px)
		0
		clamp(108px, 7.2vw, 142px) !important;

	overflow: hidden;

	background:
		radial-gradient(
			circle at 12% 14%,
			rgba(97, 39, 56, 0.18),
			transparent 34%
		),
		linear-gradient(
			145deg,
			var(--lux-ms-signature-bg-deep) 0%,
			var(--lux-ms-signature-bg) 52%,
			#151114 100%
		) !important;

	color: var(--lux-ms-signature-white) !important;
}

#lux-ms-signature::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: -1;

	background:
		linear-gradient(
			90deg,
			transparent 0%,
			rgba(255, 255, 255, 0.022) 50%,
			transparent 100%
		);

	pointer-events: none;
}

#lux-ms-signature > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-signature :is(h2, h3, p) {
	margin: 0;
}


/*======================================================================
  03.2 — SHELL
======================================================================*/

#lux-ms-signature .lux-ms-signature__shell {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;

	width: min(
		calc(100% - 72px),
		var(--lux-ms-signature-shell)
	) !important;
	max-width: var(--lux-ms-signature-shell) !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__shell
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  03.3 — HEADER
======================================================================*/

#lux-ms-signature .lux-ms-signature__header {
	display: grid !important;
	grid-template-columns:
		minmax(0, 1.18fr)
		minmax(340px, 0.82fr) !important;
	column-gap: clamp(64px, 7vw, 116px) !important;
	align-items: end !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__header
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-signature .lux-ms-signature__heading-group {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 760px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__heading-group
	> .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-signature .lux-ms-signature__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__eyebrow
	.elementor-widget-container {
	padding:
		0
		0
		clamp(26px, 2vw, 33px) !important;
}

#lux-ms-signature
	.lux-ms-signature__eyebrow
	.elementor-heading-title {
	color: var(--lux-ms-signature-gold) !important;
	-webkit-text-fill-color: var(--lux-ms-signature-gold) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.21em !important;
	text-transform: uppercase !important;
}


/* Main heading */

#lux-ms-signature .lux-ms-signature__title {
	width: 100% !important;
	max-width: 760px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__title
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__title
	.elementor-heading-title,
#lux-ms-signature
	#lux-ms-signature-title {
	display: block !important;

	width: 100% !important;
	max-width: 760px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-signature-white) !important;
	-webkit-text-fill-color: var(--lux-ms-signature-white) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(58px, 4.75vw, 84px) !important;
	font-weight: 400 !important;
	line-height: 1.035 !important;
	letter-spacing: -0.052em !important;
	word-spacing: 0.045em !important;
	text-transform: none !important;

	text-wrap: balance;

	text-shadow:
		0 4px 24px rgba(0, 0, 0, 0.28);
}


/* Introduction */

#lux-ms-signature .lux-ms-signature__introduction {
	align-self: end;

	width: 100% !important;
	max-width: 550px !important;

	margin: 0 0 8px !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__introduction
	.elementor-widget-container,
#lux-ms-signature
	.lux-ms-signature__introduction
	p {
	color: var(--lux-ms-signature-muted) !important;
	-webkit-text-fill-color: var(--lux-ms-signature-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(17px, 1.2vw, 20px) !important;
	font-weight: 400 !important;
	line-height: 1.78 !important;
	letter-spacing: -0.02em !important;
}

#lux-ms-signature
	.lux-ms-signature__introduction
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  03.4 — PRINCIPLE GRID
======================================================================*/

#lux-ms-signature .lux-ms-signature__cards {
	display: grid !important;
	grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;
	gap: 0 !important;

	width: 100% !important;

	margin:
		clamp(68px, 5.2vw, 88px)
		0
		0 !important;
	padding: 0 !important;

	border-top:
		1px solid var(--lux-ms-signature-line) !important;
	border-bottom:
		1px solid var(--lux-ms-signature-line) !important;
}

#lux-ms-signature
	.lux-ms-signature__cards
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-signature .lux-ms-signature__card {
	position: relative !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 0 !important;

	min-width: 0;
	min-height: clamp(320px, 24vw, 390px);

	margin: 0 !important;
	padding:
		clamp(33px, 2.8vw, 46px)
		clamp(26px, 2.6vw, 42px)
		clamp(36px, 3vw, 48px) !important;

	overflow: hidden;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.018),
			rgba(255, 255, 255, 0)
		) !important;

	border-left:
		1px solid var(--lux-ms-signature-line) !important;

	transition:
		background-color 420ms ease,
		transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

#lux-ms-signature
	.lux-ms-signature__card:last-child {
	border-right:
		1px solid var(--lux-ms-signature-line) !important;
}

#lux-ms-signature
	.lux-ms-signature__card
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-signature
	.lux-ms-signature__card::before {
	content: "";

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	height: 2px;

	background:
		linear-gradient(
			90deg,
			transparent,
			var(--lux-ms-signature-gold),
			transparent
		);

	opacity: 0;
	transform: scaleX(0.4);
	transform-origin: center;

	transition:
		opacity 380ms ease,
		transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}


/* Card number */

#lux-ms-signature
	.lux-ms-signature__card-number {
	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__card-number
	.elementor-heading-title {
	color: var(--lux-ms-signature-gold) !important;
	-webkit-text-fill-color: var(--lux-ms-signature-gold) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}


/* Card heading */

#lux-ms-signature
	.lux-ms-signature__card-title {
	width: 100% !important;

	margin:
		clamp(63px, 5.2vw, 82px)
		0
		0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__card-title
	.elementor-heading-title {
	color: var(--lux-ms-signature-white) !important;
	-webkit-text-fill-color: var(--lux-ms-signature-white) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(37px, 3.15vw, 54px) !important;
	font-weight: 400 !important;
	line-height: 1.05 !important;
	letter-spacing: -0.045em !important;
	word-spacing: 0.035em !important;
	text-transform: none !important;

	text-wrap: balance;
}


/* Card description */

#lux-ms-signature
	.lux-ms-signature__card-text {
	width: 100% !important;
	max-width: 360px !important;

	margin: 24px 0 0 !important;
	padding: 0 !important;
}

#lux-ms-signature
	.lux-ms-signature__card-text
	.elementor-widget-container,
#lux-ms-signature
	.lux-ms-signature__card-text
	p {
	color: var(--lux-ms-signature-muted) !important;
	-webkit-text-fill-color: var(--lux-ms-signature-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(15px, 1vw, 17px) !important;
	font-weight: 400 !important;
	line-height: 1.72 !important;
	letter-spacing: -0.015em !important;
}

#lux-ms-signature
	.lux-ms-signature__card-text
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  03.5 — POINTER HOVER
======================================================================*/

@media (hover: hover) and (pointer: fine) {

	#lux-ms-signature
		.lux-ms-signature__card:hover {
		background:
			linear-gradient(
				180deg,
				rgba(117, 51, 70, 0.17),
				rgba(255, 255, 255, 0.012)
			) !important;

		transform: translateY(-4px);
	}

	#lux-ms-signature
		.lux-ms-signature__card:hover::before {
		opacity: 1;
		transform: scaleX(1);
	}
}


/*======================================================================
  03.6 — LAPTOPS
======================================================================*/

@media (min-width: 1025px) and (max-width: 1366px) {

	#lux-ms-signature {
		padding-top: 116px !important;
		padding-bottom: 112px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__shell {
		width: calc(100% - 58px) !important;
	}

	#lux-ms-signature
		.lux-ms-signature__header {
		grid-template-columns:
			minmax(0, 1.08fr)
			minmax(315px, 0.92fr) !important;
		column-gap: 58px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__title
		.elementor-heading-title,
	#lux-ms-signature
		#lux-ms-signature-title {
		font-size: clamp(53px, 5vw, 70px) !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card {
		min-height: 330px;

		padding-left: 28px !important;
		padding-right: 28px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-title
		.elementor-heading-title {
		font-size: clamp(34px, 3.1vw, 46px) !important;
	}
}


/*======================================================================
  03.7 — LARGE TABLET / IPAD LANDSCAPE
======================================================================*/

@media (min-width: 901px) and (max-width: 1024px) {

	#lux-ms-signature {
		padding: 104px 0 102px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__shell {
		width: calc(100% - 48px) !important;
		max-width: 900px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__header {
		grid-template-columns: 1fr !important;
		row-gap: 40px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__introduction {
		align-self: auto;

		max-width: 720px !important;

		margin: 0 !important;
	}

	#lux-ms-signature
		.lux-ms-signature__cards {
		margin-top: 58px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card {
		min-height: 310px;

		padding:
			31px
			24px
			36px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-title {
		margin-top: 54px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-title
		.elementor-heading-title {
		font-size: clamp(30px, 3.8vw, 39px) !important;
	}
}


/*======================================================================
  03.8 — TABLET PORTRAIT
======================================================================*/

@media (min-width: 768px) and (max-width: 900px) {

	#lux-ms-signature {
		padding: 100px 0 96px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__shell {
		width: calc(100% - 48px) !important;
		max-width: 820px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__header {
		grid-template-columns: 1fr !important;
		row-gap: 39px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__introduction {
		align-self: auto;

		max-width: 700px !important;

		margin: 0 !important;
	}

	#lux-ms-signature
		.lux-ms-signature__cards {
		grid-template-columns: 1fr !important;

		margin-top: 58px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card {
		min-height: 0;

		padding:
			32px
			30px
			36px !important;

		border-right:
			1px solid var(--lux-ms-signature-line) !important;
		border-bottom:
			1px solid var(--lux-ms-signature-line) !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card:last-child {
		border-bottom: 0 !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-title {
		max-width: 650px !important;

		margin-top: 42px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-text {
		max-width: 650px !important;
	}
}


/*======================================================================
  03.9 — MOBILE
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-signature {
		padding:
			82px
			max(20px, env(safe-area-inset-right))
			80px
			max(20px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-signature
		.lux-ms-signature__shell {
		width: 100% !important;
		max-width: none !important;
	}

	#lux-ms-signature
		.lux-ms-signature__header {
		grid-template-columns: 1fr !important;
		row-gap: 32px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__heading-group,
	#lux-ms-signature
		.lux-ms-signature__title,
	#lux-ms-signature
		.lux-ms-signature__introduction {
		max-width: 100% !important;
	}

	#lux-ms-signature
		.lux-ms-signature__eyebrow
		.elementor-widget-container {
		padding-bottom: 22px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__eyebrow
		.elementor-heading-title {
		font-size: 9px !important;
		letter-spacing: 0.17em !important;
	}

	#lux-ms-signature
		.lux-ms-signature__title
		.elementor-heading-title,
	#lux-ms-signature
		#lux-ms-signature-title {
		font-size: clamp(40px, 11.6vw, 56px) !important;
		line-height: 1.045 !important;
		letter-spacing: -0.047em !important;
	}

	#lux-ms-signature
		.lux-ms-signature__introduction {
		align-self: auto;

		margin: 0 !important;
	}

	#lux-ms-signature
		.lux-ms-signature__introduction
		.elementor-widget-container,
	#lux-ms-signature
		.lux-ms-signature__introduction
		p {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	#lux-ms-signature
		.lux-ms-signature__cards {
		grid-template-columns: 1fr !important;

		margin-top: 49px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card {
		min-height: 0;

		padding:
			29px
			23px
			34px !important;

		border-right:
			1px solid var(--lux-ms-signature-line) !important;
		border-bottom:
			1px solid var(--lux-ms-signature-line) !important;

		transform: none !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card:last-child {
		border-bottom: 0 !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-number
		.elementor-heading-title {
		font-size: 15px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-title {
		margin-top: 38px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-title
		.elementor-heading-title {
		font-size: clamp(35px, 10vw, 47px) !important;
		line-height: 1.06 !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-text {
		max-width: 100% !important;

		margin-top: 20px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-text
		.elementor-widget-container,
	#lux-ms-signature
		.lux-ms-signature__card-text
		p {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
}


/*======================================================================
  03.10 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-signature {
		padding:
			74px
			max(17px, env(safe-area-inset-right))
			72px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-signature
		.lux-ms-signature__title
		.elementor-heading-title,
	#lux-ms-signature
		#lux-ms-signature-title {
		font-size: clamp(37px, 11vw, 48px) !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	#lux-ms-signature
		.lux-ms-signature__card-title
		.elementor-heading-title {
		font-size: clamp(32px, 9.6vw, 42px) !important;
	}
}


/*======================================================================
  03.11 — LIGHT REVEAL ANIMATION
======================================================================*/

#lux-ms-signature.lux-ms-signature-reveal-ready
	.lux-ms-signature-reveal-item {
	opacity: 0;
	transform: translate3d(0, 21px, 0);

	transition:
		opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay:
		var(--lux-ms-signature-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-signature.lux-ms-signature-reveal-ready
	.lux-ms-signature-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}


/*======================================================================
  03.12 — REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-signature.lux-ms-signature-reveal-ready
		.lux-ms-signature-reveal-item,
	#lux-ms-signature.lux-ms-signature-reveal-ready
		.lux-ms-signature-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}
/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  SECTION 04 — IMAGE SERVICE BRIEF

  FILE VERSION: 1.0.0
  FILE NAME:
  master-section-04-image-service-brief-v1.0.0.css

  Scope:
  #lux-ms-brief

  This block styles Section 04 only.
  It does not modify the Hero, Section 02, Section 03,
  or any neighbouring section.
======================================================================*/


/*======================================================================
  04.1 — FOUNDATION
======================================================================*/

#lux-ms-brief,
#lux-ms-brief *,
#lux-ms-brief *::before,
#lux-ms-brief *::after {
	box-sizing: border-box;
}

#lux-ms-brief {
	--lux-ms-brief-paper: #f7f2ea;
	--lux-ms-brief-ink: #181416;
	--lux-ms-brief-rose: #a1435a;
	--lux-ms-brief-muted: #756d69;
	--lux-ms-brief-line: rgba(24, 20, 22, 0.15);
	--lux-ms-brief-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding:
		clamp(112px, 7.6vw, 150px)
		0
		clamp(108px, 7.2vw, 142px) !important;

	overflow: hidden;

	background: var(--lux-ms-brief-paper) !important;
	color: var(--lux-ms-brief-ink) !important;
}

#lux-ms-brief > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief :is(h2, h3, p) {
	margin: 0;
}


/*======================================================================
  04.2 — SHELL
======================================================================*/

#lux-ms-brief .lux-ms-brief__shell {
	display: grid !important;
	grid-template-columns:
		minmax(0, 1.06fr)
		minmax(0, 0.94fr) !important;
	column-gap: clamp(66px, 6vw, 92px) !important;
	align-items: center !important;

	width: min(
		calc(100% - 72px),
		var(--lux-ms-brief-shell)
	) !important;
	max-width: var(--lux-ms-brief-shell) !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__shell
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  04.3 — MEDIA
======================================================================*/

#lux-ms-brief .lux-ms-brief__media {
	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	min-width: 0;
	min-height: clamp(590px, 45vw, 680px);

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden;

	border:
		1px solid rgba(24, 20, 22, 0.12) !important;
	border-radius: 32px !important;

	background: #ddd5cc !important;

	box-shadow:
		0 28px 70px rgba(49, 31, 37, 0.16),
		0 8px 24px rgba(49, 31, 37, 0.08);
}

#lux-ms-brief .lux-ms-brief__media::after {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 2;

	background:
		linear-gradient(
			180deg,
			rgba(8, 7, 8, 0.04) 0%,
			rgba(8, 7, 8, 0.08) 55%,
			rgba(8, 7, 8, 0.24) 100%
		);

	pointer-events: none;
}

#lux-ms-brief
	.lux-ms-brief__media
	> .e-con-inner {
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	min-height: inherit !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief .lux-ms-brief__image,
#lux-ms-brief
	.lux-ms-brief__image
	.elementor-widget-container,
#lux-ms-brief
	.lux-ms-brief__image
	picture {
	display: block !important;

	width: 100% !important;
	height: 100% !important;
	min-height: inherit !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__image
	img {
	display: block !important;

	width: 100% !important;
	height: 100% !important;
	min-height: inherit !important;

	margin: 0 !important;

	object-fit: cover !important;
	object-position: 64% center;

	transform: scale(1.002);
	transform-origin: center center;

	filter:
		saturate(0.94)
		contrast(1.02);
}


/*======================================================================
  04.4 — CONTENT
======================================================================*/

#lux-ms-brief .lux-ms-brief__content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;

	width: 100% !important;
	min-width: 0;
	max-width: 570px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__content
	> .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-brief .lux-ms-brief__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__eyebrow
	.elementor-widget-container {
	padding:
		0
		0
		clamp(26px, 2vw, 32px) !important;
}

#lux-ms-brief
	.lux-ms-brief__eyebrow
	.elementor-heading-title {
	color: var(--lux-ms-brief-rose) !important;
	-webkit-text-fill-color:
		var(--lux-ms-brief-rose) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.21em !important;
	text-transform: uppercase !important;
}


/* Main heading */

#lux-ms-brief .lux-ms-brief__title {
	width: 100% !important;
	max-width: 570px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__title
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__title
	.elementor-heading-title,
#lux-ms-brief
	#lux-ms-brief-title {
	display: block !important;

	width: 100% !important;
	max-width: 570px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-brief-ink) !important;
	-webkit-text-fill-color:
		var(--lux-ms-brief-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(51px, 4.15vw, 72px) !important;
	font-weight: 400 !important;
	line-height: 1.055 !important;
	letter-spacing: -0.05em !important;
	word-spacing: 0.04em !important;
	text-transform: none !important;

	text-wrap: balance;
}


/* Description */

#lux-ms-brief .lux-ms-brief__description {
	width: 100% !important;
	max-width: 550px !important;

	margin:
		clamp(29px, 2.5vw, 39px)
		0
		0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__description
	.elementor-widget-container,
#lux-ms-brief
	.lux-ms-brief__description
	p {
	color: var(--lux-ms-brief-muted) !important;
	-webkit-text-fill-color:
		var(--lux-ms-brief-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(17px, 1.18vw, 19px) !important;
	font-weight: 400 !important;
	line-height: 1.77 !important;
	letter-spacing: -0.02em !important;
}

#lux-ms-brief
	.lux-ms-brief__description
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  04.5 — DETAIL LIST
======================================================================*/

#lux-ms-brief .lux-ms-brief__list {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 570px !important;

	margin:
		clamp(45px, 3.8vw, 58px)
		0
		0 !important;
	padding: 0 !important;

	border-top:
		1px solid var(--lux-ms-brief-line) !important;
}

#lux-ms-brief
	.lux-ms-brief__list
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-brief .lux-ms-brief__row {
	display: grid !important;
	grid-template-columns:
		46px
		minmax(0, 1fr) !important;
	grid-template-rows:
		auto
		auto !important;
	column-gap: 22px !important;
	row-gap: 8px !important;
	align-items: start !important;

	width: 100% !important;
	min-width: 0;

	margin: 0 !important;
	padding:
		clamp(23px, 1.8vw, 28px)
		0 !important;

	border-bottom:
		1px solid var(--lux-ms-brief-line) !important;
}

#lux-ms-brief
	.lux-ms-brief__row
	> .e-con-inner {
	display: contents !important;
}


/* Row number */

#lux-ms-brief .lux-ms-brief__row-number {
	grid-column: 1;
	grid-row: 1 / span 2;

	width: auto !important;

	margin: 3px 0 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__row-number
	.elementor-heading-title {
	color: var(--lux-ms-brief-rose) !important;
	-webkit-text-fill-color:
		var(--lux-ms-brief-rose) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}


/* Row heading */

#lux-ms-brief .lux-ms-brief__row-title {
	grid-column: 2;
	grid-row: 1;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__row-title
	.elementor-heading-title {
	color: var(--lux-ms-brief-ink) !important;
	-webkit-text-fill-color:
		var(--lux-ms-brief-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(21px, 1.45vw, 25px) !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.025em !important;
	text-transform: none !important;
}


/* Row description */

#lux-ms-brief .lux-ms-brief__row-text {
	grid-column: 2;
	grid-row: 2;

	width: 100% !important;
	max-width: 470px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-brief
	.lux-ms-brief__row-text
	.elementor-widget-container,
#lux-ms-brief
	.lux-ms-brief__row-text
	p {
	color: var(--lux-ms-brief-muted) !important;
	-webkit-text-fill-color:
		var(--lux-ms-brief-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(14px, 0.96vw, 16px) !important;
	font-weight: 400 !important;
	line-height: 1.68 !important;
	letter-spacing: -0.012em !important;
}

#lux-ms-brief
	.lux-ms-brief__row-text
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  04.6 — LAPTOPS
======================================================================*/

@media (min-width: 1025px) and (max-width: 1366px) {

	#lux-ms-brief {
		padding-top: 116px !important;
		padding-bottom: 112px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__shell {
		width: calc(100% - 58px) !important;

		grid-template-columns:
			minmax(0, 1.03fr)
			minmax(0, 0.97fr) !important;
		column-gap: 58px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__media {
		min-height: 575px;
	}

	#lux-ms-brief
		.lux-ms-brief__title
		.elementor-heading-title,
	#lux-ms-brief
		#lux-ms-brief-title {
		font-size: clamp(47px, 4.5vw, 64px) !important;
	}
}


/*======================================================================
  04.7 — TABLET / IPAD
======================================================================*/

@media (min-width: 768px) and (max-width: 1024px) {

	#lux-ms-brief {
		padding: 104px 0 102px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__shell {
		grid-template-columns: 1fr !important;
		row-gap: 58px !important;

		width: calc(100% - 48px) !important;
		max-width: 900px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__media {
		min-height: 520px;

		border-radius: 28px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__content,
	#lux-ms-brief
		.lux-ms-brief__title,
	#lux-ms-brief
		.lux-ms-brief__description,
	#lux-ms-brief
		.lux-ms-brief__list {
		max-width: 760px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__title
		.elementor-heading-title,
	#lux-ms-brief
		#lux-ms-brief-title {
		max-width: 760px !important;

		font-size: clamp(53px, 7vw, 71px) !important;
	}
}


/*======================================================================
  04.8 — MOBILE
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-brief {
		padding:
			82px
			max(20px, env(safe-area-inset-right))
			80px
			max(20px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-brief
		.lux-ms-brief__shell {
		grid-template-columns: 1fr !important;
		row-gap: 49px !important;

		width: 100% !important;
		max-width: none !important;
	}

	#lux-ms-brief
		.lux-ms-brief__media {
		min-height: 440px;

		border-radius: 24px !important;

		box-shadow:
			0 22px 50px rgba(49, 31, 37, 0.14),
			0 6px 18px rgba(49, 31, 37, 0.07);
	}

	#lux-ms-brief
		.lux-ms-brief__image
		img {
		object-position: 66% center;
	}

	#lux-ms-brief
		.lux-ms-brief__content,
	#lux-ms-brief
		.lux-ms-brief__title,
	#lux-ms-brief
		.lux-ms-brief__description,
	#lux-ms-brief
		.lux-ms-brief__list {
		max-width: 100% !important;
	}

	#lux-ms-brief
		.lux-ms-brief__eyebrow
		.elementor-widget-container {
		padding-bottom: 22px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__eyebrow
		.elementor-heading-title {
		font-size: 9px !important;
		letter-spacing: 0.17em !important;
	}

	#lux-ms-brief
		.lux-ms-brief__title
		.elementor-heading-title,
	#lux-ms-brief
		#lux-ms-brief-title {
		font-size: clamp(40px, 11.6vw, 56px) !important;
		line-height: 1.05 !important;
		letter-spacing: -0.047em !important;
	}

	#lux-ms-brief
		.lux-ms-brief__description {
		margin-top: 27px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__description
		.elementor-widget-container,
	#lux-ms-brief
		.lux-ms-brief__description
		p {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	#lux-ms-brief
		.lux-ms-brief__list {
		margin-top: 43px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__row {
		grid-template-columns:
			39px
			minmax(0, 1fr) !important;
		column-gap: 17px !important;
		row-gap: 9px !important;

		padding: 23px 0 !important;
	}

	#lux-ms-brief
		.lux-ms-brief__row-number
		.elementor-heading-title {
		font-size: 15px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__row-title
		.elementor-heading-title {
		font-size: 22px !important;
		line-height: 1.25 !important;
	}

	#lux-ms-brief
		.lux-ms-brief__row-text {
		max-width: 100% !important;
	}

	#lux-ms-brief
		.lux-ms-brief__row-text
		.elementor-widget-container,
	#lux-ms-brief
		.lux-ms-brief__row-text
		p {
		font-size: 14px !important;
		line-height: 1.65 !important;
	}
}


/*======================================================================
  04.9 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-brief {
		padding:
			74px
			max(17px, env(safe-area-inset-right))
			72px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-brief
		.lux-ms-brief__media {
		min-height: 390px;

		border-radius: 21px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__title
		.elementor-heading-title,
	#lux-ms-brief
		#lux-ms-brief-title {
		font-size: clamp(37px, 11vw, 48px) !important;
	}

	#lux-ms-brief
		.lux-ms-brief__row {
		grid-template-columns:
			34px
			minmax(0, 1fr) !important;
		column-gap: 14px !important;
	}

	#lux-ms-brief
		.lux-ms-brief__row-title
		.elementor-heading-title {
		font-size: 20px !important;
	}
}


/*======================================================================
  04.10 — PHONE LANDSCAPE
======================================================================*/

@media
	(max-width: 900px)
	and (orientation: landscape)
	and (max-height: 600px) {

	#lux-ms-brief
		.lux-ms-brief__media {
		min-height: 360px;
	}

	#lux-ms-brief
		.lux-ms-brief__image
		img {
		object-position: 64% 42%;
	}
}


/*======================================================================
  04.11 — LIGHT REVEAL ANIMATION
======================================================================*/

#lux-ms-brief.lux-ms-brief-reveal-ready
	.lux-ms-brief-reveal-item {
	opacity: 0;
	transform: translate3d(0, 21px, 0);

	transition:
		opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay:
		var(--lux-ms-brief-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-brief.lux-ms-brief-reveal-ready
	.lux-ms-brief-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}


/*======================================================================
  04.12 — REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-brief.lux-ms-brief-reveal-ready
		.lux-ms-brief-reveal-item,
	#lux-ms-brief.lux-ms-brief-reveal-ready
		.lux-ms-brief-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}
/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  SECTION 05 — BRAND PROMISE

  FILE VERSION: 1.0.0
  FILE NAME:
  master-section-05-brand-promise-v1.0.0.css

  Scope:
  #lux-ms-promise

  This block styles Section 05 only.
  It does not modify the Hero or Sections 02–04.
  The module owns its background, spacing and responsive behaviour,
  so it can be copied or moved independently.
======================================================================*/


/*======================================================================
  05.1 — FOUNDATION
======================================================================*/

#lux-ms-promise,
#lux-ms-promise *,
#lux-ms-promise *::before,
#lux-ms-promise *::after {
	box-sizing: border-box;
}

#lux-ms-promise {
	--lux-ms-promise-deep: #382129;
	--lux-ms-promise-plum: #4a2e35;
	--lux-ms-promise-rose: #a1435a;
	--lux-ms-promise-gold: #e1c582;
	--lux-ms-promise-white: #fffdf9;
	--lux-ms-promise-muted: rgba(255, 253, 249, 0.76);
	--lux-ms-promise-line: rgba(255, 255, 255, 0.34);
	--lux-ms-promise-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;
	min-height: clamp(520px, 39vw, 650px);

	margin: 0 !important;
	padding:
		clamp(118px, 8vw, 156px)
		0
		clamp(112px, 7.6vw, 148px) !important;

	overflow: hidden;

	background:
		radial-gradient(
			circle at 87% 22%,
			rgba(255, 255, 255, 0.10) 0,
			rgba(255, 255, 255, 0.035) 23%,
			transparent 49%
		),
		linear-gradient(
			116deg,
			var(--lux-ms-promise-deep) 0%,
			var(--lux-ms-promise-plum) 47%,
			var(--lux-ms-promise-rose) 100%
		) !important;

	color: var(--lux-ms-promise-white) !important;
}

#lux-ms-promise::before,
#lux-ms-promise::after {
	content: "";

	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;

	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent 0%,
			rgba(255, 255, 255, 0.20) 18%,
			rgba(255, 255, 255, 0.28) 50%,
			rgba(255, 255, 255, 0.20) 82%,
			transparent 100%
		);

	pointer-events: none;
}

#lux-ms-promise::before {
	top: 0;
}

#lux-ms-promise::after {
	bottom: 0;
}

#lux-ms-promise > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-promise :is(h2, p) {
	margin: 0;
}


/*======================================================================
  05.2 — AMBIENT DECORATION
======================================================================*/

#lux-ms-promise .lux-ms-promise__shell::before,
#lux-ms-promise .lux-ms-promise__shell::after {
	content: "";

	position: absolute;
	z-index: -1;

	border:
		1px solid rgba(255, 255, 255, 0.075);
	border-radius: 50%;

	pointer-events: none;
}

#lux-ms-promise .lux-ms-promise__shell::before {
	width: clamp(470px, 43vw, 760px);
	aspect-ratio: 1;

	right: clamp(-285px, -15vw, -175px);
	top: 50%;

	transform: translateY(-50%);
}

#lux-ms-promise .lux-ms-promise__shell::after {
	width: clamp(345px, 31vw, 560px);
	aspect-ratio: 1;

	right: clamp(-185px, -9vw, -96px);
	top: 50%;

	transform: translateY(-50%);
}


/*======================================================================
  05.3 — SHELL
======================================================================*/

#lux-ms-promise .lux-ms-promise__shell {
	position: relative !important;
	z-index: 2;

	display: grid !important;
	grid-template-columns:
		minmax(0, 1.44fr)
		minmax(285px, 0.56fr) !important;
	column-gap: clamp(74px, 7vw, 112px) !important;
	align-items: end !important;

	width: min(
		calc(100% - 72px),
		var(--lux-ms-promise-shell)
	) !important;
	max-width: var(--lux-ms-promise-shell) !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

#lux-ms-promise
	.lux-ms-promise__shell
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  05.4 — STATEMENT
======================================================================*/

#lux-ms-promise .lux-ms-promise__statement {
	width: 100% !important;
	max-width: 900px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-promise
	.lux-ms-promise__statement
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-promise
	.lux-ms-promise__statement
	.elementor-heading-title,
#lux-ms-promise
	#lux-ms-promise-title {
	display: block !important;

	width: 100% !important;
	max-width: 900px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-promise-white) !important;
	-webkit-text-fill-color:
		var(--lux-ms-promise-white) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(59px, 5.55vw, 91px) !important;
	font-weight: 400 !important;
	line-height: 1.105 !important;
	letter-spacing: -0.052em !important;
	word-spacing: 0.055em !important;
	text-transform: uppercase !important;

	text-wrap: balance;

	text-shadow:
		0 4px 26px rgba(20, 10, 14, 0.22);
}


/*======================================================================
  05.5 — NOTE
======================================================================*/

#lux-ms-promise .lux-ms-promise__note {
	align-self: end;

	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 355px !important;

	margin: 0 !important;
	padding:
		2px
		0
		4px
		clamp(25px, 2.2vw, 34px) !important;

	border-left:
		1px solid var(--lux-ms-promise-line) !important;
}

#lux-ms-promise
	.lux-ms-promise__note
	> .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-promise .lux-ms-promise__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-promise
	.lux-ms-promise__eyebrow
	.elementor-heading-title {
	color: var(--lux-ms-promise-gold) !important;
	-webkit-text-fill-color:
		var(--lux-ms-promise-gold) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.205em !important;
	text-transform: uppercase !important;
}


/* Description */

#lux-ms-promise .lux-ms-promise__description {
	width: 100% !important;
	max-width: 330px !important;

	margin:
		clamp(22px, 1.9vw, 29px)
		0
		0 !important;
	padding: 0 !important;
}

#lux-ms-promise
	.lux-ms-promise__description
	.elementor-widget-container,
#lux-ms-promise
	.lux-ms-promise__description
	p {
	color: var(--lux-ms-promise-muted) !important;
	-webkit-text-fill-color:
		var(--lux-ms-promise-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(16px, 1.05vw, 18px) !important;
	font-weight: 400 !important;
	line-height: 1.76 !important;
	letter-spacing: -0.016em !important;
}

#lux-ms-promise
	.lux-ms-promise__description
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  05.6 — STANDARD LAPTOP
======================================================================*/

@media (min-width: 1201px) and (max-width: 1536px) {

	#lux-ms-promise {
		min-height: 560px;

		padding-top: 126px !important;
		padding-bottom: 122px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__shell {
		width: min(
			calc(100% - 64px),
			1180px
		) !important;

		grid-template-columns:
			minmax(0, 1.4fr)
			minmax(270px, 0.6fr) !important;
		column-gap: 70px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__statement
		.elementor-heading-title,
	#lux-ms-promise
		#lux-ms-promise-title {
		font-size: clamp(56px, 5.2vw, 78px) !important;
	}
}


/*======================================================================
  05.7 — SMALL LAPTOP
======================================================================*/

@media (min-width: 1025px) and (max-width: 1200px) {

	#lux-ms-promise {
		min-height: 520px;

		padding: 112px 0 108px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__shell {
		width: calc(100% - 56px) !important;

		grid-template-columns:
			minmax(0, 1.33fr)
			minmax(250px, 0.67fr) !important;
		column-gap: 54px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__statement
		.elementor-heading-title,
	#lux-ms-promise
		#lux-ms-promise-title {
		font-size: clamp(50px, 5.1vw, 64px) !important;
	}

	#lux-ms-promise
		.lux-ms-promise__note {
		padding-left: 25px !important;
	}
}


/*======================================================================
  05.8 — TABLET / IPAD
======================================================================*/

@media (min-width: 768px) and (max-width: 1024px) {

	#lux-ms-promise {
		min-height: 0;

		padding: 104px 0 101px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__shell {
		grid-template-columns: 1fr !important;
		row-gap: 60px !important;
		align-items: start !important;

		width: calc(100% - 48px) !important;
		max-width: 900px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__statement {
		max-width: 820px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__statement
		.elementor-heading-title,
	#lux-ms-promise
		#lux-ms-promise-title {
		max-width: 820px !important;

		font-size: clamp(55px, 7.3vw, 74px) !important;
	}

	#lux-ms-promise
		.lux-ms-promise__note {
		align-self: auto;

		max-width: 620px !important;

		padding:
			25px
			0
			0 !important;

		border-left: 0 !important;
		border-top:
			1px solid var(--lux-ms-promise-line) !important;
	}

	#lux-ms-promise
		.lux-ms-promise__description {
		max-width: 590px !important;
	}
}


/*======================================================================
  05.9 — MOBILE
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-promise {
		min-height: 0;

		padding:
			84px
			max(20px, env(safe-area-inset-right))
			82px
			max(20px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-promise
		.lux-ms-promise__shell {
		grid-template-columns: 1fr !important;
		row-gap: 47px !important;
		align-items: start !important;

		width: 100% !important;
		max-width: none !important;
	}

	#lux-ms-promise
		.lux-ms-promise__shell::before {
		width: 480px;

		right: -335px;
		top: 22%;

		transform: none;
	}

	#lux-ms-promise
		.lux-ms-promise__shell::after {
		width: 340px;

		right: -245px;
		top: 29%;

		transform: none;
	}

	#lux-ms-promise
		.lux-ms-promise__statement,
	#lux-ms-promise
		.lux-ms-promise__statement
		.elementor-heading-title,
	#lux-ms-promise
		#lux-ms-promise-title {
		max-width: 100% !important;
	}

	#lux-ms-promise
		.lux-ms-promise__statement
		.elementor-heading-title,
	#lux-ms-promise
		#lux-ms-promise-title {
		font-size: clamp(42px, 11.7vw, 57px) !important;
		line-height: 1.105 !important;
		letter-spacing: -0.047em !important;
		word-spacing: 0.035em !important;
	}

	#lux-ms-promise
		.lux-ms-promise__note {
		align-self: auto;

		max-width: 100% !important;

		padding:
			24px
			0
			0 !important;

		border-left: 0 !important;
		border-top:
			1px solid var(--lux-ms-promise-line) !important;
	}

	#lux-ms-promise
		.lux-ms-promise__eyebrow
		.elementor-heading-title {
		font-size: 9px !important;
		letter-spacing: 0.175em !important;
	}

	#lux-ms-promise
		.lux-ms-promise__description {
		max-width: 100% !important;

		margin-top: 20px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__description
		.elementor-widget-container,
	#lux-ms-promise
		.lux-ms-promise__description
		p {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}
}


/*======================================================================
  05.10 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-promise {
		padding:
			75px
			max(17px, env(safe-area-inset-right))
			74px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-promise
		.lux-ms-promise__statement
		.elementor-heading-title,
	#lux-ms-promise
		#lux-ms-promise-title {
		font-size: clamp(38px, 11.4vw, 47px) !important;
	}
}


/*======================================================================
  05.11 — PHONE LANDSCAPE
======================================================================*/

@media
	(max-width: 900px)
	and (orientation: landscape)
	and (max-height: 600px) {

	#lux-ms-promise {
		padding:
			76px
			max(28px, env(safe-area-inset-right))
			74px
			max(28px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-promise
		.lux-ms-promise__shell {
		row-gap: 38px !important;
	}

	#lux-ms-promise
		.lux-ms-promise__statement
		.elementor-heading-title,
	#lux-ms-promise
		#lux-ms-promise-title {
		font-size: clamp(43px, 6.3vw, 58px) !important;
	}
}


/*======================================================================
  05.12 — LIGHT REVEAL ANIMATION
======================================================================*/

#lux-ms-promise.lux-ms-promise-reveal-ready
	.lux-ms-promise-reveal-item {
	opacity: 0;
	transform: translate3d(0, 22px, 0);

	transition:
		opacity 1050ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1050ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay:
		var(--lux-ms-promise-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-promise.lux-ms-promise-reveal-ready
	.lux-ms-promise-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}


/*======================================================================
  05.13 — REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-promise.lux-ms-promise-reveal-ready
		.lux-ms-promise-reveal-item,
	#lux-ms-promise.lux-ms-promise-reveal-ready
		.lux-ms-promise-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}
/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  SECTION 06 — JOURNEY SEQUENCE

  FILE VERSION: 1.0.0
  FILE NAME:
  master-section-06-journey-sequence-v1.0.0.css

  Scope:
  #lux-ms-sequence

  This block styles Section 06 only.
  It does not modify the Hero or Sections 02–05.
  The module owns its background, spacing and responsive behaviour,
  so it can be copied or moved independently.
======================================================================*/


/*======================================================================
  06.1 — FOUNDATION
======================================================================*/

#lux-ms-sequence,
#lux-ms-sequence *,
#lux-ms-sequence *::before,
#lux-ms-sequence *::after {
	box-sizing: border-box;
}

#lux-ms-sequence {
	--lux-ms-sequence-paper: #fcf9f4;
	--lux-ms-sequence-ink: #181416;
	--lux-ms-sequence-rose: #a1435a;
	--lux-ms-sequence-muted: #756d69;
	--lux-ms-sequence-line: rgba(24, 20, 22, 0.15);
	--lux-ms-sequence-soft: rgba(161, 67, 90, 0.055);
	--lux-ms-sequence-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding:
		clamp(112px, 7.6vw, 150px)
		0
		clamp(108px, 7.2vw, 142px) !important;

	overflow: hidden;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.20),
			rgba(255, 255, 255, 0)
		),
		var(--lux-ms-sequence-paper) !important;

	color: var(--lux-ms-sequence-ink) !important;
}

#lux-ms-sequence > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence :is(h2, h3, p) {
	margin: 0;
}


/*======================================================================
  06.2 — SHELL
======================================================================*/

#lux-ms-sequence .lux-ms-sequence__shell {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;

	width: min(
		calc(100% - 72px),
		var(--lux-ms-sequence-shell)
	) !important;
	max-width: var(--lux-ms-sequence-shell) !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__shell
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  06.3 — HEADER
======================================================================*/

#lux-ms-sequence .lux-ms-sequence__header {
	display: grid !important;
	grid-template-columns:
		minmax(0, 0.90fr)
		minmax(0, 1.10fr) !important;
	column-gap: clamp(64px, 7vw, 112px) !important;
	align-items: end !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__header
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-sequence .lux-ms-sequence__heading-group {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 650px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__heading-group
	> .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-sequence .lux-ms-sequence__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__eyebrow
	.elementor-widget-container {
	padding:
		0
		0
		clamp(26px, 2vw, 32px) !important;
}

#lux-ms-sequence
	.lux-ms-sequence__eyebrow
	.elementor-heading-title {
	color: var(--lux-ms-sequence-rose) !important;
	-webkit-text-fill-color:
		var(--lux-ms-sequence-rose) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.21em !important;
	text-transform: uppercase !important;
}


/* Main heading */

#lux-ms-sequence .lux-ms-sequence__title {
	width: 100% !important;
	max-width: 650px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__title
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__title
	.elementor-heading-title,
#lux-ms-sequence
	#lux-ms-sequence-title {
	display: block !important;

	width: 100% !important;
	max-width: 650px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-sequence-ink) !important;
	-webkit-text-fill-color:
		var(--lux-ms-sequence-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(54px, 4.7vw, 82px) !important;
	font-weight: 400 !important;
	line-height: 1.04 !important;
	letter-spacing: -0.052em !important;
	word-spacing: 0.045em !important;
	text-transform: uppercase !important;

	text-wrap: balance;
}


/* Introduction */

#lux-ms-sequence .lux-ms-sequence__introduction {
	align-self: end;

	width: 100% !important;
	max-width: 600px !important;

	margin: 0 0 7px !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__introduction
	.elementor-widget-container,
#lux-ms-sequence
	.lux-ms-sequence__introduction
	p {
	color: var(--lux-ms-sequence-muted) !important;
	-webkit-text-fill-color:
		var(--lux-ms-sequence-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(17px, 1.2vw, 19px) !important;
	font-weight: 400 !important;
	line-height: 1.76 !important;
	letter-spacing: -0.02em !important;
}

#lux-ms-sequence
	.lux-ms-sequence__introduction
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  06.4 — STEPS GRID
======================================================================*/

#lux-ms-sequence .lux-ms-sequence__steps {
	display: grid !important;
	grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;

	width: 100% !important;

	margin:
		clamp(66px, 5.1vw, 78px)
		0
		0 !important;
	padding: 0 !important;

	border-top:
		1px solid var(--lux-ms-sequence-line) !important;
	border-bottom:
		1px solid var(--lux-ms-sequence-line) !important;
}

#lux-ms-sequence
	.lux-ms-sequence__steps
	> .e-con-inner {
	display: contents !important;
}

#lux-ms-sequence .lux-ms-sequence__step {
	position: relative !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 0 !important;

	min-width: 0;
	min-height: clamp(275px, 21vw, 335px);

	margin: 0 !important;
	padding:
		clamp(32px, 2.4vw, 38px)
		clamp(24px, 2vw, 31px)
		clamp(38px, 2.8vw, 46px) !important;

	overflow: hidden;

	background: transparent !important;

	border-right:
		1px solid var(--lux-ms-sequence-line) !important;

	transition:
		background-color 420ms ease,
		transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

#lux-ms-sequence
	.lux-ms-sequence__step--04 {
	border-right: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__step::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: -1;

	background:
		linear-gradient(
			180deg,
			var(--lux-ms-sequence-soft),
			transparent 72%
		);

	opacity: 0;

	transition: opacity 420ms ease;
}

#lux-ms-sequence
	.lux-ms-sequence__step::after {
	content: "";

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	height: 2px;

	background:
		linear-gradient(
			90deg,
			transparent,
			var(--lux-ms-sequence-rose),
			transparent
		);

	opacity: 0;
	transform: scaleX(0.38);
	transform-origin: center;

	transition:
		opacity 380ms ease,
		transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}


/* Step number */

#lux-ms-sequence
	.lux-ms-sequence__step-number {
	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__step-number
	.elementor-heading-title {
	color: var(--lux-ms-sequence-rose) !important;
	-webkit-text-fill-color:
		var(--lux-ms-sequence-rose) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}


/* Step heading */

#lux-ms-sequence
	.lux-ms-sequence__step-title {
	width: 100% !important;

	margin:
		clamp(42px, 3.8vw, 52px)
		0
		0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__step-title
	.elementor-heading-title {
	color: var(--lux-ms-sequence-ink) !important;
	-webkit-text-fill-color:
		var(--lux-ms-sequence-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(22px, 1.55vw, 26px) !important;
	font-weight: 400 !important;
	line-height: 1.22 !important;
	letter-spacing: -0.026em !important;
	text-transform: uppercase !important;

	text-wrap: balance;
}


/* Step description */

#lux-ms-sequence
	.lux-ms-sequence__step-text {
	width: 100% !important;
	max-width: 250px !important;

	margin: 18px 0 0 !important;
	padding: 0 !important;
}

#lux-ms-sequence
	.lux-ms-sequence__step-text
	.elementor-widget-container,
#lux-ms-sequence
	.lux-ms-sequence__step-text
	p {
	color: var(--lux-ms-sequence-muted) !important;
	-webkit-text-fill-color:
		var(--lux-ms-sequence-muted) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(14px, 0.96vw, 16px) !important;
	font-weight: 400 !important;
	line-height: 1.70 !important;
	letter-spacing: -0.012em !important;
}

#lux-ms-sequence
	.lux-ms-sequence__step-text
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  06.5 — POINTER HOVER
======================================================================*/

@media (hover: hover) and (pointer: fine) {

	#lux-ms-sequence
		.lux-ms-sequence__step:hover {
		background:
			rgba(161, 67, 90, 0.025) !important;

		transform: translateY(-4px);
	}

	#lux-ms-sequence
		.lux-ms-sequence__step:hover::before {
		opacity: 1;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step:hover::after {
		opacity: 1;
		transform: scaleX(1);
	}
}


/*======================================================================
  06.6 — STANDARD LAPTOP
======================================================================*/

@media (min-width: 1201px) and (max-width: 1536px) {

	#lux-ms-sequence {
		padding-top: 126px !important;
		padding-bottom: 120px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__shell {
		width: min(
			calc(100% - 64px),
			1180px
		) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__header {
		column-gap: 74px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__title
		.elementor-heading-title,
	#lux-ms-sequence
		#lux-ms-sequence-title {
		font-size: clamp(52px, 4.6vw, 74px) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step {
		padding-left: 26px !important;
		padding-right: 26px !important;
	}
}


/*======================================================================
  06.7 — SMALL LAPTOP
======================================================================*/

@media (min-width: 1025px) and (max-width: 1200px) {

	#lux-ms-sequence {
		padding: 112px 0 108px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__shell {
		width: calc(100% - 56px) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__header {
		grid-template-columns:
			minmax(0, 0.95fr)
			minmax(0, 1.05fr) !important;
		column-gap: 52px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__title
		.elementor-heading-title,
	#lux-ms-sequence
		#lux-ms-sequence-title {
		font-size: clamp(48px, 4.9vw, 62px) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step {
		min-height: 290px;

		padding:
			30px
			22px
			38px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step-title
		.elementor-heading-title {
		font-size: 22px !important;
	}
}


/*======================================================================
  06.8 — TABLET / IPAD
======================================================================*/

@media (min-width: 768px) and (max-width: 1024px) {

	#lux-ms-sequence {
		padding: 104px 0 101px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__shell {
		width: calc(100% - 48px) !important;
		max-width: 900px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__header {
		grid-template-columns: 1fr !important;
		row-gap: 38px !important;
		align-items: start !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__heading-group,
	#lux-ms-sequence
		.lux-ms-sequence__title,
	#lux-ms-sequence
		.lux-ms-sequence__introduction {
		max-width: 760px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__introduction {
		align-self: auto;

		margin: 0 !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__title
		.elementor-heading-title,
	#lux-ms-sequence
		#lux-ms-sequence-title {
		font-size: clamp(53px, 7vw, 71px) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__steps {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		margin-top: 58px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step {
		min-height: 290px;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step--02 {
		border-right: 0 !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step--01,
	#lux-ms-sequence
		.lux-ms-sequence__step--02 {
		border-bottom:
			1px solid var(--lux-ms-sequence-line) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step--03 {
		border-right:
			1px solid var(--lux-ms-sequence-line) !important;
	}
}


/*======================================================================
  06.9 — MOBILE
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-sequence {
		padding:
			82px
			max(20px, env(safe-area-inset-right))
			80px
			max(20px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__shell {
		width: 100% !important;
		max-width: none !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__header {
		grid-template-columns: 1fr !important;
		row-gap: 31px !important;
		align-items: start !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__heading-group,
	#lux-ms-sequence
		.lux-ms-sequence__title,
	#lux-ms-sequence
		.lux-ms-sequence__introduction {
		max-width: 100% !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__eyebrow
		.elementor-widget-container {
		padding-bottom: 22px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__eyebrow
		.elementor-heading-title {
		font-size: 9px !important;
		letter-spacing: 0.17em !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__title
		.elementor-heading-title,
	#lux-ms-sequence
		#lux-ms-sequence-title {
		font-size: clamp(40px, 11.6vw, 56px) !important;
		line-height: 1.05 !important;
		letter-spacing: -0.047em !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__introduction {
		align-self: auto;

		margin: 0 !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__introduction
		.elementor-widget-container,
	#lux-ms-sequence
		.lux-ms-sequence__introduction
		p {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__steps {
		grid-template-columns: 1fr !important;

		margin-top: 48px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step {
		min-height: 0;

		padding:
			28px
			8px
			34px !important;

		border-right: 0 !important;
		border-bottom:
			1px solid var(--lux-ms-sequence-line) !important;

		transform: none !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step--04 {
		border-bottom: 0 !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step-title {
		margin-top: 28px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step-title
		.elementor-heading-title {
		font-size: 23px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step-text {
		max-width: 100% !important;

		margin-top: 16px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step-text
		.elementor-widget-container,
	#lux-ms-sequence
		.lux-ms-sequence__step-text
		p {
		font-size: 15px !important;
		line-height: 1.68 !important;
	}
}


/*======================================================================
  06.10 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-sequence {
		padding:
			74px
			max(17px, env(safe-area-inset-right))
			72px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__title
		.elementor-heading-title,
	#lux-ms-sequence
		#lux-ms-sequence-title {
		font-size: clamp(37px, 11vw, 48px) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__step {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
}


/*======================================================================
  06.11 — PHONE LANDSCAPE
======================================================================*/

@media
	(max-width: 900px)
	and (orientation: landscape)
	and (max-height: 600px) {

	#lux-ms-sequence {
		padding:
			76px
			max(28px, env(safe-area-inset-right))
			74px
			max(28px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__header {
		row-gap: 28px !important;
	}

	#lux-ms-sequence
		.lux-ms-sequence__title
		.elementor-heading-title,
	#lux-ms-sequence
		#lux-ms-sequence-title {
		font-size: clamp(43px, 6.3vw, 58px) !important;
	}
}


/*======================================================================
  06.12 — LIGHT REVEAL ANIMATION
======================================================================*/

#lux-ms-sequence.lux-ms-sequence-reveal-ready
	.lux-ms-sequence-reveal-item {
	opacity: 0;
	transform: translate3d(0, 21px, 0);

	transition:
		opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay:
		var(--lux-ms-sequence-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-sequence.lux-ms-sequence-reveal-ready
	.lux-ms-sequence-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}


/*======================================================================
  06.13 — REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-sequence.lux-ms-sequence-reveal-ready
		.lux-ms-sequence-reveal-item,
	#lux-ms-sequence.lux-ms-sequence-reveal-ready
		.lux-ms-sequence-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}
/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  SECTION 08 — WEDDING & OCCASION FAQ

  FILE VERSION: 1.0.0
  FILE NAME:
  master-section-08-wedding-faq-v1.0.0.css

  Scope:
  #lux-ms-faq

  This block styles Section 08 only.
  It does not modify the Hero or Sections 02–07.

  Royal Addons Advanced Accordion keeps complete control of:
  - opening and closing;
  - panel display;
  - panel height and max-height;
  - panel overflow;
  - panel transition and animation.

  This CSS changes presentation only.

  The section owns its background, spacing and responsive behaviour,
  so it can be copied to another page or moved independently.
======================================================================*/


/*======================================================================
  08.1 — FOUNDATION
======================================================================*/

#lux-ms-faq,
#lux-ms-faq *,
#lux-ms-faq *::before,
#lux-ms-faq *::after {
	box-sizing: border-box;
}

#lux-ms-faq {
	--lux-ms-faq-paper: #f7f2ea;
	--lux-ms-faq-paper-soft: #fcfaf6;
	--lux-ms-faq-paper-deep: #eee5dc;
	--lux-ms-faq-ink: #181416;
	--lux-ms-faq-copy: #756d69;
	--lux-ms-faq-rose: #a1435a;
	--lux-ms-faq-wine: #4a2e35;
	--lux-ms-faq-line: rgba(24, 20, 22, 0.16);
	--lux-ms-faq-line-strong: rgba(74, 46, 53, 0.30);
	--lux-ms-faq-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding:
		clamp(112px, 7.6vw, 150px)
		0
		clamp(108px, 7.2vw, 142px) !important;

	overflow: hidden;

	background:
		radial-gradient(
			ellipse 46% 52% at 4% 88%,
			rgba(161, 67, 90, 0.055) 0%,
			rgba(161, 67, 90, 0.012) 56%,
			transparent 82%
		),
		radial-gradient(
			ellipse 44% 48% at 96% 8%,
			rgba(205, 167, 92, 0.07) 0%,
			rgba(205, 167, 92, 0.014) 56%,
			transparent 82%
		),
		linear-gradient(
			118deg,
			#f9f5ee 0%,
			var(--lux-ms-faq-paper) 54%,
			#f1e9e0 100%
		) !important;

	color: var(--lux-ms-faq-ink) !important;

	-webkit-tap-highlight-color: transparent;
}

#lux-ms-faq::before {
	content: "";

	position: absolute;
	top: 0;
	bottom: 0;
	left: 39%;
	z-index: 0;

	width: 1px;

	background:
		linear-gradient(
			180deg,
			transparent 0%,
			var(--lux-ms-faq-line) 17%,
			var(--lux-ms-faq-line) 83%,
			transparent 100%
		);

	pointer-events: none;
}

#lux-ms-faq > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-faq :is(h2, h3, p) {
	margin: 0;
}


/*======================================================================
  08.2 — SHELL
======================================================================*/

#lux-ms-faq .lux-ms-faq__shell {
	position: relative !important;
	z-index: 2;

	display: grid !important;
	grid-template-columns:
		minmax(300px, 0.72fr)
		minmax(0, 1.28fr) !important;
	column-gap: clamp(70px, 7vw, 112px) !important;
	align-items: start !important;

	width: min(
		calc(100% - 72px),
		var(--lux-ms-faq-shell)
	) !important;
	max-width: var(--lux-ms-faq-shell) !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__shell
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  08.3 — INTRODUCTION
======================================================================*/

#lux-ms-faq .lux-ms-faq__introduction {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;

	width: 100% !important;
	max-width: 460px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__introduction
	> .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-faq .lux-ms-faq__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__eyebrow
	.elementor-widget-container {
	padding:
		0
		0
		clamp(27px, 2.1vw, 34px) !important;
}

#lux-ms-faq
	.lux-ms-faq__eyebrow
	.elementor-heading-title {
	color: var(--lux-ms-faq-rose) !important;
	-webkit-text-fill-color:
		var(--lux-ms-faq-rose) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.21em !important;
	text-transform: uppercase !important;
}


/* Main heading */

#lux-ms-faq .lux-ms-faq__title {
	width: 100% !important;
	max-width: 460px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__title
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__title
	.elementor-heading-title,
#lux-ms-faq
	#lux-ms-faq-title {
	display: block !important;

	width: 100% !important;
	max-width: 460px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-faq-ink) !important;
	-webkit-text-fill-color:
		var(--lux-ms-faq-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(55px, 4.65vw, 80px) !important;
	font-weight: 400 !important;
	line-height: 1.04 !important;
	letter-spacing: -0.052em !important;
	word-spacing: 0.045em !important;
	text-transform: uppercase !important;

	text-wrap: balance;
}


/* Introduction description */

#lux-ms-faq .lux-ms-faq__description {
	width: 100% !important;
	max-width: 440px !important;

	margin:
		clamp(29px, 2.5vw, 38px)
		0
		0 !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__description
	.elementor-widget-container,
#lux-ms-faq
	.lux-ms-faq__description
	p {
	color: var(--lux-ms-faq-copy) !important;
	-webkit-text-fill-color:
		var(--lux-ms-faq-copy) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(16px, 1.1vw, 18px) !important;
	font-weight: 400 !important;
	line-height: 1.78 !important;
	letter-spacing: -0.018em !important;
}

#lux-ms-faq
	.lux-ms-faq__description
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  08.4 — RIGHT CONTENT
======================================================================*/

#lux-ms-faq .lux-ms-faq__content {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;

	width: 100% !important;
	min-width: 0;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__content
	> .e-con-inner {
	display: contents !important;
}


/* Introductory note */

#lux-ms-faq .lux-ms-faq__note {
	width: 100% !important;

	margin: 0 !important;
	padding:
		clamp(30px, 2.8vw, 44px)
		clamp(30px, 3vw, 48px) !important;

	background:
		rgba(255, 255, 255, 0.52) !important;
	color: var(--lux-ms-faq-copy) !important;

	border:
		1px solid var(--lux-ms-faq-line) !important;

	box-shadow:
		0 18px 48px rgba(67, 45, 51, 0.08);
}

#lux-ms-faq
	.lux-ms-faq__note
	.elementor-widget-container,
#lux-ms-faq
	.lux-ms-faq__note
	p {
	color: var(--lux-ms-faq-copy) !important;
	-webkit-text-fill-color:
		var(--lux-ms-faq-copy) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(17px, 1.22vw, 20px) !important;
	font-weight: 400 !important;
	line-height: 1.80 !important;
	letter-spacing: -0.02em !important;
}

#lux-ms-faq
	.lux-ms-faq__note
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  08.5 — ROYAL ADDONS ADVANCED ACCORDION FOUNDATION

  Do not set display, height, max-height, overflow or transition
  on the answer panel. Royal Addons keeps full functional control.
======================================================================*/

#lux-ms-faq .lux-ms-faq__accordion {
	width: 100% !important;
	min-width: 0;

	margin:
		clamp(18px, 1.4vw, 24px)
		0
		0 !important;
	padding: 0 !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	:is(
		.wpr-accordion,
		.wpr-advanced-accordion,
		.wpr-accordion-wrap,
		.wpr-accordion-wrapper
	) {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	box-shadow: none !important;
}


/*======================================================================
  08.6 — ACCORDION ITEMS
======================================================================*/

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-accordion-item-wrap {
	position: relative;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-top:
		1px solid var(--lux-ms-faq-line-strong) !important;
	border-radius: 0 !important;

	background:
		rgba(255, 255, 255, 0.18) !important;
	box-shadow: none !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-accordion-item-wrap:last-child {
	border-bottom:
		1px solid var(--lux-ms-faq-line-strong) !important;
}


/*======================================================================
  08.7 — QUESTION BUTTON
======================================================================*/

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-button {
	position: relative;

	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: clamp(22px, 2vw, 32px) !important;

	width: 100% !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding:
		clamp(28px, 2.2vw, 38px)
		clamp(4px, 0.4vw, 7px) !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	box-shadow: none !important;

	color: var(--lux-ms-faq-ink) !important;

	font: inherit !important;
	text-align: left !important;

	cursor: pointer;

	-webkit-appearance: none;
	appearance: none;
}


/* Hide Royal Addons' unused leading icon slot only. */

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-title-icon {
	display: none !important;
}


/* Question title wrapper */

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-item-title {
	display: flex !important;
	align-items: center !important;

	flex: 1 1 auto;

	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	color: inherit !important;
}


/* Question text */

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-title-text {
	display: block !important;

	width: 100% !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-faq-ink) !important;
	-webkit-text-fill-color:
		var(--lux-ms-faq-ink) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(20px, 1.46vw, 27px) !important;
	font-weight: 400 !important;
	line-height: 1.34 !important;
	letter-spacing: -0.026em !important;
	text-transform: uppercase !important;

	text-decoration: none !important;
}


/*======================================================================
  08.8 — ROYAL ADDONS PLUS / MINUS ICON SLOT

  Important:
  Only the shared Royal Addons icon slot is styled.
  No display rule is forced on its open or closed icon children.
  Royal Addons therefore decides which icon is visible.
======================================================================*/

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-toggle-icon {
	order: 2;

	flex: 0 0 34px;

	align-items: center !important;
	justify-content: center !important;

	width: 34px !important;
	height: 34px !important;

	margin: 0 0 0 auto !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	box-shadow: none !important;

	color: var(--lux-ms-faq-rose) !important;

	font-size: 21px !important;
	line-height: 1 !important;
	text-align: center !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-toggle-icon
	:is(i, svg, span) {
	position: static !important;

	margin: 0 !important;
	padding: 0 !important;

	color: inherit !important;
	fill: currentColor !important;
	stroke: currentColor !important;

	line-height: 1 !important;
}


/*======================================================================
  08.9 — ANSWER PANEL

  Royal Addons retains complete control of:
  display, height, max-height, overflow and transition.
======================================================================*/

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-panel {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	box-shadow: none !important;

	color: var(--lux-ms-faq-copy) !important;
	-webkit-text-fill-color:
		var(--lux-ms-faq-copy) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: clamp(15px, 1vw, 17px) !important;
	font-weight: 400 !important;
	line-height: 1.78 !important;
	letter-spacing: -0.014em !important;
}


/*
 * Visual spacing lives on the answer content, not the animated panel.
 * This keeps Royal Addons' slide-height calculation unrestricted.
 */

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-panel
	> * {
	padding:
		0
		clamp(66px, 5vw, 88px)
		0
		clamp(4px, 0.4vw, 7px) !important;

	color: inherit !important;
	-webkit-text-fill-color: inherit !important;

	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-panel
	> :last-child {
	padding-bottom:
		clamp(29px, 2.3vw, 40px) !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-panel
	p {
	margin: 0 0 1em !important;

	color: inherit !important;
	-webkit-text-fill-color: inherit !important;

	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-panel
	p:last-child {
	margin-bottom: 0 !important;
}


/*======================================================================
  08.10 — ACTIVE, HOVER AND KEYBOARD STATES

  No custom movement or transition is applied to the accordion button.
======================================================================*/

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-button.wpr-acc-active {
	background:
		rgba(161, 67, 90, 0.04) !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-button.wpr-acc-active
	.wpr-acc-title-text {
	color: var(--lux-ms-faq-wine) !important;
	-webkit-text-fill-color:
		var(--lux-ms-faq-wine) !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-button:focus {
	outline: none !important;
}

#lux-ms-faq
	.lux-ms-faq__accordion
	.wpr-acc-button:focus-visible {
	outline:
		2px solid var(--lux-ms-faq-rose) !important;
	outline-offset: 5px;
	z-index: 2;
}

@media (hover: hover) and (pointer: fine) {

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-button:hover
		.wpr-acc-title-text {
		color: var(--lux-ms-faq-wine) !important;
		-webkit-text-fill-color:
			var(--lux-ms-faq-wine) !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-button:hover
		.wpr-toggle-icon {
		color: var(--lux-ms-faq-wine) !important;
	}
}


/*======================================================================
  08.11 — STANDARD LAPTOP
======================================================================*/

@media (min-width: 1201px) and (max-width: 1536px) {

	#lux-ms-faq {
		padding-top: 126px !important;
		padding-bottom: 120px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__shell {
		width: min(
			calc(100% - 64px),
			1180px
		) !important;

		grid-template-columns:
			minmax(290px, 0.70fr)
			minmax(0, 1.30fr) !important;
		column-gap: 70px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title {
		font-size: clamp(52px, 4.5vw, 72px) !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-title-text {
		font-size: clamp(19px, 1.42vw, 24px) !important;
	}
}


/*======================================================================
  08.12 — SMALL LAPTOP
======================================================================*/

@media (min-width: 1025px) and (max-width: 1200px) {

	#lux-ms-faq {
		padding: 112px 0 108px !important;
	}

	#lux-ms-faq::before {
		left: 37%;
	}

	#lux-ms-faq
		.lux-ms-faq__shell {
		width: calc(100% - 56px) !important;

		grid-template-columns:
			minmax(265px, 0.67fr)
			minmax(0, 1.33fr) !important;
		column-gap: 52px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title {
		font-size: clamp(48px, 4.8vw, 62px) !important;
	}

	#lux-ms-faq
		.lux-ms-faq__note {
		padding:
			30px
			34px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-title-text {
		font-size: 19px !important;
	}
}


/*======================================================================
  08.13 — TABLET / IPAD
======================================================================*/

@media (min-width: 768px) and (max-width: 1024px) {

	#lux-ms-faq {
		padding: 104px 0 101px !important;
	}

	#lux-ms-faq::before {
		display: none;
	}

	#lux-ms-faq
		.lux-ms-faq__shell {
		grid-template-columns: 1fr !important;
		row-gap: 58px !important;

		width: calc(100% - 48px) !important;
		max-width: 900px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__introduction {
		max-width: 720px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__title,
	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title {
		max-width: 720px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title {
		font-size: clamp(53px, 7vw, 71px) !important;
	}

	#lux-ms-faq
		.lux-ms-faq__description {
		max-width: 650px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-title-text {
		font-size: clamp(20px, 2.55vw, 25px) !important;
	}
}


/*======================================================================
  08.14 — MOBILE
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-faq {
		padding:
			82px
			max(20px, env(safe-area-inset-right))
			80px
			max(20px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-faq::before {
		display: none;
	}

	#lux-ms-faq
		.lux-ms-faq__shell {
		grid-template-columns: 1fr !important;
		row-gap: 47px !important;

		width: 100% !important;
		max-width: none !important;
	}

	#lux-ms-faq
		.lux-ms-faq__introduction,
	#lux-ms-faq
		.lux-ms-faq__title,
	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title,
	#lux-ms-faq
		.lux-ms-faq__description {
		max-width: 100% !important;
	}

	#lux-ms-faq
		.lux-ms-faq__eyebrow
		.elementor-widget-container {
		padding-bottom: 22px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__eyebrow
		.elementor-heading-title {
		font-size: 9px !important;
		letter-spacing: 0.17em !important;
	}

	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title {
		font-size: clamp(40px, 11.6vw, 56px) !important;
		line-height: 1.05 !important;
		letter-spacing: -0.047em !important;
	}

	#lux-ms-faq
		.lux-ms-faq__description {
		margin-top: 27px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__description
		.elementor-widget-container,
	#lux-ms-faq
		.lux-ms-faq__description
		p {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	#lux-ms-faq
		.lux-ms-faq__note {
		padding:
			25px
			22px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__note
		.elementor-widget-container,
	#lux-ms-faq
		.lux-ms-faq__note
		p {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion {
		margin-top: 17px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-button {
		gap: 18px !important;

		padding:
			23px
			2px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-title-text {
		font-size: 17px !important;
		line-height: 1.42 !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-toggle-icon {
		flex-basis: 28px;

		width: 28px !important;
		height: 28px !important;

		font-size: 19px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-panel {
		font-size: 14.5px !important;
		line-height: 1.72 !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-panel
		> * {
		padding-right: 42px !important;
		padding-left: 2px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-panel
		> :last-child {
		padding-bottom: 25px !important;
	}
}


/*======================================================================
  08.15 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-faq {
		padding:
			74px
			max(17px, env(safe-area-inset-right))
			72px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title {
		font-size: clamp(37px, 11vw, 48px) !important;
	}

	#lux-ms-faq
		.lux-ms-faq__note {
		padding:
			23px
			18px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-title-text {
		font-size: 16px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-panel {
		font-size: 14px !important;
	}
}


/*======================================================================
  08.16 — PHONE LANDSCAPE
======================================================================*/

@media
	(max-width: 900px)
	and (orientation: landscape)
	and (max-height: 600px) {

	#lux-ms-faq {
		padding:
			76px
			max(28px, env(safe-area-inset-right))
			74px
			max(28px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-faq
		.lux-ms-faq__shell {
		row-gap: 42px !important;
	}

	#lux-ms-faq
		.lux-ms-faq__title
		.elementor-heading-title,
	#lux-ms-faq
		#lux-ms-faq-title {
		font-size: clamp(43px, 6.3vw, 58px) !important;
	}
}


/*======================================================================
  08.17 — SAFARI / IOS STABILITY
======================================================================*/

@supports (-webkit-touch-callout: none) {

	#lux-ms-faq
		.lux-ms-faq__accordion
		.wpr-acc-button {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}


/*======================================================================
  08.18 — LIGHT REVEAL ANIMATION

  The complete accordion widget reveals once.
  Individual Royal Addons panels are not animated here.
======================================================================*/

#lux-ms-faq.lux-ms-faq-reveal-ready
	.lux-ms-faq-reveal-item {
	opacity: 0;
	transform: translate3d(0, 22px, 0);

	transition:
		opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay:
		var(--lux-ms-faq-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-faq.lux-ms-faq-reveal-ready
	.lux-ms-faq-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {

	#lux-ms-faq.lux-ms-faq-reveal-ready
		.lux-ms-faq-reveal-item {
		transform: translate3d(0, 18px, 0);
		transition-duration: 900ms;
	}
}


/*======================================================================
  08.19 — REDUCED MOTION

  Only the page-entry reveal is disabled.
  Royal Addons' accordion behaviour remains untouched.
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-faq.lux-ms-faq-reveal-ready
		.lux-ms-faq-reveal-item,
	#lux-ms-faq.lux-ms-faq-reveal-ready
		.lux-ms-faq-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}
/*======================================================================
  LUXELINE MASTER SERVICE PAGE
  SECTION 07 — FINAL SERVICE CTA

  FILE VERSION: 1.0.0
  FILE NAME:
  master-section-07-final-service-cta-v1.0.0.css

  Scope:
  #lux-ms-cta

  This block styles Section 07 only.
  It does not modify the Hero or Sections 02–06 and 08.

  The section owns its background, spacing and responsive behaviour,
  so it can be copied to another page or moved independently.
======================================================================*/


/*======================================================================
  07.1 — FOUNDATION
======================================================================*/

#lux-ms-cta,
#lux-ms-cta *,
#lux-ms-cta *::before,
#lux-ms-cta *::after {
	box-sizing: border-box;
}

#lux-ms-cta {
	--lux-ms-cta-deep: #1c1619;
	--lux-ms-cta-plum: #341b26;
	--lux-ms-cta-plum-soft: #28191f;
	--lux-ms-cta-white: #ffffff;
	--lux-ms-cta-gold: #e1c582;
	--lux-ms-cta-gold-strong: #d4b45f;
	--lux-ms-cta-line: rgba(225, 197, 130, 0.46);
	--lux-ms-cta-shell: 1240px;

	position: relative !important;
	isolation: isolate;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding:
		clamp(104px, 7.1vw, 138px)
		0
		clamp(100px, 6.8vw, 132px) !important;

	overflow: hidden;

	background:
		radial-gradient(
			ellipse 55% 90% at 5% 8%,
			rgba(85, 34, 55, 0.64) 0%,
			rgba(69, 29, 45, 0.28) 43%,
			transparent 78%
		),
		radial-gradient(
			ellipse 54% 82% at 82% 108%,
			rgba(74, 46, 53, 0.25) 0%,
			transparent 72%
		),
		linear-gradient(
			118deg,
			var(--lux-ms-cta-plum) 0%,
			var(--lux-ms-cta-plum-soft) 49%,
			var(--lux-ms-cta-deep) 100%
		) !important;

	color: var(--lux-ms-cta-white) !important;

	-webkit-tap-highlight-color: transparent;
}

#lux-ms-cta::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 0;

	background:
		linear-gradient(
			149deg,
			transparent 0%,
			transparent 71%,
			rgba(225, 197, 130, 0.035) 71.1%,
			rgba(225, 197, 130, 0.035) 71.35%,
			transparent 71.45%
		);

	pointer-events: none;
}

#lux-ms-cta::after {
	content: "";

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;

	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent 0%,
			var(--lux-ms-cta-line) 20%,
			var(--lux-ms-cta-line) 80%,
			transparent 100%
		);

	pointer-events: none;
}

#lux-ms-cta > .e-con-inner {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta :is(h2, p) {
	margin: 0;
}


/*======================================================================
  07.2 — SHELL
======================================================================*/

#lux-ms-cta .lux-ms-cta__shell {
	position: relative !important;
	z-index: 2;

	display: block !important;

	width: min(
		calc(100% - 72px),
		var(--lux-ms-cta-shell)
	) !important;
	max-width: var(--lux-ms-cta-shell) !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__shell
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  07.3 — PANEL
======================================================================*/

#lux-ms-cta .lux-ms-cta__panel {
	display: grid !important;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(330px, 0.40fr) !important;
	column-gap: clamp(64px, 7vw, 112px) !important;
	align-items: center !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__panel
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  07.4 — CONTENT
======================================================================*/

#lux-ms-cta .lux-ms-cta__content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;

	width: 100% !important;
	min-width: 0;
	max-width: 870px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__content
	> .e-con-inner {
	display: contents !important;
}


/* Eyebrow */

#lux-ms-cta .lux-ms-cta__eyebrow {
	width: auto !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__eyebrow
	.elementor-widget-container {
	padding:
		0
		0
		clamp(25px, 1.9vw, 31px) !important;
}

#lux-ms-cta
	.lux-ms-cta__eyebrow
	.elementor-heading-title {
	color: var(--lux-ms-cta-gold) !important;
	-webkit-text-fill-color:
		var(--lux-ms-cta-gold) !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.21em !important;
	text-transform: uppercase !important;

	text-shadow:
		0 2px 14px rgba(0, 0, 0, 0.22);
}


/* Main heading */

#lux-ms-cta .lux-ms-cta__title {
	width: 100% !important;
	max-width: 870px !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__title
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__title
	.elementor-heading-title,
#lux-ms-cta
	#lux-ms-cta-title {
	display: block !important;

	width: 100% !important;
	max-width: 870px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lux-ms-cta-white) !important;
	-webkit-text-fill-color:
		var(--lux-ms-cta-white) !important;

	font-family:
		"Cinzel",
		Georgia,
		"Times New Roman",
		serif !important;
	font-size: clamp(55px, 4.65vw, 80px) !important;
	font-weight: 400 !important;
	line-height: 1.055 !important;
	letter-spacing: -0.052em !important;
	word-spacing: 0.045em !important;
	text-transform: none !important;

	text-wrap: balance;

	text-shadow:
		0 5px 28px rgba(0, 0, 0, 0.23);
}


/*======================================================================
  07.5 — OPTIONAL ACTION CONTAINER
======================================================================*/

#lux-ms-cta .lux-ms-cta__action {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;

	width: 100% !important;
	min-width: 0;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__action
	> .e-con-inner {
	display: contents !important;
}


/*======================================================================
  07.6 — BUTTON
======================================================================*/

#lux-ms-cta .lux-ms-cta__button {
	width: 100% !important;
	max-width: 390px !important;

	margin: 0 0 0 auto !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-widget-container {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button {
	position: relative;
	isolation: isolate;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 18px !important;

	width: 100% !important;
	min-height: 94px;

	margin: 0 !important;
	padding:
		22px
		clamp(26px, 2.5vw, 40px) !important;

	overflow: hidden;

	border:
		2px solid var(--lux-ms-cta-gold-strong) !important;
	border-radius: 0 !important;

	background: transparent !important;
	box-shadow: none !important;

	color: var(--lux-ms-cta-gold) !important;
	-webkit-text-fill-color:
		var(--lux-ms-cta-gold) !important;

	text-decoration: none !important;

	transition:
		color 360ms ease,
		border-color 360ms ease,
		transform 280ms ease;
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: -1;

	background: var(--lux-ms-cta-gold);

	transform: scaleX(0);
	transform-origin: left center;

	transition:
		transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button-content-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 18px !important;

	width: 100% !important;
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button-text {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;

	font-family:
		"Manrope",
		Arial,
		sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.055em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;

	color: inherit !important;

	font-size: 18px !important;
	line-height: 1 !important;

	transition:
		transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button:focus {
	outline: none !important;
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button:focus-visible {
	outline:
		2px solid var(--lux-ms-cta-white) !important;
	outline-offset: 5px;
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button:active {
	transform: scale(0.985);
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button:active::before {
	transform: scaleX(1);
}

#lux-ms-cta
	.lux-ms-cta__button
	.elementor-button:active {
	color: var(--lux-ms-cta-deep) !important;
	-webkit-text-fill-color:
		var(--lux-ms-cta-deep) !important;
}

@media (hover: hover) and (pointer: fine) {

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button:hover {
		border-color:
			var(--lux-ms-cta-gold) !important;

		color: var(--lux-ms-cta-deep) !important;
		-webkit-text-fill-color:
			var(--lux-ms-cta-deep) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button:hover::before {
		transform: scaleX(1);
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button:hover
		.elementor-button-icon {
		transform: translateX(5px);
	}
}


/*======================================================================
  07.7 — STANDARD LAPTOP
======================================================================*/

@media (min-width: 1201px) and (max-width: 1536px) {

	#lux-ms-cta {
		padding-top: 116px !important;
		padding-bottom: 112px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__shell {
		width: min(
			calc(100% - 64px),
			1180px
		) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__panel {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(310px, 0.40fr) !important;
		column-gap: 68px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		font-size: clamp(52px, 4.45vw, 72px) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button {
		min-height: 88px;
	}
}


/*======================================================================
  07.8 — SMALL LAPTOP
======================================================================*/

@media (min-width: 1025px) and (max-width: 1200px) {

	#lux-ms-cta {
		padding: 104px 0 101px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__shell {
		width: calc(100% - 56px) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__panel {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(285px, 0.42fr) !important;
		column-gap: 50px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		font-size: clamp(48px, 4.85vw, 62px) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button {
		min-height: 84px;

		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}


/*======================================================================
  07.9 — TABLET / IPAD
======================================================================*/

@media (min-width: 768px) and (max-width: 1024px) {

	#lux-ms-cta {
		padding: 100px 0 98px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__shell {
		width: calc(100% - 48px) !important;
		max-width: 900px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__panel {
		grid-template-columns: 1fr !important;
		row-gap: 54px !important;
		align-items: start !important;
	}

	#lux-ms-cta
		.lux-ms-cta__content,
	#lux-ms-cta
		.lux-ms-cta__title,
	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		max-width: 760px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		font-size: clamp(53px, 7vw, 71px) !important;
	}

	#lux-ms-cta .lux-ms-cta__action {
		justify-content: flex-start !important;
	}

	#lux-ms-cta .lux-ms-cta__button {
		max-width: 400px !important;

		margin-left: 0 !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button {
		min-height: 88px;
	}
}


/*======================================================================
  07.10 — MOBILE
======================================================================*/

@media (max-width: 767px) {

	#lux-ms-cta {
		padding:
			82px
			max(20px, env(safe-area-inset-right))
			80px
			max(20px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-cta::before {
		background:
			linear-gradient(
				153deg,
				transparent 0%,
				transparent 78%,
				rgba(225, 197, 130, 0.04) 78.1%,
				rgba(225, 197, 130, 0.04) 78.4%,
				transparent 78.5%
			);
	}

	#lux-ms-cta
		.lux-ms-cta__shell {
		width: 100% !important;
		max-width: none !important;
	}

	#lux-ms-cta
		.lux-ms-cta__panel {
		grid-template-columns: 1fr !important;
		row-gap: 44px !important;
		align-items: start !important;
	}

	#lux-ms-cta
		.lux-ms-cta__content,
	#lux-ms-cta
		.lux-ms-cta__title,
	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		max-width: 100% !important;
	}

	#lux-ms-cta
		.lux-ms-cta__eyebrow
		.elementor-widget-container {
		padding-bottom: 22px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__eyebrow
		.elementor-heading-title {
		font-size: 9px !important;
		letter-spacing: 0.17em !important;
	}

	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		font-size: clamp(40px, 11.6vw, 56px) !important;
		line-height: 1.05 !important;
		letter-spacing: -0.047em !important;
	}

	#lux-ms-cta .lux-ms-cta__action {
		justify-content: flex-start !important;
	}

	#lux-ms-cta .lux-ms-cta__button {
		width: 100% !important;
		max-width: 100% !important;

		margin: 0 !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button {
		min-height: 78px;

		padding:
			19px
			20px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button-content-wrapper {
		gap: 13px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button-text {
		font-size: 10px !important;
		letter-spacing: 0.05em !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button-icon {
		font-size: 16px !important;
	}
}


/*======================================================================
  07.11 — NARROW MOBILE
======================================================================*/

@media (max-width: 380px) {

	#lux-ms-cta {
		padding:
			74px
			max(17px, env(safe-area-inset-right))
			72px
			max(17px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		font-size: clamp(37px, 11vw, 48px) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button {
		min-height: 74px;

		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button-text {
		font-size: 9.5px !important;
	}
}


/*======================================================================
  07.12 — PHONE LANDSCAPE
======================================================================*/

@media
	(max-width: 900px)
	and (orientation: landscape)
	and (max-height: 600px) {

	#lux-ms-cta {
		padding:
			76px
			max(28px, env(safe-area-inset-right))
			74px
			max(28px, env(safe-area-inset-left)) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__panel {
		row-gap: 38px !important;
	}

	#lux-ms-cta
		.lux-ms-cta__title
		.elementor-heading-title,
	#lux-ms-cta
		#lux-ms-cta-title {
		font-size: clamp(43px, 6.3vw, 58px) !important;
	}

	#lux-ms-cta
		.lux-ms-cta__button {
		max-width: 390px !important;
	}
}


/*======================================================================
  07.13 — SAFARI / IOS STABILITY
======================================================================*/

@supports (-webkit-touch-callout: none) {

	#lux-ms-cta,
	#lux-ms-cta
		.lux-ms-cta__button
		.elementor-button {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}


/*======================================================================
  07.14 — LIGHT REVEAL ANIMATION
======================================================================*/

#lux-ms-cta.lux-ms-cta-reveal-ready
	.lux-ms-cta-reveal-item {
	opacity: 0;
	transform: translate3d(0, 22px, 0);

	transition:
		opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);

	transition-delay:
		var(--lux-ms-cta-reveal-delay, 0ms);

	will-change: opacity, transform;
}

#lux-ms-cta.lux-ms-cta-reveal-ready
	.lux-ms-cta-reveal-item.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {

	#lux-ms-cta.lux-ms-cta-reveal-ready
		.lux-ms-cta-reveal-item {
		transform: translate3d(0, 18px, 0);
		transition-duration: 900ms;
	}
}


/*======================================================================
  07.15 — REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion: reduce) {

	#lux-ms-cta.lux-ms-cta-reveal-ready
		.lux-ms-cta-reveal-item,
	#lux-ms-cta.lux-ms-cta-reveal-ready
		.lux-ms-cta-reveal-item.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}