.gallery-hero{min-height:0;padding-bottom:clamp(36px,6vh,64px)}.gallery-bar{gap:24px;display:grid}@media (min-width:960px){.gallery-bar{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.gallery-filters{flex-wrap:wrap;gap:10px;display:flex}.chip-count{opacity:.6;font-size:.9em}.gallery-section{padding:0 var(--gutter) clamp(96px, 16vh, 180px)}.masonry{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.masonry.is-justified{display:block;position:relative}.tile{position:relative}.masonry.is-justified .tile{position:absolute;top:0;left:0}.tile[hidden]{display:none}.tile-link{width:100%;height:100%;aspect-ratio:var(--ratio,3 / 2);border-radius:2px;display:block;position:relative;overflow:hidden}.masonry.is-justified .tile-link{aspect-ratio:auto}.tile-link img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-out), transform 1.4s var(--ease-out), filter .8s;filter:saturate(.86)brightness(.92);transform:scale(1.04)}.tile-link img.is-loaded{opacity:1;transform:scale(1)}.tile-link:hover img,.tile-link:focus-visible img{filter:saturate()brightness();transform:scale(1.05)}.tile-link:after{content:"";opacity:0;transition:opacity .6s var(--ease-out);background:linear-gradient(#07070a00 45%,#07070adb);position:absolute;inset:0}.tile-link:hover:after,.tile-link:focus-visible:after{opacity:1}.tile-meta{z-index:1;opacity:0;transition:opacity .6s var(--ease-out), transform .8s var(--ease-out);gap:4px;display:grid;position:absolute;bottom:14px;left:16px;right:16px;transform:translateY(10px)}.tile-link:hover .tile-meta,.tile-link:focus-visible .tile-meta{opacity:1;transform:none}.tile-title{font:600 1rem/1.35 var(--font-serif-zh);letter-spacing:.08em}.tile-cap{color:var(--gold-300)}@media (hover:none){.tile-link:after,.tile-meta{opacity:1;transform:none}.tile-link:after{background:linear-gradient(#07070a00 60%,#07070acc)}.tile-meta{bottom:8px;left:10px}.tile-title{font-size:.8rem}.tile-cap{display:none}}.lightbox{z-index:130;touch-action:none;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07070af5;position:absolute;inset:0}.lightbox-stage{position:absolute;inset:0}.lightbox-img{object-fit:contain;transform-origin:0 0;will-change:transform, opacity;border-radius:2px;max-width:none;position:absolute;top:0;left:0;box-shadow:0 40px 120px #0009}.lightbox-meta{left:var(--gutter);bottom:calc(26px + env(safe-area-inset-bottom));gap:6px;max-width:min(60vw,520px);display:grid;position:absolute}.lightbox-index{color:var(--gold-500)}.lightbox-title{font:600 var(--step-2) / 1.25 var(--font-serif-zh);letter-spacing:.1em}.lightbox-caption{color:var(--mist)}.lightbox-controls{right:var(--gutter);bottom:calc(26px + env(safe-area-inset-bottom));gap:12px;display:flex;position:absolute}.lightbox-btn{border:1px solid var(--line-strong);width:56px;height:56px;color:var(--gold-300);border-radius:50%;place-items:center;transition:background-color .5s,color .5s;display:grid}.lightbox-btn svg{width:20px;height:20px}.lightbox-btn:hover{background:var(--gold-400);color:var(--ink-900)}.lightbox-close{right:var(--gutter);top:calc(22px + env(safe-area-inset-top));color:var(--porcelain-dim);align-items:center;gap:10px;padding:10px 0;transition:color .4s;display:inline-flex;position:absolute}.lightbox-close:hover{color:var(--gold-300)}@media (max-width:700px){.lightbox-meta{right:var(--gutter);bottom:calc(92px + env(safe-area-inset-bottom));max-width:none}.lightbox-controls{left:var(--gutter);justify-content:space-between}}