.amrow {
	--amrow-gap: 16px;
	--amrow-radius: 12px;
	--amrow-size: 22rem;
	display: flex;
	gap: var(--amrow-gap);
	flex-wrap: wrap;
	align-items: flex-start;
}

.amrow__item {
	width: var(--amrow-size);
	height: var(--amrow-size);
	border-radius: var(--amrow-radius);
	overflow: hidden;
	position: relative;
}

.amrow__frame, .amrow__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.amrow__embed {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.amrow__embed iframe, .amrow__embed video {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

.amrow__link {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: underline;
	font: inherit;
}

@media (max-width: 768px) {
	.amrow__item {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
	}
}