.T3615 .wrapper { display: flex; flex-wrap: wrap; }
.T3615 .wrapper .file {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

.T3615 .wrapper.size2 .file { width: 50%; }
.T3615 .wrapper.size4 .file { width: 25%; }
.T3615 .wrapper.size6 .file { width: 16.6666666%; }
.T3615 .wrapper.size8 .file { width: 12.5%; }



.T3615 .wrapper .file picture, .T3615 .wrapper .file picture img {
	width: 100%;
	height: auto;
}
.T3615 .wrapper .file  picture img { object-fit: cover; aspect-ratio: 1 / 1; }

.T3615 .wrapper .file .name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	padding: 8px 20px;
	background-color: rgba(0,0,0,0.6);
	color: #FFF;
	font-size: 14px;
	transition: bottom 150ms;
}

.T3615 .wrapper .file:hover .name {
	bottom: 0px;
	transition: bottom 250ms;
}




@media all and (max-width: 567px) {
	.T3615 .wrapper.size4 .file { width: 50%; }
	.T3615 .wrapper.size6 .file { width: 33.33333%; }
	.T3615 .wrapper.size8 .file { width: 25%; }
}

.T3615.S8922 .wrapper {
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overflow: auto;
	flex-flow: row nowrap;
}

.T3615.S8922 .wrapper .file {
	scroll-snap-align: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.T3615.S8922 .wrapper.size2 .file { width: 49%; }
.T3615.S8922 .wrapper.size4 .file { width: 24%; }
.T3615.S8922 .wrapper.size6 .file { width: 15%; }
.T3615.S8922 .wrapper.size8 .file { width: 12%; }

@media all and (max-width: 567px) {
	.T3615.S8922 .wrapper.size4 .file { width: 48%; }
	.T3615.S8922 .wrapper.size6 .file { width: 31%; }
	.T3615.S8922 .wrapper.size8 .file { width: 23%; }
}