.gallery-open-trigger { border: 0; cursor: pointer; padding: 0; text-align: left; width: 100%; }
.gallery-lightbox[hidden] { display: none; }
.gallery-lightbox { inset: 0; position: fixed; z-index: 1000; }
.gallery-lightbox-backdrop { background: rgba(5, 15, 30, .82); inset: 0; position: absolute; }
.gallery-lightbox-dialog { align-items: center; display: flex; inset: 3vh 72px; justify-content: center; outline: 0; position: absolute; }
.gallery-lightbox-content { align-items: center; display: flex; flex-direction: column; justify-content: center; max-height: 94vh; max-width: min(1200px, calc(100vw - 190px)); width: 100%; }
.gallery-lightbox-media { align-items: center; display: flex; justify-content: center; max-height: calc(94vh - 58px); max-width: 100%; min-height: 0; width: 100%; }
.gallery-lightbox-media img { border-radius: var(--radius-md); box-shadow: 0 20px 60px rgba(0,0,0,.35); display: block; height: auto; max-height: calc(94vh - 58px); max-width: 100%; object-fit: contain; width: auto; }
.gallery-lightbox-media iframe { aspect-ratio: 16 / 9; background: #000; border: 0; border-radius: var(--radius-md); box-shadow: 0 20px 60px rgba(0,0,0,.35); height: auto; max-height: calc(94vh - 58px); max-width: 100%; width: min(1100px, 100%); }
.gallery-lightbox-caption { background: rgba(5,15,30,.78); border-radius: 999px; color: white; flex: 0 0 auto; margin: var(--space-3) 0 0; padding: 7px 14px; text-align: center; }
.gallery-lightbox-close, .gallery-lightbox-nav { background: rgba(255,255,255,.95); border: 0; border-radius: 50%; color: var(--navy-900); cursor: pointer; font-size: 2rem; height: 46px; line-height: 1; position: absolute; width: 46px; z-index: 1; }
.gallery-lightbox-close { position: fixed; right: 24px; top: 24px; }
.gallery-lightbox-nav { font-size: 3rem; }
.gallery-lightbox-prev { left: -58px; }
.gallery-lightbox-next { right: -58px; }
@media (max-width: 680px) { .gallery-lightbox-dialog { inset: 4vh 48px; } .gallery-lightbox-content { max-width: calc(100vw - 96px); } .gallery-lightbox-media img { max-height: calc(88vh - 54px); } .gallery-lightbox-nav { height: 40px; position: fixed; width: 40px; } .gallery-lightbox-prev { left: 6px; } .gallery-lightbox-next { right: 6px; } .gallery-lightbox-close { height: 40px; right: 8px; top: 8px; width: 40px; } }