/* local overrides */

/* section-media-hero */
.overview-welcome-headline-box {
	position: absolute;
	width: 600px;
	height: 190px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.overview-welcome-headline-box .overview-welcome-headline {
	opacity: 0;
}

@media (max-width: 1068px) {
	.overview-welcome-headline-box {
		width: 417px;
		height: 130px;
	}
}

@media (max-width: 734px) {
	.overview-welcome-headline-box {
		width: 325px;
		height: 105px;
	}
}

html:not(.enhanced, .no-enhanced, .no-js) .overview-welcome-headline-box {
	visibility: hidden;
}

.media:has(
		.inline-media-component-container.playing,
		.inline-media-component-container.ended
	)
	.overview-welcome-headline-box
	.overview-welcome-headline {
	position: absolute;
	top: 0;
	opacity: 0;
	animation: appearElement 1.6s ease 2s 1 forwards;
}

html.no-inline-media .overview-welcome-headline-box .overview-welcome-headline,
.media:has(
		.inline-media-component-container.fallback,
		.inline-media-component-container.loading-error
	)
	.overview-welcome-headline-box
	.overview-welcome-headline {
	animation: none;
	opacity: 1;
}

@keyframes appearElement {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.section-media-hero .marquee-tagline .jp-headline-adjust {
	margin-right: -0.45em !important;
}

.section-media-hero .marquee-detail .button {
	padding-block: calc(
			var(--sk-button-padding-vertical) - var(--sk-button-border-width) +
				1px
		)
		calc(
			var(--sk-button-padding-vertical) - var(--sk-button-border-width) -
				1px
		);
}

.section-media-hero .section-content .marquee .marquee-primary-header {
	width: 300px;
	margin: 0 auto;
}

/* section performance  */

@media (min-width: 1069px) {
	section.section-performance
		.ric-type-lockup-element.ric-type-lockup-headline-container.ric-type-lockup-xxl-headline-container {
		padding: 0 70px;
	}
}