/**
 * Ken Burns hero slideshow — crossfading, slowly-zooming background photos.
 * Shared by the home hero (.hero-photo-section) and the Gallery Hub hero
 * (.gh-hero); both wrappers are already position:relative;overflow:hidden.
 *
 * Fade and zoom are split across two nested elements (slide / slide-img) so
 * their very different transition speeds never collide on one element.
 */

.hero-ken-burns-slideshow {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.hero-ken-burns-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity var(--hkb-fade, 500ms) ease;
}

.hero-ken-burns-slide.is-active {
	opacity: 1;
	z-index: 1;
}

.hero-ken-burns-slide-img {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	transform: scale(1);
	transform-origin: var(--hkb-origin, 50% 50%);
	transition: transform var(--hkb-zoom, 20s) linear;
}

.hero-ken-burns-slide.is-zoomed .hero-ken-burns-slide-img {
	transform: scale(1.15);
}

@media (prefers-reduced-motion: reduce) {
	.hero-ken-burns-slide-img {
		transition: none;
	}
}