/* SECTION GALLERY
/////////////////////////////////////////////////////// */

.gallery-wrap {
	width: 100%;
	height: 100vh;
    margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
    position: relative; }

.gallery {
	width: 100%;
	height: 100%;	
	flex: none;
    position: relative; }

.gallery--row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	--size-factor: 1.25;
	--item-height: 20vh; }

.gallery__item {	
	flex: none;
	border-radius: 6px;
    filter: brightness(1);
    background-position: 50% 50%;
	background-size: cover;
	position: relative; }

.gallery--row .gallery__item {
	width: auto;
	aspect-ratio: 2 / 3; }

.gallery--row .gallery__item--s {
	height: var(--item-height); }

.gallery--row .gallery__item--m {
	height: calc(var(--size-factor) * var(--item-height)); }

.gallery--row .gallery__item--l {
	height: calc(var(--size-factor) * 2 * var(--item-height)); }

.gallery--row .gallery__item--xl {
	z-index: 100;
	height: calc(var(--size-factor) * 3 * var(--item-height)); }

.gallery--switch.gallery--row .gallery__item--m,
.gallery--switch.gallery--row .gallery__item--l {
	height: var(--item-height); }

.gallery--switch .gallery__item--center {
    width: 100vw;
	height: 100vh;
	aspect-ratio: auto;
	filter: opacity(1); }

/* STYLE
/////////////////////////////////////////////////////// */