html { scroll-behavior: smooth; }
.reveal { opacity: 1; transform: none; }
.reveal.animate-reveal { opacity: 0; transform: translateY(18px); }
.reveal.animate-reveal.in { opacity: 1; transform: none; }
.image-lightbox { border: 0; padding: 0; background: transparent; color: white; max-width: 96vw; max-height: 96dvh; overflow: visible; }
.image-lightbox::backdrop { background: rgba(0,0,0,.91); }
.image-lightbox img { display: block; max-width: 92vw; max-height: 88dvh; object-fit: contain; border-radius: 12px; }
.lightbox-close, .lightbox-prev, .lightbox-next { position: absolute; display: grid; place-items: center; border: 1px solid #ffffff50; background: #18191cdd; color: #fff; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; font-size: 26px; }
.lightbox-close { right: 8px; top: 8px; }
.lightbox-prev { left: 8px; top: calc(50% - 22px); }
.lightbox-next { right: 8px; top: calc(50% - 22px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal, .reveal.animate-reveal { opacity: 1; transform: none; transition: none; } }