/* PhotoSwipe in the signed-off dark style (design/final/shots/lightbox.jpg):
   #0b0b0b ground, white x and arrows, "n / total" bottom left in grey,
   caption bottom centre. Loaded after assets/vendor/photoswipe/photoswipe.css. */
.pswp {
	--pswp-bg: #0b0b0b;
	--pswp-placeholder-bg: #0b0b0b;
	--pswp-icon-color: #fff;
	--pswp-icon-color-secondary: #000;
	--pswp-icon-stroke-color: #000;
	--pswp-icon-stroke-width: 0px;
	--pswp-root-z-index: 100000;
	font-family: Inter, system-ui, sans-serif;
}

.pswp .pswp__top-bar { background: none; height: 64px; padding: 0 12px; }

/* Counter: bottom left, grey, spaced capitals as in the design. */
.pswp .pswp__counter {
	position: fixed;
	left: 28px;
	bottom: 22px;
	top: auto;
	margin: 0;
	height: auto;
	color: #aaa;
	font: 500 12px/1 Inter, system-ui, sans-serif;
	letter-spacing: 0.15em;
	text-shadow: none;
	opacity: 1;
}

/* Caption: bottom centre. */
.pswp .pswp__sghenryd-caption {
	position: absolute;
	left: 120px;
	right: 120px;
	bottom: 22px;
	text-align: center;
	color: #fff;
	font: 400 14px/1.4 Inter, system-ui, sans-serif;
	pointer-events: none;
	z-index: 10;
}

.pswp .pswp__sghenryd-caption[hidden] { display: none; }

.pswp .pswp__button { opacity: 0.9; }
.pswp .pswp__button:hover { opacity: 1; }

@media (max-width: 782px) {
	.pswp .pswp__counter { left: 16px; bottom: 16px; }
	.pswp .pswp__sghenryd-caption { left: 72px; right: 16px; bottom: 16px; text-align: right; font-size: 13px; }
}