#gallery{scroll-margin-top:10px}
.tabs{flex-wrap:wrap}
.eg-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.eg-head p{max-width:640px;margin:0}
.eg-jump{position:sticky;top:0;z-index:5;background:var(--cream);border-bottom:1px solid var(--line);padding:10px 0;margin:18px 0 8px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.eg-jump a{flex:none;font-size:12px;text-decoration:none;border:1px solid var(--line);background:white;border-radius:30px;padding:5px 11px;white-space:nowrap}
.eg-jump a:hover,.eg-jump a.current{background:var(--ink);color:white;border-color:var(--ink)}
.eg-jump a small{color:var(--muted);margin-left:4px}.eg-jump a:hover small,.eg-jump a.current small{color:#d6dccf}
.eg-section{padding:28px 0 10px;border-top:1px solid var(--line);scroll-margin-top:64px}
.eg-section:first-of-type{border-top:0}
.eg-section h2{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.eg-section h2 .eg-count{font:12px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.eg-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.eg-fig{margin:0;background:white;border:1px solid var(--line);border-radius:10px;padding:10px}
.eg-btn{display:block;width:100%;padding:0;border:0;background:#ece8dd;border-radius:6px;overflow:hidden;cursor:zoom-in;position:relative}
.eg-btn:hover{background:#ece8dd}
.eg-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.eg-btn img{display:block;width:100%;height:auto;object-fit:contain;opacity:0;transition:opacity .35s}
.eg-btn img.loaded{opacity:1}
.eg-btn.eg-ph{aspect-ratio:4/3}.eg-btn.eg-ph img{height:100%}
.eg-btn.err::after{content:'Image unavailable';position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px}
.eg-fig figcaption{font-size:12px;color:var(--muted);margin:8px 2px 2px}
.eg-tag{display:inline-block;font-size:10px;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--gold);color:#7c6334;border-radius:30px;padding:2px 8px;margin:0 6px 4px 0;background:#f8f3e7}
.eg-tbd{border-left:3px solid var(--gold);background:#f4f0e5;padding:6px 9px;font-size:11px;margin-top:6px;color:var(--ink)}
.eg-skel{height:220px;border-radius:10px;background:linear-gradient(90deg,#ebe7dc,#f4f1e9,#ebe7dc);background-size:200% 100%;animation:egs 1.4s infinite}
@keyframes egs{to{background-position:-200% 0}}
.eg-msg{border:1px dashed var(--line);padding:14px;color:var(--muted);font-size:13px;margin:6px 0 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.eg-msg button{padding:5px 11px;font-size:12px}
dialog.eg-modal{padding:0;background:#15251d;color:#f4f1e9;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}
.eg-modal::backdrop{background:#15251dee}
.eg-stage{display:grid;grid-template-rows:auto 1fr auto;height:100%}
.eg-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px}
.eg-bar button,.eg-nav{background:#ffffff14;color:#f4f1e9;border:1px solid #ffffff33}
.eg-bar button:hover,.eg-nav:hover{background:#f4f1e9;color:var(--ink)}
.eg-view{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 64px}
.eg-view img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pan-y}
.eg-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border-radius:50%;font-size:20px}
.eg-prev{left:12px}.eg-next{right:12px}
.eg-cap{padding:12px 18px 18px;font-size:13px;text-align:center;color:#d6dccf}
@media(max-width:768px){.eg-grid{grid-template-columns:1fr}.eg-view{padding:0 6px}.eg-nav{top:auto;bottom:6px;transform:none}}
@media print{#gallery{display:none!important}}
.eg-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
.eg-sel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}
.eg-selcard{display:flex;gap:12px;background:white;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:13px}
.eg-selcard p{margin:6px 0;color:var(--muted)}
.eg-sw{flex:none;width:42px;height:42px;border-radius:5px;border:1px solid #0001}
@media(max-width:768px){.eg-sel{grid-template-columns:1fr}}