/* nowaodslona.pl – galeria projektów */
.gl .cs-hero{padding-bottom:clamp(24px,2.4vw,36px)}
.gl-proj{padding-top:clamp(36px,4vw,64px)}
.gl-info{max-width:1100px;margin-bottom:clamp(28px,3vw,44px)}
.gl-meta{margin:0;border-top:1px solid var(--line)}
.gl-meta div{padding:12px 0;border-bottom:1px solid var(--line)}
.gl-meta dt{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.gl-meta dd{margin:6px 0 0;font-size:14.5px}
.gl-desc{margin:0;max-width:66ch;font-size:15.5px;line-height:1.7;color:var(--text2)}
.gl-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.gl-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.gl-pills li{padding:10px 15px;font-size:13.5px;border:1px solid color-mix(in srgb,var(--ink) 24%,transparent)}
.gl-shots{display:grid;grid-template-columns:minmax(0,1fr) clamp(140px,16vw,240px);gap:clamp(12px,1.4vw,20px);align-items:start}
.gl-desk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.gl-mob{display:flex;flex-direction:column;gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.gl-shot{position:relative;display:block;width:100%;padding:0;font:inherit;background:var(--ph);border:0;cursor:zoom-in;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.gl-shot img{display:block;width:100%;height:auto;transition:transform .8s var(--ease)}
.gl-shot:hover img{transform:scale(1.03)}
.gl-shot span{position:absolute;left:10px;bottom:10px;padding:6px 10px;font-size:11px;font-weight:500;letter-spacing:.06em;color:#141414;background:rgba(243,241,236,.92);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.gl-shot:hover span,.gl-shot:focus-visible span{opacity:1;transform:none}

.gl-shot:focus-visible{outline:2px solid #b4410f;outline-offset:3px}
/* powiększenie */
.gl-box{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:16px;padding:clamp(16px,3vw,48px);background:rgba(14,13,12,.94)}
.gl-box[hidden]{display:none}
.gl-box figure{margin:0;max-width:min(1400px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center}
.gl-box img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.gl-box figcaption{margin-top:14px;font-size:12px;letter-spacing:.08em;color:#c3beb6}
.gl-x{position:absolute;top:14px;right:18px;width:44px;height:44px;font-size:30px;line-height:1;color:#efece6;background:none;border:0;cursor:pointer}
.gl-nav{flex:none;width:48px;height:48px;font-size:30px;line-height:1;color:#efece6;background:rgba(239,236,230,.1);border:0;cursor:pointer}
.gl-nav:hover,.gl-x:hover{background:rgba(239,236,230,.2)}
@media (max-width:900px){.gl-info,.gl-shots{grid-template-columns:1fr}.gl-mob{flex-direction:row}.gl-mob li{flex:1;max-width:48%}.gl-nav{position:absolute;bottom:20px}.gl-prev{left:20px}.gl-next{right:20px}}
@media (max-width:560px){.gl-desk{grid-template-columns:1fr}}
.gl-proj h2{max-width:none}
.gl-proj .cs-head{margin-bottom:clamp(14px,1.4vw,22px)}
.gl-links+.gl-pills{margin-top:clamp(32px,3vw,44px)}