/* IDA Lighting — Gallery + Lightbox + Thông tin dự án (dùng chung) */

/* Khối thông tin dự án */
.project-meta{max-width:820px;margin:0 auto 10px;padding:34px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.project-meta .pm-item .pm-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#C1272D;margin-bottom:10px}
.project-meta .pm-item .pm-value{font-family:'Be Vietnam Pro',sans-serif;font-weight:400;font-size:16.5px;color:#fff;line-height:1.55}
@media(max-width:760px){.project-meta{grid-template-columns:repeat(2,1fr);gap:22px 16px;padding:26px 18px}}

/* Ảnh chèn trong bài (giữa các mục) */
.article-figure{margin:42px 0 6px}
.article-figure img{width:100%;height:auto;display:block;cursor:zoom-in;border:1px solid rgba(255,255,255,.06)}
.article-figure figcaption{margin-top:12px;font-size:13.5px;letter-spacing:.01em;color:#A7A398;text-align:center;line-height:1.55}

/* Lưới ảnh */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1200px;margin:0 auto;padding:0 24px}
.gallery figure{margin:0;overflow:hidden;position:relative;aspect-ratio:3/2;cursor:zoom-in;background:#101010}
.gallery figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gallery figure:hover img{transform:scale(1.045)}
.gallery figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 14px 12px;font-size:12.5px;line-height:1.5;letter-spacing:.01em;color:#F0EDE6;background:linear-gradient(transparent,rgba(7,7,7,.9));pointer-events:none}
.gallery-hint{max-width:1200px;margin:0 auto 18px;padding:0 24px;font-size:13px;letter-spacing:.02em;color:#A7A398;text-align:center}
@media(max-width:760px){.gallery{grid-template-columns:repeat(2,1fr);gap:6px;padding:0 12px}.gallery-hint{padding:0 16px}.gallery figure figcaption{font-size:11px;padding:26px 10px 10px}}

/* Lightbox */
.lb{position:fixed;inset:0;z-index:3000;background:rgba(7,7,7,.975);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;touch-action:pan-y}
.lb.on{display:flex;opacity:1}
.lb-stage{max-width:92vw;max-height:82vh;display:flex;align-items:center;justify-content:center}
.lb-stage img{max-width:92vw;max-height:82vh;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 40px 90px rgba(0,0,0,.6);transition:opacity .22s ease}
.lb.swapping .lb-stage img{opacity:0}
.lb-close{position:absolute;top:18px;right:22px;width:48px;height:48px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.25);color:#fff;font-size:26px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.25);color:#fff;font-size:28px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s;-webkit-tap-highlight-color:transparent}
.lb-prev{left:26px}.lb-next{right:26px}
.lb-close:hover,.lb-nav:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.lb-cap{position:absolute;bottom:46px;left:0;right:0;text-align:center;color:rgba(255,255,255,.9);font-size:15px;letter-spacing:.01em;padding:0 24px;font-family:'Be Vietnam Pro',sans-serif;font-weight:300}
.lb-count{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.28em;font-family:'Be Vietnam Pro',sans-serif}
body.lb-open{overflow:hidden}
@media(max-width:760px){.lb-nav{display:none}.lb-stage img{max-width:100vw;max-height:78vh}.lb-close{top:12px;right:14px}.lb-cap{font-size:13px;bottom:42px}}
@media(prefers-reduced-motion:reduce){.gallery figure img,.lb,.lb-stage img{transition:none}}