/* Event gallery and full-screen viewer (17 Oct 2026). Justified rows: each item's width follows its own aspect ratio
   (--r = width / height), so one row shares one height and every photo is shown whole — never cropped or stretched. */
.eg{margin:36px 0 12px}
.eg h2{margin:0 0 4px}
.eg-count{margin:0 0 16px;color:var(--muted,#646173);font-size:.95rem}
.eg-grid{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:0;padding:0}
.eg-grid::after{content:"";flex-grow:1000000}
.eg-item{flex-grow:calc(var(--r) * 100);flex-basis:calc(var(--r) * 230px);min-width:0;margin:0}
.eg-open{position:relative;display:block;border-radius:14px;overflow:hidden;background:#efecf4;box-shadow:0 2px 10px #2623361a;transition:transform .2s ease,box-shadow .2s ease}
.eg-open:hover,.eg-open:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px #26233629}
.eg-open:focus-visible{outline:3px solid var(--gold,#e8b13a);outline-offset:3px}
.eg-open img{display:block;width:100%;height:auto;aspect-ratio:var(--r);object-fit:contain;background:#efecf4}
.eg-vid .eg-open img{object-fit:cover}
.eg-noposter{display:flex;align-items:flex-end;justify-content:flex-start;aspect-ratio:16/9;padding:12px 14px;color:#fff;font-weight:700;background:linear-gradient(135deg,#392252,#5d348b 60%,#126f76)}
.eg-play{position:absolute;top:50%;left:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#000000a6;box-shadow:0 2px 12px #0005;transition:transform .2s,background .2s}
.eg-play::after{content:"";position:absolute;left:24px;top:18px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.eg-open:hover .eg-play{transform:scale(1.08);background:var(--purple,#5d348b)}
.eg-cap{margin:8px 2px 0;font-size:.9rem;line-height:1.45;color:var(--ink,#262336)}
.eg-cap strong{display:block;font-size:.95rem}
.eg-cap span{color:var(--muted,#646173)}
@media(max-width:700px){.eg-grid{gap:10px}.eg-item{flex-basis:calc(var(--r) * 150px)}.eg-open{border-radius:10px}}
/* Viewer */
.lb{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#0d0b12f2;color:#fff;touch-action:none}
.lb[hidden]{display:none}
.lb-top,.lb-bottom{display:flex;align-items:center;gap:8px;padding:10px 12px;flex:none}
.lb-top{justify-content:space-between}
.lb-count{font-weight:700;font-variant-numeric:tabular-nums;padding:0 6px}
.lb-tools{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.lb button,.lb .lb-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff14;color:#fff;font:inherit;font-size:.9rem;font-weight:650;cursor:pointer;text-decoration:none}
.lb button:hover,.lb .lb-link:hover{background:#ffffff2e}
.lb button:focus-visible,.lb .lb-link:focus-visible{outline:3px solid var(--gold,#e8b13a);outline-offset:2px}
.lb button[aria-pressed=true]{background:var(--gold,#e8b13a);color:#1d1830;border-color:transparent}
.lb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lb-media{max-width:calc(100% - 120px);max-height:100%;display:flex;align-items:center;justify-content:center}
.lb-media img{display:block;max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;transform-origin:center;transition:transform .2s ease;user-select:none;-webkit-user-drag:none;cursor:zoom-in}
.lb-media.zoomed img{cursor:grab;transition:none}
.lb-media video,.lb-media iframe{display:block;width:min(1100px,calc(100vw - 140px));aspect-ratio:16/9;max-height:calc(100vh - 170px);border:0;background:#000;border-radius:8px}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%!important;font-size:1.6rem!important;padding:0!important;background:#0006!important}
.lb-prev{left:12px}.lb-next{right:12px}
.lb-caption{flex:1;min-width:0;text-align:center;font-size:.95rem;line-height:1.45}
.lb-caption strong{display:block;font-size:1.02rem}
.lb-caption span{color:#d8d3e3}
.lb-open-ext{margin-top:6px}
@media(max-width:700px){.lb-media{max-width:100%}.lb-media video,.lb-media iframe{width:100vw;border-radius:0}.lb-nav{width:44px;height:44px;background:#0008!important}.lb-prev{left:6px}.lb-next{right:6px}.lb-tools .lb-hide-sm{display:none}.lb-media img{max-height:calc(100vh - 170px)}}
body.lb-open{overflow:hidden}