/* ---------- работы с фото + просмотр крупно ---------- */
.work-open{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;color:inherit}
.work-photo .work-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .5s}
.work:hover .work-open img{transform:scale(1.04)}
.work-photo.has-img .work-num{z-index:2;color:#e7e4d9;background:rgba(20,20,19,.62);padding:4px 7px;top:10px;left:10px;pointer-events:none}
.work-meta{margin:-8px 0 0;font-size:12px;letter-spacing:.08em;color:var(--muted,#99998f);text-transform:uppercase;text-align:center}
.work-open:focus-visible{outline:2px solid var(--gold,#b5a15a);outline-offset:-2px}

.marina-portfolio .works-grid{margin-top:36px}
.marina-portfolio .work-title{text-align:center}

.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(12,12,11,.96);padding:64px 72px}
.lightbox.open{display:flex}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%;max-height:100%}
.lightbox img{max-width:100%;max-height:calc(100svh - 170px);object-fit:contain;display:block;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox figcaption{color:#e7e4d9;font-size:14px;letter-spacing:.06em;text-align:center}
.lightbox figcaption span{color:#b5a15a;margin-left:12px;font-size:12px;letter-spacing:.14em}
.lb-btn{position:absolute;background:none;border:1px solid #79704c;color:#e7e4d9;width:52px;height:52px;display:grid;place-items:center;font-size:22px;cursor:pointer;transition:background .2s,color .2s}
.lb-btn:hover{background:#b5a15a;color:#141413}
.lb-close{top:18px;right:18px}
.lb-prev{left:14px;top:50%;transform:translateY(-50%)}
.lb-next{right:14px;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;top:34px;left:24px;font-size:11px;letter-spacing:.14em;color:#99998f}
body.lb-lock{overflow:hidden}
@media(max-width:700px){
  .lightbox{padding:70px 10px 90px}
  .lightbox img{max-height:calc(100svh - 200px)}
  .lb-prev,.lb-next{top:auto;bottom:18px;transform:none;width:48px;height:48px}
  .lb-prev{left:calc(50% - 58px)}
  .lb-next{right:calc(50% - 58px)}
  .work-meta{font-size:10px}
}
.lightbox figcaption:empty{display:none}