.gallery-trigger{cursor:pointer;outline:none}
.gallery .full{grid-column:1 / -1}
.gallery-trigger:focus-visible{box-shadow:inset 0 0 0 3px #61c8ed}
.gallery-trigger figcaption:after{content:"  →";color:#61c8ed}
.lightbox{width:min(1080px,calc(100% - 32px));max-width:none;padding:0;border:0;background:#0b141a;color:#fff;box-shadow:0 24px 90px rgba(0,0,0,.65)}
.lightbox::backdrop{background:rgba(2,7,10,.88);backdrop-filter:blur(4px)}
.lightbox-shell{padding:24px}
.lightbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.lightbox-head span{display:block;color:#61c8ed;font-size:10px;letter-spacing:.18em;margin-bottom:5px}
.lightbox-head h2{font-size:30px;margin:0;font-weight:500}
.lightbox-close{width:44px;height:44px;border:1px solid #40515b;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;height:min(62vh,680px);background:#060c10;overflow:hidden}
.lightbox-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:58px;border:0;background:rgba(7,16,21,.72);color:#fff;font-size:38px;cursor:pointer}
.lightbox-arrow:hover{background:#159fD4;color:#07131a}
.lightbox-arrow.prev{left:12px}.lightbox-arrow.next{right:12px}
.lightbox-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#b9c5ca;font-size:14px;min-height:52px}
.lightbox-meta p{margin:0}.lightbox-meta span{white-space:nowrap;color:#61c8ed}
.lightbox-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}
.lightbox-thumbs button{width:84px;height:64px;padding:0;border:2px solid transparent;background:#16232b;cursor:pointer;flex:0 0 auto;opacity:.62}
.lightbox-thumbs button.active{border-color:#61c8ed;opacity:1}
.lightbox-thumbs img{width:100%;height:100%;object-fit:cover}
body.lightbox-open{overflow:hidden}
@media(max-width:700px){.lightbox{width:100%;height:100%;max-height:none;margin:0}.lightbox-shell{height:100%;display:flex;flex-direction:column;padding:18px}.lightbox-stage{height:auto;flex:1;min-height:0}.lightbox-head h2{font-size:25px}.lightbox-arrow{width:42px;height:52px}.lightbox-arrow.prev{left:6px}.lightbox-arrow.next{right:6px}.lightbox-meta{font-size:13px}}