/* body::before {
    z-index: -1;
    content: '';
    position: absolute;
    background-image: url('img/bg.png');
    background-size: cover;
    background-position: bottom;
    top: 0;
    left: 0;
    width: 100%;
    height: 60vh;
    opacity: .15;
    filter: grayscale(100%);
} */

.pinyon-regular {
  font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.edit {
	fill: #ccc
}

.edit:hover {
	fill: #000
}

/* Lightbox overlay */
.lightbox-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.65);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1200;
}
.lightbox-overlay.visible { display: flex }
.lightbox-content { position: relative; max-width: 92%; max-height: 92%; background: transparent; }
.lightbox-img { max-width: 100%; max-height: 100%; display:block; margin:0 auto; border-radius:6px }
.lightbox-close, .lightbox-prev, .lightbox-next {
	position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); border-radius: 50%; width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.lightbox-close { right: -10px; top: -10px; transform:none; width:34px; height:34px }
.lightbox-prev { left: -22px }
.lightbox-next { right: -22px }
.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover { opacity:0.95 }
.lightbox-arrow { font-size:18px; color:var(--accent); }
.lightbox-caption { margin-top:8px; color:#fff; text-align:center; font-size:14px }