/**
 * Pixlora Elements: Slider widget.
 *
 * Corporate navy & teal hero slider. Motion (slide positions, cross-fades,
 * drag and the autoplay countdown) is driven by assets/js/slider.js; this
 * file owns the look and the content reveal choreography.
 *
 * Default visual styles use two-class selectors (specificity 0,2,0) so they
 * win over theme and Elementor kit globals, while the panel's {{WRAPPER}}
 * selectors still override them.
 *
 * @package Pixlora
 * @since   1.4.0
 */

/* Tokens
   ========================================================================== */

.pixlora-slider {
	/* Brand: per widget via the Style tab, or site-wide via --pixlora-* on :root. */
	--pixlora-slider-accent: var( --pixlora-accent, #16a8aa );
	--pixlora-slider-primary: var( --pixlora-primary, #14305d );
	--pixlora-slider-dark: var( --pixlora-dark, #061835 );
	--pixlora-slider-text: var( --pixlora-text, #505e6b );
	--pixlora-slider-gradient: #10517e;
	--pixlora-slider-overlay-opacity: 1;
	--pixlora-slider-panel-bg: #fff;
	--pixlora-slider-nav-color: #fff;
	--pixlora-slider-arrow-bg: #fff;
	--pixlora-slider-arrow-color: var( --pixlora-slider-primary );
	--pixlora-slider-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Layout. */
	--pixlora-slider-height: 680px;
	--pixlora-slider-valign: center;
	--pixlora-slider-box-width: 580px;
	--pixlora-slider-container: 1270px;
	--pixlora-slider-gutter: clamp( 20px, 5vw, 64px );
	--pixlora-slider-pad: clamp( 56px, 8vw, 112px );
	--pixlora-slider-nav-space: 92px;
	--pixlora-slider-nav-offset: 36px;

	/* Motion: speed and delay are written inline from the widget settings. */
	--pixlora-slider-speed: 1100ms;
	--pixlora-slider-delay: 6500ms;
	--pixlora-slider-enter: calc( var( --pixlora-slider-speed ) * 0.42 );
	--pixlora-slider-ease-out: cubic-bezier( 0.22, 1, 0.36, 1 );
	--pixlora-slider-ease: cubic-bezier( 0.785, 0.135, 0.15, 0.86 );

	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: var( --pixlora-slider-dark );
	color: var( --pixlora-slider-text );
	font-family: var( --pixlora-slider-font );
}

/* Track: every slide shares one grid cell, so the slider is as tall as its
   tallest slide and slides can move independently with transforms.
   ========================================================================== */

.pixlora-slider__viewport {
	position: relative;
	display: grid;
	-webkit-user-select: none;
	user-select: none;
	touch-action: pan-y;
}

.pixlora-slider__slide {
	position: relative;
	display: flex;
	grid-area: 1 / 1;
	align-items: var( --pixlora-slider-valign );
	min-width: 0;
	min-height: var( --pixlora-slider-height );
	overflow: hidden;
	visibility: hidden;
	backface-visibility: hidden;
}

.pixlora-slider__slide.is-visible {
	visibility: visible;
}

.pixlora-slider.is-ready .pixlora-slider__slide.is-visible {
	will-change: transform, opacity;
}

.pixlora-slider.is-dragging {
	cursor: grabbing;
}

/* Photo: the media layer carries the parallax offset, the zoom layer the
   slow "Ken Burns" push-in. */
.pixlora-slider__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background-color: var( --pixlora-slider-dark );
}

.pixlora-slider__zoom {
	position: absolute;
	inset: 0;
}

.pixlora-slider .pixlora-slider__media img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
	border-radius: 0;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-drag: none;
}

.pixlora-slider--zoom.is-ready .pixlora-slider__zoom {
	transform: scale( 1.12 );
	transition: none;
}

.pixlora-slider--zoom.is-ready .is-active .pixlora-slider__zoom {
	transform: scale( 1 );
	transition: transform calc( var( --pixlora-slider-delay ) + var( --pixlora-slider-speed ) + 2000ms ) cubic-bezier( 0.3, 0.1, 0.3, 1 );
}

/* Overlays */
.pixlora-slider__overlay {
	position: absolute;
	inset: 0;
	opacity: var( --pixlora-slider-overlay-opacity );
	pointer-events: none;
}

/* A soft shade under the navigation keeps it legible on bright photos. */
.pixlora-slider__slide::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 34%;
	background: linear-gradient( to top, rgba( 6, 24, 53, 0.5 ), rgba( 6, 24, 53, 0 ) );
	pointer-events: none;
}

/* Content column, aligned with the page container */
.pixlora-slider__inner {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 100%;
	max-width: calc( var( --pixlora-slider-container ) + var( --pixlora-slider-gutter ) * 2 );
	margin: 0 auto;
	padding: var( --pixlora-slider-pad ) var( --pixlora-slider-gutter ) calc( var( --pixlora-slider-pad ) + var( --pixlora-slider-nav-space ) );
}

.pixlora-slider__content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: var( --pixlora-slider-box-width );
}

/* Typography
   ========================================================================== */

.pixlora-slider .pixlora-slider__eyebrow {
	display: inline-block;
	margin: 0 0 18px;
	padding: 0 0 2px;
	border-bottom: 2px solid var( --pixlora-slider-accent );
	color: var( --pixlora-slider-accent );
	font-family: var( --pixlora-slider-font );
	font-size: 1rem;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.6;
}

.pixlora-slider .pixlora-slider__title {
	margin: 0 0 18px;
	color: var( --pixlora-slider-primary );
	font-family: var( --pixlora-slider-font );
	font-size: clamp( 2rem, 1.25rem + 2.3vw, 3rem );
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.22;
	text-transform: none;
	text-wrap: balance;
}

.pixlora-slider .pixlora-slider__highlight {
	color: var( --pixlora-slider-accent );
}

.pixlora-slider .pixlora-slider__text {
	max-width: 52ch;
	margin: 0 0 32px;
	color: var( --pixlora-slider-text );
	font-family: var( --pixlora-slider-font );
	font-size: 1.0625rem;
	line-height: 1.75;
}

.pixlora-slider__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.pixlora-slider .pixlora-slider__button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 32px;
	border: 1px solid transparent;
	border-radius: 0;
	font-family: var( --pixlora-slider-font );
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.7px;
	line-height: 1.5;
	text-decoration: none;
	transition: background-color 0.3s var( --pixlora-slider-ease ), border-color 0.3s var( --pixlora-slider-ease ), color 0.3s var( --pixlora-slider-ease );
}

.pixlora-slider .pixlora-slider__button--primary {
	border-color: var( --pixlora-slider-accent );
	background-color: var( --pixlora-slider-accent );
	color: #fff;
}

.pixlora-slider .pixlora-slider__button--primary:hover,
.pixlora-slider .pixlora-slider__button--primary:focus {
	border-color: var( --pixlora-slider-primary );
	background-color: var( --pixlora-slider-primary );
	color: #fff;
}

.pixlora-slider .pixlora-slider__button--secondary {
	border-color: var( --pixlora-slider-primary );
	background-color: var( --pixlora-slider-primary );
	color: #fff;
}

.pixlora-slider .pixlora-slider__button--secondary:hover,
.pixlora-slider .pixlora-slider__button--secondary:focus {
	border-color: var( --pixlora-slider-accent );
	background-color: var( --pixlora-slider-accent );
	color: #fff;
}

.pixlora-slider__button-icon {
	flex: 0 0 auto;
	transition: transform 0.3s var( --pixlora-slider-ease );
}

.pixlora-slider__button:hover .pixlora-slider__button-icon,
.pixlora-slider__button:focus .pixlora-slider__button-icon {
	transform: translateX( 4px );
}

.pixlora-slider :is( a, button ):focus-visible {
	outline: 2px solid var( --pixlora-slider-accent );
	outline-offset: 3px;
}

/* Style 1: Floating Panel (default)
   A white panel floats over the photo behind a blue gradient.
   ========================================================================== */

.pixlora-slider--panel .pixlora-slider__overlay {
	background: linear-gradient( 90deg, var( --pixlora-slider-gradient ) 22%, rgba( 16, 81, 126, 0 ) 66% );
}

.pixlora-slider--panel.pixlora-slider--align-right .pixlora-slider__overlay {
	background: linear-gradient( 270deg, var( --pixlora-slider-gradient ) 22%, rgba( 16, 81, 126, 0 ) 66% );
}

.pixlora-slider--panel.pixlora-slider--align-center .pixlora-slider__overlay {
	background: var( --pixlora-slider-gradient );
	opacity: calc( var( --pixlora-slider-overlay-opacity ) * 0.55 );
}

.pixlora-slider--panel .pixlora-slider__content {
	padding: clamp( 30px, 3.4vw, 48px ) clamp( 26px, 3.6vw, 52px ) clamp( 32px, 3.6vw, 52px );
	background-color: var( --pixlora-slider-panel-bg );
}

/* Teal tab on the panel's top edge. */
.pixlora-slider--panel .pixlora-slider__content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 4px;
	background-color: var( --pixlora-slider-accent );
}

/* Styles 2 and 3: white type on navy
   ========================================================================== */

.pixlora-slider--overlay .pixlora-slider__overlay {
	background: linear-gradient( 90deg, rgba( 6, 24, 53, 0.92 ) 0%, rgba( 6, 24, 53, 0.74 ) 42%, rgba( 6, 24, 53, 0.2 ) 100% );
}

@supports ( background: color-mix( in srgb, red 50%, transparent ) ) {

	.pixlora-slider--overlay .pixlora-slider__overlay {
		background: linear-gradient( 90deg, color-mix( in srgb, var( --pixlora-slider-dark ) 92%, transparent ) 0%, color-mix( in srgb, var( --pixlora-slider-dark ) 74%, transparent ) 42%, color-mix( in srgb, var( --pixlora-slider-dark ) 20%, transparent ) 100% );
	}

	.pixlora-slider--overlay.pixlora-slider--align-right .pixlora-slider__overlay {
		background: linear-gradient( 270deg, color-mix( in srgb, var( --pixlora-slider-dark ) 92%, transparent ) 0%, color-mix( in srgb, var( --pixlora-slider-dark ) 74%, transparent ) 42%, color-mix( in srgb, var( --pixlora-slider-dark ) 20%, transparent ) 100% );
	}

	.pixlora-slider--overlay.pixlora-slider--align-center .pixlora-slider__overlay {
		background: color-mix( in srgb, var( --pixlora-slider-dark ) 72%, transparent );
	}
}

.pixlora-slider--overlay .pixlora-slider__title,
.pixlora-slider--split .pixlora-slider__title {
	color: #fff;
}

.pixlora-slider--overlay .pixlora-slider__text,
.pixlora-slider--split .pixlora-slider__text {
	color: rgba( 255, 255, 255, 0.82 );
}

.pixlora-slider--overlay .pixlora-slider__button--primary:hover,
.pixlora-slider--overlay .pixlora-slider__button--primary:focus,
.pixlora-slider--split .pixlora-slider__button--primary:hover,
.pixlora-slider--split .pixlora-slider__button--primary:focus {
	border-color: #fff;
	background-color: #fff;
	color: var( --pixlora-slider-primary );
}

.pixlora-slider--overlay .pixlora-slider__button--secondary,
.pixlora-slider--split .pixlora-slider__button--secondary {
	border-color: rgba( 255, 255, 255, 0.55 );
	background-color: transparent;
	color: #fff;
}

.pixlora-slider--overlay .pixlora-slider__button--secondary:hover,
.pixlora-slider--overlay .pixlora-slider__button--secondary:focus,
.pixlora-slider--split .pixlora-slider__button--secondary:hover,
.pixlora-slider--split .pixlora-slider__button--secondary:focus {
	border-color: #fff;
	background-color: #fff;
	color: var( --pixlora-slider-primary );
}

/* Style 3: Split Navy. A deep-navy text block beside the photo, with a
   teal notch where they meet.
   ========================================================================== */

.pixlora-slider--split .pixlora-slider__slide {
	display: grid;
	grid-template-columns: minmax( 0, 46fr ) minmax( 0, 54fr );
	align-items: stretch;
	background-color: var( --pixlora-slider-dark );
}

.pixlora-slider--split .pixlora-slider__slide::after,
.pixlora-slider--split .pixlora-slider__overlay {
	display: none;
}

.pixlora-slider--split .pixlora-slider__media {
	position: relative;
	inset: auto;
	grid-row: 1;
	grid-column: 2;
	min-height: var( --pixlora-slider-height );
}

.pixlora-slider--split .pixlora-slider__media::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 120px;
	height: 6px;
	background-color: var( --pixlora-slider-accent );
}

.pixlora-slider--split .pixlora-slider__inner {
	grid-row: 1;
	grid-column: 1;
	align-items: var( --pixlora-slider-valign );
	max-width: none;
	margin: 0;
	padding-right: clamp( 28px, 4.5vw, 80px );
	padding-left: clamp( 24px, 5.5vw, 96px );
}

.pixlora-slider--split.pixlora-slider--photo-left .pixlora-slider__slide {
	grid-template-columns: minmax( 0, 54fr ) minmax( 0, 46fr );
}

.pixlora-slider--split.pixlora-slider--photo-left .pixlora-slider__media {
	grid-column: 1;
}

.pixlora-slider--split.pixlora-slider--photo-left .pixlora-slider__media::after {
	right: 0;
	left: auto;
}

.pixlora-slider--split.pixlora-slider--photo-left .pixlora-slider__inner {
	grid-column: 2;
}

/* Alignment
   ========================================================================== */

.pixlora-slider--align-center .pixlora-slider__inner {
	justify-content: center;
}

.pixlora-slider--align-center .pixlora-slider__content {
	text-align: center;
}

.pixlora-slider--align-center .pixlora-slider__text {
	margin-right: auto;
	margin-left: auto;
}

.pixlora-slider--align-center .pixlora-slider__actions {
	justify-content: center;
}

.pixlora-slider--align-center.pixlora-slider--panel .pixlora-slider__content::before {
	left: 50%;
	transform: translateX( -50% );
}

.pixlora-slider--align-right .pixlora-slider__inner {
	justify-content: flex-end;
}

/* Content reveal
   The panel wipes open, then eyebrow, title, text and buttons rise in a
   stagger. Outgoing slides keep their content until they are off screen.
   ========================================================================== */

.pixlora-slider__title {
	--pixlora-slider-i: 1;
}

.pixlora-slider__text {
	--pixlora-slider-i: 2;
}

.pixlora-slider__actions {
	--pixlora-slider-i: 3;
}

.pixlora-slider--reveal.is-ready .pixlora-slider__anim {
	opacity: 0;
	transform: translate3d( 0, 28px, 0 );
	transition: none;
}

.pixlora-slider--reveal.is-ready .is-active .pixlora-slider__anim {
	opacity: 1;
	transform: none;
	transition: opacity 0.8s ease, transform 1s var( --pixlora-slider-ease-out );
	transition-delay: calc( var( --pixlora-slider-enter ) + 180ms + var( --pixlora-slider-i, 0 ) * 110ms );
}

.pixlora-slider--reveal.pixlora-slider--panel.is-ready .pixlora-slider__content {
	clip-path: inset( 0 100% 0 0 );
	transition: none;
}

.pixlora-slider--reveal.pixlora-slider--panel.pixlora-slider--align-right.is-ready .pixlora-slider__content {
	clip-path: inset( 0 0 0 100% );
}

.pixlora-slider--reveal.pixlora-slider--panel.pixlora-slider--align-center.is-ready .pixlora-slider__content {
	clip-path: inset( 0 50% 0 50% );
}

.pixlora-slider--reveal.pixlora-slider--panel.is-ready .is-active .pixlora-slider__content {
	clip-path: inset( 0 0 0 0 );
	transition: clip-path 0.9s var( --pixlora-slider-ease-out ) var( --pixlora-slider-enter );
}

/* In a cross-fade the outgoing words leave quickly so two headlines never
   overlap. */
.pixlora-slider--fade .is-leaving .pixlora-slider__inner {
	opacity: 0;
	transition: opacity 0.35s ease;
}

/* Navigation: counter and pagination on the left, pause and arrows on the
   right, aligned with the content container.
   ========================================================================== */

.pixlora-slider__nav {
	position: absolute;
	right: 0;
	bottom: var( --pixlora-slider-nav-offset );
	left: 0;
	z-index: 5;
	pointer-events: none;
}

.pixlora-slider__nav[hidden] {
	display: none;
}

.pixlora-slider__nav-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	box-sizing: border-box;
	max-width: calc( var( --pixlora-slider-container ) + var( --pixlora-slider-gutter ) * 2 );
	margin: 0 auto;
	padding: 0 var( --pixlora-slider-gutter );
}

.pixlora-slider--split .pixlora-slider__nav-inner {
	max-width: none;
	padding-left: clamp( 24px, 5.5vw, 96px );
}

.pixlora-slider__nav-start,
.pixlora-slider__controls {
	display: flex;
	align-items: center;
	pointer-events: auto;
}

.pixlora-slider__nav-start {
	gap: 26px;
}

.pixlora-slider__controls {
	gap: 10px;
	margin-left: auto;
}

.pixlora-slider__counter {
	display: flex;
	align-items: baseline;
	gap: 6px;
	color: var( --pixlora-slider-nav-color );
	font-family: var( --pixlora-slider-font );
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	line-height: 1;
}

.pixlora-slider__counter-current {
	font-size: 1.5rem;
	font-weight: 700;
}

.pixlora-slider__counter-total {
	font-size: 0.9375rem;
	opacity: 0.7;
}

.pixlora-slider__pagination {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pixlora-slider .pixlora-slider__dot {
	position: relative;
	display: block;
	width: 46px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
}

.pixlora-slider__dot::before,
.pixlora-slider__dot-fill {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 3px;
	margin-top: -1.5px;
}

.pixlora-slider__dot::before {
	background-color: var( --pixlora-slider-nav-color );
	opacity: 0.35;
	transition: opacity 0.3s ease;
}

.pixlora-slider__dot:hover::before,
.pixlora-slider__dot:focus-visible::before {
	opacity: 0.7;
}

.pixlora-slider__dot-fill {
	display: block;
	background-color: var( --pixlora-slider-accent );
	transform: scaleX( 0 );
	transform-origin: left center;
}

.pixlora-slider__dot[aria-current="true"] .pixlora-slider__dot-fill {
	transform: scaleX( 1 );
	transition: transform 0.45s var( --pixlora-slider-ease-out );
}

/* With autoplay the script fills the active bar frame by frame. */
.pixlora-slider.is-autoplay .pixlora-slider__dot[aria-current="true"] .pixlora-slider__dot-fill {
	transition: none;
}

/* Square dots: the active one stretches. */
.pixlora-slider .pixlora-slider__pagination--dots .pixlora-slider__dot {
	width: 12px;
	height: 12px;
	transition: width 0.45s var( --pixlora-slider-ease-out );
}

.pixlora-slider__pagination--dots .pixlora-slider__dot::before,
.pixlora-slider__pagination--dots .pixlora-slider__dot-fill {
	top: 0;
	height: 100%;
	margin-top: 0;
}

.pixlora-slider__pagination--dots .pixlora-slider__dot::before {
	opacity: 0.45;
}

.pixlora-slider .pixlora-slider__pagination--dots .pixlora-slider__dot[aria-current="true"] {
	width: 32px;
}

.pixlora-slider.is-autoplay .pixlora-slider__pagination--dots .pixlora-slider__dot[aria-current="true"] .pixlora-slider__dot-fill {
	transform: scaleX( 1 );
}

.pixlora-slider .pixlora-slider__arrow,
.pixlora-slider .pixlora-slider__pause {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 0.3s var( --pixlora-slider-ease ), color 0.3s var( --pixlora-slider-ease ), border-color 0.3s var( --pixlora-slider-ease ), opacity 0.3s ease;
}

.pixlora-slider .pixlora-slider__arrow {
	background-color: var( --pixlora-slider-arrow-bg );
	color: var( --pixlora-slider-arrow-color );
}

.pixlora-slider .pixlora-slider__arrow:hover,
.pixlora-slider .pixlora-slider__arrow:focus-visible {
	background-color: var( --pixlora-slider-accent );
	color: #fff;
}

.pixlora-slider__arrow svg {
	transition: transform 0.3s var( --pixlora-slider-ease );
}

.pixlora-slider__arrow--prev:hover svg {
	transform: translateX( -3px );
}

.pixlora-slider__arrow--next:hover svg {
	transform: translateX( 3px );
}

.pixlora-slider .pixlora-slider__arrow:disabled {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;
}

.pixlora-slider .pixlora-slider__pause {
	border: 1px solid rgba( 255, 255, 255, 0.45 );
	background-color: transparent;
	color: var( --pixlora-slider-nav-color );
}

.pixlora-slider .pixlora-slider__pause:hover,
.pixlora-slider .pixlora-slider__pause:focus-visible {
	border-color: var( --pixlora-slider-accent );
	background-color: var( --pixlora-slider-accent );
	color: #fff;
}

.pixlora-slider__icon-play,
.pixlora-slider.is-user-paused .pixlora-slider__icon-pause {
	display: none;
}

.pixlora-slider.is-user-paused .pixlora-slider__icon-play {
	display: block;
}

/* Responsive
   ========================================================================== */

@media ( max-width: 1024px ) {

	.pixlora-slider {
		--pixlora-slider-nav-space: 84px;
		--pixlora-slider-nav-offset: 28px;
	}

	.pixlora-slider .pixlora-slider__arrow,
	.pixlora-slider .pixlora-slider__pause {
		width: 48px;
		height: 48px;
	}

	.pixlora-slider--tablet-align-left .pixlora-slider__inner {
		justify-content: flex-start;
	}

	.pixlora-slider--tablet-align-center .pixlora-slider__inner {
		justify-content: center;
	}

	.pixlora-slider--tablet-align-right .pixlora-slider__inner {
		justify-content: flex-end;
	}

	.pixlora-slider--tablet-align-center .pixlora-slider__content {
		text-align: center;
	}

	.pixlora-slider--tablet-align-center .pixlora-slider__actions {
		justify-content: center;
	}
}

@media ( max-width: 767px ) {

	.pixlora-slider {
		--pixlora-slider-pad: 40px;
		--pixlora-slider-nav-space: 76px;
		--pixlora-slider-nav-offset: 22px;
	}

	.pixlora-slider--panel .pixlora-slider__content {
		padding: 28px 24px 30px;
	}

	.pixlora-slider--panel .pixlora-slider__overlay,
	.pixlora-slider--panel.pixlora-slider--align-right .pixlora-slider__overlay {
		background: linear-gradient( 0deg, var( --pixlora-slider-gradient ) 0%, rgba( 16, 81, 126, 0.35 ) 100% );
	}

	/* Text spans the full width on phones, so the tint must too. */
	.pixlora-slider--overlay .pixlora-slider__overlay,
	.pixlora-slider--overlay.pixlora-slider--align-right .pixlora-slider__overlay,
	.pixlora-slider--overlay.pixlora-slider--align-center .pixlora-slider__overlay {
		background: rgba( 6, 24, 53, 0.78 );
	}

	.pixlora-slider .pixlora-slider__title {
		font-size: clamp( 1.625rem, 1.2rem + 2.4vw, 2rem );
	}

	.pixlora-slider .pixlora-slider__text {
		margin-bottom: 26px;
		font-size: 1rem;
	}

	.pixlora-slider .pixlora-slider__button {
		padding: 13px 24px;
	}

	.pixlora-slider__nav-start {
		gap: 16px;
	}

	.pixlora-slider .pixlora-slider__dot {
		width: 28px;
	}

	.pixlora-slider__counter-current {
		font-size: 1.25rem;
	}

	.pixlora-slider .pixlora-slider__arrow,
	.pixlora-slider .pixlora-slider__pause {
		width: 44px;
		height: 44px;
	}

	/* Split stacks: photo on top, navy block below. */
	.pixlora-slider--split .pixlora-slider__slide,
	.pixlora-slider--split.pixlora-slider--photo-left .pixlora-slider__slide {
		grid-template-columns: minmax( 0, 1fr );
		grid-template-rows: auto 1fr;
	}

	.pixlora-slider--split .pixlora-slider__media,
	.pixlora-slider--split.pixlora-slider--photo-left .pixlora-slider__media {
		grid-row: 1;
		grid-column: 1;
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.pixlora-slider--split .pixlora-slider__inner,
	.pixlora-slider--split.pixlora-slider--photo-left .pixlora-slider__inner {
		grid-row: 2;
		grid-column: 1;
		padding: 36px 24px calc( 36px + var( --pixlora-slider-nav-space ) );
	}

	.pixlora-slider--split .pixlora-slider__nav-inner {
		padding-left: 24px;
	}

	.pixlora-slider--mobile-align-left .pixlora-slider__inner {
		justify-content: flex-start;
	}

	.pixlora-slider--mobile-align-center .pixlora-slider__inner {
		justify-content: center;
	}

	.pixlora-slider--mobile-align-right .pixlora-slider__inner {
		justify-content: flex-end;
	}

	.pixlora-slider--mobile-align-left .pixlora-slider__content {
		text-align: left;
	}

	.pixlora-slider--mobile-align-left .pixlora-slider__actions {
		justify-content: flex-start;
	}

	.pixlora-slider--mobile-align-center .pixlora-slider__content {
		text-align: center;
	}

	.pixlora-slider--mobile-align-center .pixlora-slider__actions {
		justify-content: center;
	}
}

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

	.pixlora-slider--zoom.is-ready .pixlora-slider__zoom,
	.pixlora-slider--zoom.is-ready .is-active .pixlora-slider__zoom {
		transform: none;
		transition: none;
	}

	.pixlora-slider--reveal.is-ready .pixlora-slider__anim,
	.pixlora-slider--reveal.is-ready .is-active .pixlora-slider__anim {
		transform: none;
	}

	.pixlora-slider--reveal.pixlora-slider--panel.is-ready .pixlora-slider__content,
	.pixlora-slider--reveal.pixlora-slider--panel.is-ready .is-active .pixlora-slider__content {
		clip-path: none;
	}

	.pixlora-slider__button-icon,
	.pixlora-slider__arrow svg {
		transition: none;
	}
}