.s4u-team-hero-visual {
	position: relative;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border: 1px solid rgba(189, 146, 56, .38);
	border-radius: 28px;
	background: #eadfcf;
	box-shadow: 0 30px 76px rgba(74, 55, 22, .2);
}

.s4u-team-hero-visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.s4u-team-hero-visual::before {
	content: "";
	position: absolute;
	inset: 16px;
	border: 1px solid rgba(255, 255, 255, .62);
	border-radius: 20px;
	pointer-events: none;
}

.s4u-team-hero-visual::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 28%;
	background: linear-gradient(transparent, rgba(98, 70, 24, .13));
	pointer-events: none;
}

@media (max-width: 980px) {
	.s4u-team-hero-visual { height: auto; }
}

@media (max-width: 700px) {
	.s4u-team-hero-visual {
		height: auto;
	}
}