
.cy-photo-strip {
	background: var(--cy-surface-page);
	padding: 80px 0 120px;
	position: relative;
}

.cy-photo-strip .ps-row {
	height: 282px;
	overflow: hidden;
	position: relative;
}

.cy-photo-strip .ps-row + .ps-row {
	margin-top: 24px;
}

.cy-photo-strip .ps-row[data-static="1"] {
	display: flex;
	justify-content: center;
}

.cy-photo-strip .ps-track {
	display: flex;
	gap: 24px;
	width: max-content;
	will-change: transform;
}

.cy-photo-strip .ps-row:nth-child(2) .ps-track {
	left: -202px;
	position: relative;
}

.cy-photo-strip .ps-tile {
	flex: 0 0 380px;
	height: 282px;
}

.cy-photo-strip .ps-img {
	border-radius: 14px;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

@media (max-width: 1080px) {
	.cy-photo-strip {
		padding: 56px 0 80px;
	}
	
	.cy-photo-strip .ps-row {
		height: 220px;
	}
	
	.cy-photo-strip .ps-tile {
		flex-basis: 296px;
	}
	
	.cy-photo-strip .ps-row:nth-child(2) .ps-track {
		left: -160px;
	}
	
	.cy-photo-strip .ps-img, .cy-photo-strip .ps-tile {
		height: 220px;
	}
}

@media (max-width: 720px) {
	.cy-photo-strip {
		padding: 40px 0 56px;
	}
	
	.cy-photo-strip .ps-row {
		height: 160px;
	}
	
	.cy-photo-strip .ps-row + .ps-row {
		margin-top: 16px;
	}
	
	.cy-photo-strip .ps-track {
		gap: 16px;
	}
	
	.cy-photo-strip .ps-tile {
		flex-basis: 216px;
	}
	
	.cy-photo-strip .ps-row:nth-child(2) .ps-track {
		left: -116px;
	}
	
	.cy-photo-strip .ps-img, .cy-photo-strip .ps-tile {
		height: 160px;
	}
}
