.threemediagrid{
	display: grid;
	gap: 21px;
}
.threemediagrid video{
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

.threemediagrid:not([class*="is-style-"]),
.threemediagrid.is-style-two-on-right{
	grid-template-columns: 379fr 278fr;
}
.threemediagrid:not([class*="is-style-"]) > :is( figure, video ):first-child,
.threemediagrid.is-style-two-on-right > :is( figure, video ):first-child{
	grid-row: span 2;
	align-self: center;
}

.threemediagrid.is-style-three-different{
	grid-template-columns: 101fr 278fr 278fr;
}
.threemediagrid.is-style-three-different > :is( figure, video ):first-child{
	grid-column: span 2;
}
.threemediagrid.is-style-three-different > :is( figure, video ):nth-child(2){
	grid-row: span 2;
	align-self: center;
}
.threemediagrid.is-style-three-different > :is( figure, video ):last-child{
	grid-column: 2/3;
}

.threemediagrid.is-style-two-on-left{
	grid-template-columns: 278fr 379fr;
}
.threemediagrid.is-style-two-on-left > :is( figure, video ):nth-child(2){
	grid-row: span 2;
	align-self: center;
}

@media (max-width: 767px){
	.threemediagrid{
		gap: 12px;
	}
}