.lightbox { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: clamp(16px, 4vw, 48px); background: rgba(6, 8, 12, 0.92); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; visibility: hidden; transition: opacity 0.28s ease, visibility 0.28s ease; }

.lightbox.is_open { opacity: 1; visibility: visible; }

.lightbox_figure { margin: 0; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; }

.lightbox_img { height: calc(100vh - 170px); width: auto; max-width: 100%; object-fit: contain; display: block; border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6); transform: scale(0.97); transition: transform 0.28s ease; }

.lightbox.is_open .lightbox_img { transform: scale(1); }

.lightbox_caption { margin: 0; font-family: var(--font-sans); font-size: 0.82rem; color: #cfd4da; text-align: center; max-width: 70ch; }

.lightbox_btn { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 50%; color: #fff; font-size: 1.1rem; line-height: 1; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease; }

.lightbox_btn:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); }

.lightbox_btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.lightbox_close { top: clamp(12px, 3vw, 28px); right: clamp(12px, 3vw, 28px); }

.lightbox_prev { left: clamp(8px, 2vw, 24px); top: 50%; transform: translateY(-50%); }

.lightbox_next { right: clamp(8px, 2vw, 24px); top: 50%; transform: translateY(-50%); }

.lightbox_count { position: absolute; bottom: clamp(12px, 3vw, 24px); left: 50%; transform: translateX(-50%); font-family: var(--font-sans); font-size: 0.76rem; letter-spacing: 0.06em; color: #aab1b9; }

body.lightbox_open { overflow: hidden; }

@media (prefers-reduced-motion: reduce) { .lightbox, .lightbox_img { transition: none; } .lightbox_img { transform: none; } }

/*# sourceMappingURL=lightbox.css.map */