/* Galeria - tablica prezentacyjna (02.10.2026) */
.gb{background:var(--ivory,#f8f4ee);padding:118px 0 70px}
.gb-head{max-width:900px;margin:0 auto 26px;padding:0 20px;text-align:center}
.gb-head .eyebrow{display:inline-block;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#bc9e6d);font-weight:700}
.gb-head h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;margin:12px 0 14px;color:var(--navy,#101931)}
.gb-head h1 em{color:var(--gold,#bc9e6d)}
.gb-head p{color:var(--ink-soft,#535d6e);line-height:1.65;margin:0 auto;max-width:640px}
.gb-filters{position:sticky;top:64px;z-index:20;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:14px 16px;margin:0 0 18px;background:linear-gradient(180deg,var(--ivory,#f8f4ee) 70%,rgba(248,244,238,0))}
.gb-filters button{border:1px solid rgba(188,158,109,.55);background:#fff;color:var(--navy,#101931);border-radius:999px;padding:9px 16px;font:600 .74rem/1 inherit;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}
.gb-filters button.on,.gb-filters button:hover{background:var(--navy,#101931);color:#fff;border-color:var(--navy,#101931)}
.gb-filters button small{opacity:.6;margin-left:4px;font-weight:500}
.gb-grid{max-width:1480px;margin:0 auto;padding:0 16px;columns:4 300px;column-gap:14px}
.gb-grid figure{position:relative;break-inside:avoid;margin:0 0 14px;border-radius:18px;overflow:hidden;background:#e9e2d6;opacity:0;transform:translateY(26px) scale(.98);transition:opacity .8s var(--ease,cubic-bezier(.22,.61,.36,1)),transform .8s var(--ease,cubic-bezier(.22,.61,.36,1))}
.gb-grid figure.in{opacity:1;transform:none}
.gb-grid figure.hide{display:none}
.gb-grid figure a.z{display:block}
.gb-grid img{display:block;width:100%;height:auto;transition:transform 1s var(--ease,cubic-bezier(.22,.61,.36,1))}
.gb-grid figure:hover img{transform:scale(1.05)}
.gb-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(0deg,rgba(16,25,49,.86),rgba(16,25,49,0));color:#fff;font-size:.8rem;line-height:1.3;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.gb-grid figure:hover figcaption{opacity:1;transform:none}
.gb-grid figcaption a{color:var(--gold-light,#d0b993);white-space:nowrap;font-weight:600;text-decoration:none}
@media(hover:none){.gb-grid figcaption{opacity:1;transform:none}}
.gb-cta{text-align:center;margin-top:34px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:899px){.gb{padding-top:96px}.gb-grid{columns:2 160px;column-gap:10px;padding:0 10px}.gb-grid figure{margin-bottom:10px;border-radius:14px}.gb-grid figcaption{font-size:.68rem;padding:26px 9px 8px}.gb-grid figcaption a{display:none}.gb-filters{top:56px;padding:10px;gap:6px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.gb-filters button{flex:0 0 auto;padding:8px 12px}}
@media (prefers-reduced-motion:reduce){.gb-grid figure{opacity:1;transform:none;transition:none}}