/* =============================================================================
 * Front-page carousel — full-bleed track on mobile
 * -----------------------------------------------------------------------------
 * Pairs with assets/js/vnm-carousel-peek.js, which puts the Swiper into
 * slidesPerView:1.2 + centeredSlides below 900px so the neighbouring slides
 * peek. Without this file the peek is clipped 20px short of the screen: the
 * carousel's ancestor `.wp-block-group.alignfull.vnm-decode-section` carries
 * padding-inline:20px, so the track measured 20 -> 370 in a 390px viewport and
 * the track's own `overflow: hidden` cut the neighbours off at that padded edge
 * rather than at the screen edge.
 *
 * Only the TRACK is pulled full-bleed, not the whole section: the section also
 * holds `.arneiron-dynamic-carousel-head` (the title and filter row), which
 * should keep the page gutter like every other heading.
 *
 * `calc(50% - 50vw)` resolves against the track's own containing block, so it
 * cancels whatever inline padding the ancestors happen to apply rather than
 * hard-coding 20px in a second place. `.wp-site-blocks` is `overflow-x: clip`
 * (vnm-chrome.css §4), so the 100vw width cannot introduce a horizontal
 * scrollbar.
 * ========================================================================== */

@media (max-width: 899.98px) {

	.arneiron-carousel .arneiron-gallery-slider {
		margin-inline: calc(50% - 50vw);
		width: 100vw;
		max-width: 100vw;
	}
}