.photography-gallery {
	position: relative;
	min-height: min(calc(80vw - var(--padding)*2), 53rem);
}

.photography-gallery > li {
	padding-left: 41.66666666%;
	padding-left: calc(41.66666666% + 1.25rem);
}

.photography-gallery figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 39.15%;
	transition: opacity .5s ease;
}

.photography-gallery > li.gallery-section > figure {
	opacity: 0;
	pointer-events: none;
}

.photography-gallery > li:hover > figure {
	opacity: 1;
}

.gallery-section > a {
	padding: .75em 0;
	display: block;
	font-size: 1.25rem;
	font-weight: lighter;
}

.gallery-motto {
  pointer-events: none;
}


.motto {
  font-size: 1.5rem;
  color: #CCC;
  font-weight: normal;
  margin-top: 1.5rem;
  font-family: georgia, serif;
  font-style: italic;
  display: block;
  text-align: right;
}

.photography-gallery {pointer-events: none;}

.photography-gallery:hover .gallery-parent-section figure {
    opacity: 0;
}

.photography-gallery .gallery-section a {
    pointer-events: all;
}