/* Galeria rysunków (ściana kartek). Dane: content/gallery.json z publicznego magazynu — tylko kartki zatwierdzone w panelu. */
.top{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gw{padding:clamp(130px,17vh,190px) var(--gutter) 80px;min-height:100svh}
.gw-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:clamp(40px,7vh,80px)}
.gw-lbl{margin:0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.gw-head h1{margin:0;font-size:clamp(64px,10vw,180px);font-weight:700;line-height:.88;letter-spacing:-.055em}
.gw-sub{margin:0;max-width:38ch;font-size:clamp(16px,1.3vw,21px);line-height:1.45;color:#333}
.gw-cta{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 8px 0 24px;border-radius:999px;background:#0A0A0A;color:#fff;font-weight:600;font-size:16px;margin-top:8px}
.gw-cta i{width:36px;height:36px;border-radius:50%;background:#4dff88;color:#0A0A0A;display:grid;place-items:center;font-style:normal;transition:transform .3s cubic-bezier(.2,1.5,.4,1)}
.gw-cta:hover i{transform:rotate(-45deg)}
.gw-grid{columns:4 260px;column-gap:clamp(16px,2vw,32px)}
.gw-card{break-inside:avoid;margin:0 0 clamp(22px,3vw,40px);background:#fff;border:2px dashed #0a0a0a59;border-radius:18px;padding:10px 10px 14px;transform:rotate(var(--r,0deg));transition:transform .4s cubic-bezier(.2,1.5,.4,1),box-shadow .3s;box-shadow:0 8px 24px #0a0a0a12;opacity:0;translate:0 30px}
.gw-card.in{opacity:1;translate:0 0;transition:opacity .7s ease,translate .9s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.2,1.5,.4,1)}
.gw-card:hover{transform:rotate(0) scale(1.02);box-shadow:0 16px 40px #0a0a0a22}
.gw-card img{display:block;width:100%;height:auto;border-radius:10px;background:#fafafa}
.gw-card figcaption{padding:10px 4px 0;font-size:15px;line-height:1.35}
.gw-card figcaption b{display:block;font-weight:600}
.gw-card figcaption span{color:#444}
.gw-card figcaption small{display:block;margin-top:6px;color:#8a8a8a;font-size:12px}
.gw-empty{padding:40px 0;font-size:clamp(18px,1.6vw,24px);color:#444}
.gw-foot{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:26px var(--gutter) 28px;border-top:1px solid #0a0a0a1f;font-size:13px;color:#333}
.gw-foot nav{display:flex;gap:20px}
@media(max-width:760px){.gw-grid{columns:2;column-gap:12px}.gw-card{padding:6px 6px 10px;border-radius:14px}.gw-card figcaption{font-size:13px}.gw-head h1{font-size:var(--m-h,16vw)}.gw-foot{flex-direction:column-reverse;align-items:center;text-align:center;gap:4px}}
@media(prefers-reduced-motion:reduce){.gw-card{opacity:1;translate:none}}

.gw-error{display:flex;flex-direction:column;align-items:center;gap:14px;margin:40px auto;text-align:center;font:500 17px/1.4 "Clash Display Variable","Helvetica Neue",Arial,sans-serif}.gw-error p{margin:0}
.gw-error button{appearance:none;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid #080808;background:#080808;color:#fff;font:600 14px/1 "Clash Display Variable","Helvetica Neue",Arial,sans-serif;cursor:pointer}