.bekaa-fleet-story-intro {
	--fleet-story-ink: var(--bekaa-color-text, #1a1a1a);
	--fleet-story-gutter: 12px;
	--fleet-story-column: calc((100vw - 24px) / 6);
	--fleet-story-display: var(--bekaa-display, "Gilda Display", Georgia, "Times New Roman", serif);
	--fleet-story-system: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif);
	/* Halve the combined desktop gap formed by the preceding USP padding and
	 * this section's original 336px title offset. */
	--fleet-story-space-reduction: calc(168px + clamp(2rem, 4vw, 4rem));
	position: relative;
	width: 100vw;
	height: calc(1149.4px - var(--fleet-story-space-reduction));
	margin-left: calc(50% - 50vw);
	background-color: #fff;
	color: var(--fleet-story-ink);
	font-family: var(--fleet-story-system);
	font-size: 14.7px;
	font-weight: 500;
	line-height: 1.5;
}

.bekaa-fleet-story-intro,
.bekaa-fleet-story-intro * {
	box-sizing: border-box;
}

.bekaa-fleet-story-intro__title {
	position: absolute;
	top: calc(336px - var(--fleet-story-space-reduction));
	left: calc(var(--fleet-story-gutter) + var(--fleet-story-column));
	width: calc(var(--fleet-story-column) * 2);
}

.bekaa-fleet-story-intro__title h2 {
	margin: 0;
	color: inherit;
	font-family: var(--fleet-story-display);
	font-size: 63px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	text-transform: none;
}

.bekaa-fleet-story-intro__dot {
	color: var(--bekaa-red, #ec1d25);
}

.bekaa-fleet-story-intro__copy {
	position: absolute;
	top: calc(462px - var(--fleet-story-space-reduction));
	left: calc(var(--fleet-story-gutter) + (var(--fleet-story-column) * 3));
	display: flex;
	width: calc(var(--fleet-story-column) * 2);
	flex-direction: column;
	gap: 21px;
	transform: translate3d(0, var(--fleet-story-copy-shift, 0), 0);
	will-change: transform;
}

.bekaa-fleet-story-intro__copy h3 {
	margin: 0;
	color: inherit;
	font-family: var(--fleet-story-system);
	font-size: 1.18125rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
}

.bekaa-fleet-story-intro__copy p {
	margin: 0;
	color: inherit;
	font-family: var(--fleet-story-system);
	font-size: 0.91875rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
}

.bekaa-gift-voucher-options {
	height: calc(1360px - var(--fleet-story-space-reduction));
}

.bekaa-gift-voucher-options .bekaa-fleet-story-intro__copy {
	gap: clamp(3rem, 5vw, 4.5rem);
}

.bekaa-gift-voucher-options__heading-line {
	display: block;
	white-space: nowrap;
}

.bekaa-gift-voucher-options__intro {
	margin: 0;
	color: var(--fleet-story-ink);
	font-family: var(--fleet-story-system);
	font-size: clamp(0.875rem, 0.93vw, 0.975rem);
	font-weight: 450;
	line-height: 1.78;
	letter-spacing: var(--bekaa-tracking-body, 0.005em);
}

.bekaa-gift-voucher-options__option {
	display: block;
}

.bekaa-gift-voucher-options .bekaa-product-experience-media__heading {
	color: var(--fleet-story-ink) !important;
}

.bekaa-gift-voucher-options__option p + p {
	margin-top: 1.05rem;
}

.bekaa-gift-voucher-options__option .mk-button-container {
	margin-top: 1.2rem;
}

.bekaa-gift-voucher-options__option .mk-button {
	width: auto;
}

.bekaa-gift-voucher-options__actions {
	display: flex;
	align-items: stretch;
	gap: 1rem;
}

.bekaa-gift-voucher-options__actions .mk-button-container {
	display: flex;
	margin: 0;
}

.bekaa-gift-voucher-options__actions .mk-button {
	display: inline-flex;
	width: auto;
	align-items: center;
	justify-content: center;
}

/* Catalogue composition only: heading and dot keep the fleet rules above. */
.bekaa-fleet-story-intro--catalogue {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: end;
	gap: 5vw;
	height: auto;
	padding: 48px max(1.5rem, calc((100vw - 1540px) / 2)) 24px;
}

.bekaa-fleet-story-intro--catalogue .bekaa-fleet-story-intro__title {
	position: static;
	width: auto;
	height: auto;
	padding-top: 0;
}

.bekaa-fleet-story-intro--catalogue .bekaa-kicker {
	margin: 0 0 20px;
}

@media (min-width: 1280px) {
	.bekaa-fleet-story-intro--catalogue {
		/* Match the desktop header's logo gutter, independently of the cards. */
		padding-inline: 5vw;
	}
}

@media (max-width: 900px) {
	.bekaa-fleet-story-intro {
		--fleet-story-column: calc((100vw - 24px) / 6);
		height: 873px;
		padding: 0 5vw;
		font-size: 14px;
	}

	.bekaa-fleet-story-intro__title {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: 294.4px;
		padding-top: 160px;
	}

	.bekaa-fleet-story-intro__title h2 {
		font-size: 32px;
		line-height: 1;
	}

	.bekaa-fleet-story-intro__copy {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		margin-top: 0;
		gap: 20px;
		transform: none;
	}

	.bekaa-fleet-story-intro__copy h3 {
		margin-bottom: 0;
		font-size: var(--bekaa-type-lead, 18px);
	}

	.bekaa-fleet-story-intro__copy p {
		margin-top: 0;
		font-size: var(--bekaa-type-copy-compact, 14px);
		line-height: 1.5;
	}

	.bekaa-fleet-story-intro--catalogue {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
		height: auto;
		padding: 28px 1.5rem 20px;
	}

	.bekaa-gift-voucher-options {
		height: auto;
		min-height: 0;
		padding-top: 0;
		padding-bottom: 96px;
	}

	.bekaa-gift-voucher-options .bekaa-fleet-story-intro__title {
		height: auto;
		padding-top: 112px;
		padding-bottom: 56px;
	}

	.bekaa-gift-voucher-options__intro {
		margin-top: 0;
		font-size: 1rem;
		line-height: 1.68;
	}

	.bekaa-gift-voucher-options .bekaa-fleet-story-intro__copy {
		gap: 3rem;
	}

	.bekaa-gift-voucher-options__option {
		display: block;
	}

	.bekaa-gift-voucher-options__option .mk-button-container,
	.bekaa-gift-voucher-options__option .mk-button {
		width: 100%;
	}

	.bekaa-gift-voucher-options__actions {
		flex-direction: column;
		gap: 1rem;
	}

	.bekaa-gift-voucher-options__actions .mk-button-container {
		width: 100%;
		flex: none;
	}

	.bekaa-gift-voucher-options__actions .mk-button {
		width: 100%;
	}
}