.copper-image-expand { display: block; cursor: zoom-in; border-radius: 12px; }
.copper-image-expand:focus-visible { outline: 3px solid var(--brand-gold); outline-offset: 3px; }
.copper-image-expand .blog-photo { margin-bottom: 0; }
dialog.copper-image-lightbox {
  width: fit-content;
  max-width: 96vw;
  max-height: 95vh;
  padding: 42px 18px 14px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 12px;
  background: #111827;
  color: #fff;
  box-shadow: 0 20px 70px rgba(0,0,0,.45);
}
dialog.copper-image-lightbox::backdrop { background: rgba(8,12,20,.84); }
.copper-image-lightbox img { display: block; max-width: 92vw; max-height: 80vh; width: auto; height: auto; margin: 0 auto; object-fit: contain; }
.copper-image-lightbox .copper-image-lightbox-caption { margin: 12px 0 0; color: #e5e7eb; text-align: center; font-size: .9rem; }
.copper-image-lightbox .copper-image-lightbox-close { position: absolute; top: 7px; right: 10px; border: 0; background: transparent; color: #fff; font-size: 2rem; line-height: 1; cursor: pointer; }