.gal__bar{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;margin-bottom:clamp(2rem,4vw,3rem)}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;grid-auto-flow:dense}
.gal__item{margin:0;position:relative;border-radius:18px;overflow:hidden;animation:galIn .5s ease both}
.gal__item--wide{grid-column:span 2;grid-row:span 2}
.gal__item[hidden]{display:none}
.gal__item button{display:block;width:100%;height:100%;padding:0;border:0;background:#111;cursor:zoom-in;aspect-ratio:4/3}
.gal__item--wide button{aspect-ratio:auto}
.gal__item img,.gal__item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.gal__item:hover img,.gal__item:hover video{transform:scale(1.05)}
.gal__item figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.1rem 1rem;font-size:.8rem;letter-spacing:.08em;color:#f3eee6;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.gal__play{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;display:grid;place-items:center;background:rgba(231,181,138,.9);color:#15110d;font-size:1.3rem;padding-left:4px}
.gbox{position:fixed;inset:0;z-index:90;background:rgba(8,7,6,.94);display:grid;place-items:center;padding:4rem 1rem}
.gbox[hidden]{display:none}
.gbox img,.gbox video{max-width:min(1200px,94vw);max-height:80vh;border-radius:12px}
.gbox p{color:#d8d0c6;text-align:center;margin-top:1rem;font-size:.85rem;letter-spacing:.08em}
.gbox__x{position:absolute;top:1.2rem;right:1.2rem;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:none;color:#fff;font-size:1.4rem;cursor:pointer}
@keyframes galIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:900px){.gal{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gal{grid-template-columns:1fr}.gal__item--wide{grid-column:auto;grid-row:auto}.gal__item--wide button{aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){.gal__item{animation:none}.gal__item img,.gal__item video{transition:none}}