/* Kim Moser - artist */

.example a {
	aspect-ratio: 800 / 521;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	font-family: 'Ysabeau SC';
	font-size: 2rem;
	color: white;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	text-decoration: none;
}

.example a h2 {
	line-height: calc(0.7 * var(--bs-body-line-height));
}

.example a:hover {
	color: grey;
}

.example a::before {
	content: "";
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);
	/* prevents clipping from blur */
	z-index: 0;
	width: 100%;
	filter: sepia(70%) brightness(50%) contrast(70%);
}

.example a h2 {
	color: white;
}

.example a:hover::before {
	filter: sepia(0%) brightness(100%) contrast(100%);
}

#work-photo::before {
	background-image: url(/images/thumbs/photo/street.jpg);
}

#work-film::before {
	background-image: url(/images/thumbs/video/film2.jpg);
}

#work-paper::before {
	background-image: url(/images/thumbs/paper/drawing.jpg);
}

#work-sculpture::before {
	background-image: url(/images/thumbs/sculpture/ceramic.jpg);
}

#work-photo-con-ed::before {
	background-image: url(/images/thumbs/photo/con-ed.jpg);
}

#work-photo-blur::before {
	background-image: url(/images/thumbs/photo/blur.jpg);
}

#work-photo-light::before {
	background-image: url(/images/thumbs/photo/light.jpg);
}

#work-photo-photogram::before {
	background-image: url(/images/thumbs/photo/photogram.jpg);
}

#work-photo-street::before {
	background-image: url(/images/thumbs/photo/street.jpg);
}

#work-photo-macro::before {
	background-image: url(/images/thumbs/photo/macro.jpg);
}

#work-paper-abstract::before {
	background-image: url(/images/thumbs/paper/abstract.jpg);
}

#work-paper-drawing::before {
	background-image: url(/images/thumbs/paper/drawing.jpg);
}

#work-paper-print::before {
	background-image: url(/images/thumbs/paper/print.jpg);
}

#work-paper-figurative::before {
	background-image: url(/images/thumbs/paper/figurative.jpg);
}

#work-paper-comics::before {
	background-image: url(/images/thumbs/paper/comics.jpg);
}

#work-paper-collage::before {
	background-image: url(/images/thumbs/paper/collage.jpg);
}

#work-sculpture-wood::before {
	background-image: url(/images/thumbs/sculpture/wood.jpg);
}

#work-sculpture-ceramic::before {
	background-image: url(/images/thumbs/sculpture/ceramic.jpg);
}

#work-sculpture-metal::before {
	background-image: url(/images/thumbs/sculpture/metal.jpg);
}