/* Home page banner (27 October 2026). Loaded after combined.css, which is
   SRI-pinned and must not be edited. Replaces the carouFredSel layout: slides
   are stacked in one 3:1 frame whose height follows its width, so the banner
   resizes live with the window; the inline script in template-home-2016.html
   crossfades them. The frame stops growing at 1800px (the widest artwork) so
   images are not stretched past their real size on very wide screens. Slides
   of other shapes are cropped to their centre. Without JavaScript the first
   slide is shown. */
.carousel-holder {
	max-height: none;
	max-width: 1800px;
	margin: 0 auto;
}
.carousel-holder ul {
	position: relative;
	aspect-ratio: 3 / 1;
	margin: 0;
	padding: 0;
}
.carousel-holder ul li {
	position: absolute;
	inset: 0;
	float: none;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.8s ease;
}
.carousel-holder ul:not(.js-fade) li:first-child,
.carousel-holder ul li.is-active {
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}
.carousel-holder ul li img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@media (prefers-reduced-motion: reduce) {
	.carousel-holder ul li { transition: none; }
}