/* GALLERY */

.GALLERY .wrapper::before,
.GALLERY .wrapper::after {
	content: "";
	display: block;
	overflow: hidden;
}


/* MASK */
/* 
.GALLERY[data-mask] .b-img {
	position: relative; 
	overflow: hidden;
	width: 100%;
	height: 100%;
  
	
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
}


.GALLERY[data-mask="1"] .b-img {
	mask: url('./assets/ui-mask.svg') no-repeat center center / cover;
	-webkit-mask: url('./assets/ui-mask.svg') center center / cover;
}

.GALLERY[data-mask="2"] .image {
	mask: url('./assets/ui-mask-2.svg') no-repeat center bottom / cover;
	-webkit-mask: url('./assets/ui-mask-2.svg') no-repeat center bottom / cover;
}

@media screen and (min-width: 961px) {
	.GALLERY[data-mask="1"] .image {margin-top: var(--ns9);}
	.GALLERY[data-mask="1"] .b-img {aspect-ratio: 355 / 174!important;}

}


@media screen and (max-width: 960px) {
	.GALLERY[data-mask="1"] .b-img { aspect-ratio: 771 / 556!important; mask: url('./assets/ui-mask-mob.svg') no-repeat center center / cover;
		-webkit-mask: url('./assets/ui-mask-mob.svg') no-repeat center center / cover;

	}
}  */


/* OVERLAP */ 

@media screen and (min-width: 961px) {
	.GALLERY[data-image-overlap="1"] .image {margin-top: var(--ns12);}
	.GALLERY[data-image-overlap="2"] .image {margin-top: var(--ns10);}
	.GALLERY[data-image-overlap="3"] .image {margin-top: var(--ns9);}
}

/* MARQUEE */

.GALLERY[data-variant="marquee"] .breakout {
	overflow: hidden;
	margin: 0 calc(50% - (var(--page-width) / 2));
}

.GALLERY[data-variant="marquee"] .slide {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.GALLERY[data-variant="marquee"] .wrapper {
	flex: 0 0 auto;
}

.GALLERY[data-variant="marquee"] .wrapper:nth-child(2) {
	display: none;
}

.GALLERY[data-variant="marquee"] .images {
	display: flex;
}

.GALLERY[data-variant="marquee"] .image {
	flex: 0 0 auto;
	margin: 0 var(--s3);
	width: var(--col-2);
}

/* alt-anmimate */

.GALLERY[data-variant="marquee"].alt-animate .slide {animation: moveSlide linear infinite; max-width: none;}
.GALLERY[data-variant="marquee"].alt-animate .wrapper:nth-child(2) {display: block;}

@keyframes moveSlide {
	100% {transform: translateX(-50%);}
}



/* MODAL */

.b-modal .GALLERY {width: 9999rem; max-width: 100%;}

.b-modal .GALLERY .b-img[data-modal]::after {display: none;}
.b-modal .GALLERY .b-img [data-modal-id] {display: block}
.b-modal .GALLERY .b-img [data-modal-id] + picture {display: none;}
.b-modal .GALLERY .b-img-modal {width: 100%;}

.b-modal .GALLERY[data-single] .b-column {width: 100%;}
.b-modal .b-section[data-bottom="none"] .GALLERY[data-single]:last-child .b-img-caption {display: none;}


/* ALTS */ 

@media screen and (max-width: 960px) {
	.GALLERY.alt-home-num .image {width: 145rem;}
}