/*
 * Centre thread.
 * Decorative vertical motif that continues the hero illustration down the page.
 * Pinned to the middle of the viewport (stays put while the page scrolls) and
 * masked so it fades out towards the top and bottom edges.
 
.yogaacademie-thread {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 15;
	height: min(84svh, 40rem);
	aspect-ratio: 73.1 / 560;
	background: url("/wp-content/themes/yogaacademie/assets/img/center.svg") center / contain no-repeat;
	opacity: 0.45;
	pointer-events: none;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);
}

@media (max-width: 781px) {
	.yogaacademie-thread {
		height: min(70svh, 24rem);
		opacity: 0.4;
	}
}
*/