/* OI Meteor Slides Shim — carousel styling.
   Responsive, 1-slide-per-view, matches the old Meteor full-width banner feel. */
.oi-meteor.swiper {
	width: 100%;
	max-width: 100%;
	margin: 0 0 1.5em;
	background: #f4f4f4;
	overflow: hidden;
}
/* Fixed 650:400 box (the original Meteor slide_width:slide_height) so a portrait
   slide can't prop the container open — all slides share one aspect ratio and the
   image is cropped to fit (centered) rather than stretching the height. */
.oi-meteor .swiper-slide {
	aspect-ratio: 650 / 400;
	overflow: hidden;
}
.oi-meteor .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.oi-meteor .oi-meteor-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/* navigation + pager use Swiper defaults; tone the arrows down a touch */
.oi-meteor .swiper-button-prev,
.oi-meteor .swiper-button-next {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.oi-meteor .swiper-pagination-bullet-active {
	background: #fff;
}