.art-preview {
	margin: 2rem auto;
	max-width: 640px;
	clear: both;
}

.art-preview[hidden] {
	display: none;
}

.art-preview__title {
	margin: 0 0 .6rem;
}

.art-preview__scene {
	--s: 136;
	position: relative;
	container-type: inline-size;
	width: 100%;
	aspect-ratio: 1.6;
	overflow: hidden;
	background: linear-gradient(#e9e4dc, #ddd6cb);
}

.art-preview__floor {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: calc(100cqw / var(--s) * 6);
	background: #8a6f55;
}

.art-preview__sofa {
	position: absolute;
	left: 50%;
	bottom: calc(100cqw / var(--s) * 4);
	width: calc(100cqw / var(--s) * 84);
	height: calc(100cqw / var(--s) * 30);
	transform: translateX(-50%);
}

.art-preview__sofa i:nth-child(1) {
	position: absolute;
	inset: 0 6% 35% 6%;
	background: #7d8a93;
	border-radius: 6% 6% 0 0;
}

.art-preview__sofa i:nth-child(2) {
	position: absolute;
	inset: 40% 0 0 0;
	background: #6c7881;
	border-radius: 8%;
}

.art-preview__sofa i:nth-child(3) {
	position: absolute;
	inset: 28% 8% 30% 8%;
	background: #8b979f;
	border-radius: 4%;
}

.art-preview__art {
	position: absolute;
	left: 50%;
	bottom: calc(100cqw / var(--s) * 42);
	width: calc(100cqw / var(--s) * var(--w));
	aspect-ratio: var(--w) / var(--h);
	transform: translateX(-50%);
	background: #fff;
	box-shadow: calc(100cqw / var(--s) * 1.5) calc(100cqw / var(--s) * .9) 0 rgba(0, 0, 0, .2),
		calc(100cqw / var(--s) * 2) calc(100cqw / var(--s) * 3) calc(100cqw / var(--s) * 4) rgba(0, 0, 0, .3);
}

.art-preview__img {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--img) center / cover no-repeat;
}

/* Framed: 1.5 in wood frame plus a 2 in white mat around the print */
.art-preview--framed .art-preview__art {
	box-sizing: border-box;
	border: calc(100cqw / var(--s) * 1.5) solid #2b211a;
	padding: calc(100cqw / var(--s) * 2);
	box-shadow: calc(100cqw / var(--s) * 1) calc(100cqw / var(--s) * 2) calc(100cqw / var(--s) * 3) rgba(0, 0, 0, .35);
}

.art-preview__caption {
	margin: .5rem 0 0;
	font-size: .9rem;
	color: #6c757d;
}