.ROW .row::before,
.ROW .row::after {
	content: "";
	display: block;
	overflow: hidden;
}

/* oembed */

.ROW .oembed {
	margin-left: calc((100vw - 1180rem) / 2 * -1);
}

.ROW .oembed {
	aspect-ratio: 16/9;
	position: relative;
}

.ROW .oembed iframe {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ROW .oembed-image {
	all: unset;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	background: rgba(0,0,0,0.1);
}

.ROW .oembed-image::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80rem;
	height: 80rem;
	background: var(--blue) url(../../assets/images/ui-play.svg) no-repeat center / 100%;
	border-radius: 100%;
	transform: translate(-50%, -50%);
	transition: background-color 0.25s;
}

.ROW .oembed-image:hover::after {
	background-color: var(--pink);
}

.ROW .oembed-image img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

/* image */

.ROW .image {
	margin-left: calc((100vw - 1180rem) / 2 * -1);
}

.ROW .image video {
	border-radius: 18px;
}

.ROW .b-column[data-width="4"] .image {
	margin-left: 0;
}

.ROW .b-column[data-width="4"] .image img{
	border-radius: 50%;
}

/* content */

.ROW .content {
	margin-left: 30rem;
}

.ROW .content ul {
	list-style: none;
	padding: 0;
}

.ROW .content ul li {
	color: var(--dark-purple);
}

.ROW .content ul li::before {
	content: "\2022"; 
  color: var(--blue); 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: 0em;
}

.ROW .content h4 + h2 {margin-top: 0.3em;}

@media screen and (min-width: 961px) {
	.ROW[data-reverse] .b-columns {flex-direction: row-reverse;}
	.ROW[data-reverse] .oembed {margin-left: 0; margin-right: calc((100vw - 1180rem) / 2 * -1);}
	.ROW[data-reverse] .image {margin-left: 0; margin-right: calc((100vw - 1180rem) / 2 * -1);}
	.ROW[data-reverse] .content {margin-left: 0; margin-right: 30rem;}
}

@media screen and (max-width: 960px) {
	.ROW .oembed {margin: 0 !important;}
	.ROW .oembed-image::after {width: 40rem; height: 40rem;}
	.ROW .image {margin: 0 !important;}
	.ROW .content {margin: 0 !important;}
}