/* Homepage hero background slider (Slick, fade). Built at runtime by
   hero-slider.js over the cover block's own image, below the dim overlay. */
.hero-bg-slider {
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: 0;
}

.hero-bg-slider .slick-list,
.hero-bg-slider .slick-track,
.hero-bg-slide {
	height: 100%;
}

.hero-bg-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* The hero-slides gallery (right after the hero cover; older markup had it
   inside) only feeds the slider - never shown on the front end. In the editor
   it is a thumbnail strip (editor-style.css). */
body:not(.block-editor-iframe__body) .hero-slides {
	display: none !important;
}