.imagery figure {
 	display: block;
 	width: 100%;
 }

 .imagery figure.portrait {
 	width: calc((((100% - (6 * 20px)) / 7) * 5) + (4 * 20px));
 	margin-left: calc((((100% - (6 * 20px)) / 7) * 1) + (1 * 20px));
 }

 .imagery figure picture {
 	display: block;
 	width: 100%;
 	position: relative;
 }
 
 .imagery figure picture img {
 	display: block;
 	width: 100%;
 	height: auto;
 	pointer-events: none
 }
 
 .imagery figure picture b {
 	width: 150px;
 	height: 100%;
 	display: block;
 	position: absolute;
 	top: 0;
 	cursor: pointer;
 	opacity: 0.3;
 	transition: all 0.2s ease;
 }
 
 .imagery .slick-current figure picture b {
 	opacity: 1;
 }
 
 .imagery figure picture b.prev {
 	left: 0;
 }
 
 .imagery figure picture b.next {
 	right: 0;
 }
 
 .imagery figure picture b::after {
 	display: block;
 	content: "";
 	position: absolute;
 	top: 50%;
 	border: 2px solid #FFF;
 	border-right: none;
 	border-bottom: none;
 	width: 30px;
 	height: 30px;
 	transition: all 0.2s ease;
 }
 
 .imagery figure picture b.prev::after {
 	left: 10px;
 	transform: translate(50%, -50%) rotate(-45deg);
 }
 
 .imagery figure picture b.next::after {
 	right: 10px;
 	transform: translate(-50%, -50%) rotate(135deg);
 }
 
 .imagery figure picture b.prev:hover::after {
 	left: 0;
 }
 
 .imagery figure picture b.next:hover::after {
 	right: 0;
 }
 /*.imagery .slick-current figure picture b.prev { opacity: 0.8; transform:translateX(-10px)  ; }
.imagery .slick-current figure picture b.next { opacity: 0.8; transform:translateX(10px)  ; }

.imagery .slick-current figure picture b.prev:hover { opacity: 1; transform:translateX(0)  ; }
.imagery .slick-current figure picture b.next:hover { opacity: 1; transform:translateX(0)  ; }


*/
 
 .imagery figure picture b::before {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	display: block;
 	content: "";
 	opacity: 0.2;
 	transition: all 0.2s ease;
 	background: linear-gradient(90deg, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100%);
 }
 
 .imagery figure picture b:hover::before {
 	opacity: 0.5;
 }
 
 .imagery figure picture b.next::before {
 	background: linear-gradient(270deg, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100%);
 }
 
 @media (max-width: 899px) and (pointer: coarse) {
 	.imagery figure picture b.prev::after {
 		left: 0;
 	}
 	.imagery figure picture b.next::after {
 		right: 0;
 	}
 	.imagery figure picture b:hover::before {
 		opacity: 0.25;
 	}
 	.imagery figure picture b:hover::active {
 		opacity: 0.5;
 	}
 }
 
 .slideshow .slick-track {
 	display: block !important;
 }
 
 .slideshow .slick-slide {
 	height: 100% !important;
 }
 
 section:not(.fullbleed) .slideshow .landscape {
 	max-width: 1204px;
 }
 
 section:not(.fullbleed) .slideshow .portrait {
 	max-width: 594px;
 	margin: 0 auto;
 }
 
 .imagery figure figcaption {
 	padding: 1em 0 1em;
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 24px;
 }
 
 .imagery figure figcaption:not(.chart_caption) {
 	margin: 0 calc((((100% - (6 * 20px)) / 7) * 1) + (1 * 20px));
 }
 
 .imagery figure.portrait figcaption {
 	margin: 0;
 }
 
 @media all and (max-width: 1399px) {
 	.imagery figure figcaption:not(.chart_caption) {
 		margin: 0 calc((((100% - (8 * 20px)) / 9) * 1) + (1 * 20px)) 0 calc((((100% - (8 * 20px)) / 9) * 2) + (2 * 20px));
 	}
 }
 
 @media all and (max-width: 1199px) {
 	.imagery figure figcaption:not(.chart_caption) {
 		margin: 0 calc((((100% - (9 * 20px)) / 10) * 2) + (2 * 20px)) 0 calc((((100% - (9 * 20px)) / 10) * 1) + (1 * 20px));
 	}
 }
 
 @media all and (max-width: 999px) {
 	.imagery figure figcaption:not(.chart_caption) {
 		margin: 0 calc((((100% - (11 * 20px)) / 12) * 2) + (2 * 20px));
 	}
 }
 
 @media all and (max-width: 899px) {
 	.imagery figure figcaption:not(.chart_caption) {
 		margin: 0 calc((((100% - (11 * 20px)) / 12) * 1) + (1 * 20px));
 	}
 }
 
 @media (max-width: 599px) {
 	.imagery figure figcaption:not(.chart_caption) {
 		font-size: 1.2rem;
 		line-height: 1.5;
 		color: #666;
 		margin: 0 0 10px;
 	}
 }
 /*

.imagesx2 {margin: 40px 0;}

.imagesx2 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.imagesx2>div { width:calc(50% - 8px);   }
.imagesx2 div figure {display: block; }
.imagesx2 div figure picture{ display: block; width: 100%; height: 0; padding-bottom: 66.6666%; position: relative; overflow: hidden; }

.imagesx2 div figure picture img{ width: 100%; height:100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


.imagesx2 div figure figcaption { margin:1em 0 1em; padding:0 8px 0.5em; position: relative; border-left: 2px solid #F86B52; }
.imagesx2 div figure figcaption::after { display: block; height: 2px; width: 36%; background: #F86B52; content:""; position: absolute; bottom:0; left: 0;}

@media (max-width: 899px) {
.imagesx2>div { width:100%;   }
    .imagesx2>div:first-child{margin-bottom: 2rem;}    
}*/