/* Homepage header slideshow: layers over the row's own background, under the wave divider; previous/next on top. */
.sisf-hero { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.sisf-hero img {
	position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
	object-fit: cover; object-position: center 40%;
	opacity: 0; transition: opacity 1.6s ease-in-out; will-change: opacity, transform;
}
.sisf-hero img.is-on { opacity: 1; z-index: 2; animation: sisf-hero-zoom 9s ease-out both; }
.sisf-hero img.is-on.is-leaving { z-index: 1; }
@keyframes sisf-hero-zoom { from { transform: scale(1); } to { transform: scale(1.06); } }

.sisf-hero-nav button {
	position: absolute; top: 45%; z-index: 20; transform: translateY(-50%);
	display: flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 50%;
	background: rgba(0, 0, 0, .35); color: #fff; cursor: pointer; opacity: .8;
	transition: opacity .2s, background-color .2s;
}
.sisf-hero-nav button:hover, .sisf-hero-nav button:focus-visible { opacity: 1; background: rgba(0, 0, 0, .6); }
.sisf-hero-nav button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.sisf-hero-prev { left: 16px; }
.sisf-hero-next { right: 16px; }
@media (max-width: 599px) { .sisf-hero-nav button { width: 36px; height: 36px; } .sisf-hero-prev { left: 8px; } .sisf-hero-next { right: 8px; } }