.employees {
  	display: grid;
  	gap: var(--gap);
	/*grid-template-columns: repeat(auto-fit, minmax(calc(calc(var(--container) / 4) - var(--gap)), .333fr));*/
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.employees-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.employees-2 {
	grid-template-columns: 1fr 1fr;
}
.employess:has(> :nth-child(2)) {
	/*grid-template-columns: repeat(auto-fit, minmax(calc(calc(var(--container) / 4) - var(--gap)), 1fr));*/
}
.employees > * > * {
	margin: 0 !important;
  	padding: calc(var(--gap) / 8) var(--gap);
  	display: block;
}
.employees > * > * > * {
  	text-decoration: none;
  	color: inherit;
}
.employees > * > * > a:hover {
  	color: rgb(var(--manRed));
}
.employees figure {
  	margin-block: var(--gap);
  	padding-inline: 0;
  	overflow: hidden;
  	aspect-ratio: 4 / 3;
}
.employees figure img {
  	object-fit: cover;
  	height: 100%;
  	width: 100%;
}
.employees div span a:before {
  	content: "";
  	display: inline-block;
	height: var(--fontsize);
	margin-right: .5em;
	line-height: 1;
	aspect-ratio: 1;
	background-color: black;
	-webkit-mask-size: contain !important;
	-webkit-mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	mask-size: contain !important;
	mask-repeat: no-repeat !important;
	mask-position: center !important;
}
.employees div span:hover a:before {
	background-color: rgb(var(--manRed));	
}
@media (prefers-color-scheme: dark){
	.employees div span a:before {
		background-color: #fff;
	}
}
.employees div span:nth-child(1n) a:before {
	-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM224 448a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM304 64H80V384H304V64z"/></svg>');
	mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM224 448a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM304 64H80V384H304V64z"/></svg>');
}
.employees div span:nth-child(2n) a:before {
	-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>');
	mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>');
}
.employees div span:last-child a:before {
	-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>');
	mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>');
}
.employees div span:empty {
  display: none;
}
@media(max-width: 1200px) {
	.employees {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.employees-2 {
		grid-template-columns: 1fr 1fr;
	}
}
@media(max-width: 900px) {
	.employees {
		grid-template-columns: 1fr 1fr;
	}
}
@media(max-width: 600px) {
	.employees {
		grid-template-columns: 1fr;
	}
}