.gal-page{background:#000;color:#fff;min-height:100vh}
.gal{padding:150px 22px 60px;max-width:1600px;margin:0 auto}
.gal-head{text-align:center;margin:0 auto 90px;max-width:1100px}
.gal-head .small-kicker{color:#fff;padding:0;margin-bottom:22px}
.gal-head h1{font-size:clamp(40px,6.4vw,104px);font-weight:800;letter-spacing:-2px;line-height:.92;text-transform:uppercase;margin:0}
.gal-lead{font-size:18px;line-height:1.45;max-width:640px;margin:28px auto 0;opacity:.85}
.gal-entry{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.gal-entry .gal-item:nth-child(2){margin-top:110px}.gal-entry .gal-item:nth-child(3){margin-top:40px}
.gal-entry .ph{height:clamp(300px,32vw,520px)}
.gal-sep{display:flex;align-items:center;justify-content:center;gap:25px;margin:140px 0 50px}
.gal-sep h2{font-size:18px;font-weight:800;margin:0;text-transform:uppercase}
.gal-sep span{width:100px;height:16px;background:repeating-linear-gradient(90deg,#888 0,#888 1px,transparent 1px,transparent 2px)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start}
.gal-grid .gal-item:nth-child(4n+2){margin-top:130px}.gal-grid .gal-item:nth-child(4n+3){margin-top:45px}.gal-grid .gal-item:nth-child(4n+4){margin-top:180px}
.gal-grid .ph{height:330px}.gal-grid .gal-item:nth-child(4n+2) .ph{height:395px}.gal-grid .gal-item:nth-child(4n+3) .ph{height:305px}
.gal-item{display:block;width:100%;text-align:left;padding:0;cursor:zoom-in}
.ph{overflow:hidden;background:#111}
.ph img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65);transition:transform .5s,filter .5s}
.gal-item:hover .ph img{transform:scale(1.04);filter:saturate(.9)}
.gal-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px}
.gal-meta h3{font-weight:800;font-size:23px;line-height:.95;margin:0;text-transform:uppercase;letter-spacing:-.7px}
.gal-meta p{font-family:'Barlow Condensed',Arial,sans-serif;font-size:12px;text-transform:uppercase;margin:0;text-align:right}
.gal-more{text-align:center;margin:150px 0 40px}
.gal-more a{display:inline-flex;margin:0 auto}
/* podium reveal (gleiche Werte wie #werke) */
.js .ph img{opacity:0;transform:translate3d(0,110%,0);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1),filter .5s;transition-delay:var(--pr-delay,0ms)}
.js .gal-item.is-revealed .ph img{opacity:1;transform:none}
.js .gal-item.is-revealed:hover .ph img{transform:scale(1.04);transition-delay:0ms}
@media(prefers-reduced-motion:reduce){.js .ph img{opacity:1!important;transform:none!important;transition:none!important}}
.gal-foot{position:static;padding:40px 22px 26px;color:#fff;border-top:1px solid #333;max-width:1600px;margin:60px auto 0}
.gal-foot .footer-nav{display:flex;gap:18px;flex-wrap:wrap}
.gal-foot .footer-meta{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
#galLb{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;background:#000;color:#fff}
#galLb[open]{display:flex;align-items:center;justify-content:center}
#galLb img{max-width:88vw;max-height:80vh;object-fit:contain}
#galLb .close{color:#fff;z-index:2}
#galLb .detail-arrow{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:44px;padding:20px}
#galLb .prev{left:10px}#galLb .next{right:10px}
#galLb .cap{position:absolute;left:22px;bottom:22px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;text-transform:uppercase}
header .desktop-nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.gal{padding:110px 16px 40px}.gal-head{margin-bottom:55px}.gal-head h1{letter-spacing:-1px}.gal-lead{font-size:15px}
.gal-entry{grid-template-columns:1fr;gap:40px}.gal-entry .gal-item{margin-top:0!important}.gal-entry .ph{height:270px}
.gal-grid{grid-template-columns:1fr 1fr;gap:45px 15px}.gal-grid .gal-item{margin-top:0!important}.gal-grid .gal-item:nth-child(2n){margin-top:56px!important}.gal-grid .ph,.gal-grid .gal-item .ph{height:230px!important}
.gal-meta{display:block}.gal-meta h3{font-size:19px}.gal-meta p{text-align:left;margin-top:6px;font-size:10px}.gal-sep{margin:90px 0 35px}.gal-foot{padding:30px 16px 22px}}
