:target::before { content: ''; display: block; height: 50px; margin: -50px 0 0 0; }

html {
	scroll-behavior: smooth;
}

.trailer_box {
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: transform 0.3s ease-in-out;
}

.trailer_box .trailer-img {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity 0.3s;
}

.trailer_box .webp-hover {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.3s;
}

.trailer_box:hover .webp-hover,
.trailer_box:focus-within .webp-hover {
	opacity: 1;
}

.trailer_box:hover {
	transform: scale(1.6);
	z-index: 100;
}

.team-sw img {
	filter: grayscale(100%);
}