:root{--gl-cyan:#00e5ff;--gl-violet:#7b2ff7;--gl-ink:#05070e;--gl-text:#e8f0ff}
#page-galerie{position:relative;left:50%;width:min(1320px,calc(100vw - 32px));max-width:none;transform:translateX(-50%);padding-bottom:80px}
.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 24px;padding:8px 2px 0}
.gallery-kicker{font:12px 'Share Tech Mono',monospace;letter-spacing:.24em;color:var(--gl-cyan);text-transform:uppercase;margin:0 0 8px}
#page-galerie .gallery-head h1{font-size:clamp(40px,7vw,88px);line-height:.9;letter-spacing:-.05em;margin:0;text-transform:uppercase}
.gallery-meta{font:12px 'Share Tech Mono',monospace;letter-spacing:.12em;color:rgba(232,240,255,.58);white-space:nowrap}
.gallery-hero{position:relative;isolation:isolate;height:min(50vh,440px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(0,229,255,.28);border-radius:14px;background:#03050a;box-shadow:0 26px 90px rgba(0,0,0,.72),0 0 42px rgba(0,229,255,.09)}
.gallery-hero-bg{position:absolute;z-index:-2;inset:-35px;background:url('assets/full/114.jpg') center/cover;filter:blur(25px) brightness(.36) saturate(1.2);transform:scale(1.06)}
.gallery-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,rgba(5,7,14,.15),rgba(123,47,247,.1));pointer-events:none}
.gallery-hero-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 38px rgba(0,0,0,.55))}
.gallery-hero-label{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:rgba(5,7,14,.76);border-left:2px solid var(--gl-cyan);font:11px 'Share Tech Mono',monospace;letter-spacing:.14em;color:var(--gl-text);backdrop-filter:blur(10px)}
.gallery-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:38px 0 20px;padding-bottom:14px;border-bottom:1px solid rgba(0,229,255,.2)}
.gallery-intro h2{font-size:clamp(23px,4vw,42px);margin:0;letter-spacing:-.025em}
.gallery-intro p{font:12px 'Share Tech Mono',monospace!important;line-height:1.55!important;letter-spacing:.06em;color:rgba(232,240,255,.56)!important;margin:0!important;text-align:right}
.gallery-wall{columns:4 250px;column-gap:12px}
.gallery-tile{position:relative;display:block;width:100%;margin:0 0 12px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#080b13;cursor:zoom-in;break-inside:avoid;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.gallery-tile img{display:block;width:100%;height:auto;aspect-ratio:var(--ratio);object-fit:contain;background:#05070e}
.gallery-tile:after{content:attr(data-label);position:absolute;right:8px;bottom:8px;padding:4px 7px;background:rgba(5,7,14,.72);color:rgba(232,240,255,.72);font:10px 'Share Tech Mono',monospace;letter-spacing:.1em;opacity:0;transform:translateY(4px);transition:.2s;backdrop-filter:blur(6px)}
.gallery-tile:hover,.gallery-tile:focus-visible{z-index:2;transform:translateY(-3px);border-color:rgba(0,229,255,.7);box-shadow:0 16px 38px rgba(0,0,0,.5),0 0 24px rgba(0,229,255,.13);outline:none}
.gallery-tile:hover:after,.gallery-tile:focus-visible:after{opacity:1;transform:none}
.gallery-tile.glitch-in{animation:galleryIn .42s steps(6,end) both}
@keyframes galleryIn{0%{opacity:0;transform:translate3d(-7px,10px,0);filter:hue-rotate(80deg)}45%{opacity:.75;transform:translate3d(4px,2px,0);filter:hue-rotate(-55deg)}100%{opacity:1;transform:none;filter:none}}
.gallery-more{display:flex;align-items:center;justify-content:center;gap:14px;min-width:220px;margin:32px auto 0;padding:14px 20px;border:1px solid rgba(0,229,255,.48);border-radius:5px;background:rgba(0,229,255,.06);color:var(--gl-cyan);font:12px 'Share Tech Mono',monospace;letter-spacing:.14em;cursor:pointer}
.gallery-more[hidden]{display:none}
.gallery-more:hover,.gallery-more:focus-visible{border-color:var(--gl-cyan);box-shadow:0 0 26px rgba(0,229,255,.2);outline:2px solid transparent}
.gallery-credit{margin:30px 0 0!important;max-width:none!important;text-align:center;font:11px 'Share Tech Mono',monospace!important;letter-spacing:.1em;color:rgba(232,240,255,.48)!important}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox{position:fixed;z-index:20000;inset:0;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:60px minmax(0,1fr) 52px;background:rgba(1,2,6,.96);backdrop-filter:blur(12px);touch-action:pan-y}
.gallery-lightbox:before{content:none}
.lightbox-close,.lightbox-nav{position:relative;z-index:2;border:1px solid rgba(0,229,255,.3);background:rgba(5,7,14,.72);color:var(--gl-text);font:24px 'Share Tech Mono',monospace;cursor:pointer}
.lightbox-close{grid-column:3;grid-row:1;width:44px;height:44px;justify-self:center;align-self:center;border-radius:50%}
.lightbox-prev{grid-column:1;grid-row:2}.lightbox-next{grid-column:3;grid-row:2}
.lightbox-close:hover,.lightbox-close:focus-visible,.lightbox-nav:hover,.lightbox-nav:focus-visible{color:var(--gl-cyan);border-color:var(--gl-cyan);outline:2px solid var(--gl-cyan);outline-offset:2px}
.lightbox-stage{position:relative;grid-column:2;grid-row:1/4;display:grid;place-items:center;min-width:0;min-height:0;padding:24px}
.lightbox-image{display:block;max-width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);width:auto;height:auto;object-fit:contain;opacity:1;filter:drop-shadow(0 18px 48px #000)}
.lightbox-image.switching{animation:lightboxGlitch .3s steps(5,end)}
@keyframes lightboxGlitch{0%{opacity:.25;transform:translateX(-8px);filter:hue-rotate(80deg)}60%{opacity:.9;transform:translateX(3px);filter:hue-rotate(-40deg)}100%{opacity:1;transform:none;filter:drop-shadow(0 18px 48px #000)}}
.lightbox-counter{position:relative;z-index:2;grid-column:2;grid-row:3;align-self:center;justify-self:center;padding:6px 12px;background:rgba(5,7,14,.72);color:var(--gl-cyan);font:11px 'Share Tech Mono',monospace;letter-spacing:.18em}
body.gallery-open{overflow:hidden}
body.crt.gallery-active:after{display:none}
.preview-disabled-note{display:none}
@media(max-width:720px){#page-galerie{width:calc(100vw - 20px)}.gallery-head{align-items:start;flex-direction:column;gap:8px}.gallery-meta{white-space:normal}.gallery-hero{height:32vh}.gallery-hero-img{height:100%}.gallery-hero-label{left:10px;bottom:10px}.gallery-intro{align-items:start;flex-direction:column;gap:8px}.gallery-intro p{text-align:left}.gallery-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;columns:auto}.gallery-tile{min-width:0;margin:0;border-radius:5px}.gallery-lightbox{grid-template-columns:52px minmax(0,1fr) 52px;grid-template-rows:54px minmax(0,1fr) 46px}.lightbox-stage{grid-column:1/4;padding:62px 10px 60px}.lightbox-close{grid-column:3}.lightbox-prev,.lightbox-next{grid-row:2;align-self:end;height:52px;margin-bottom:10px;border-radius:50%}.lightbox-prev{margin-left:5px}.lightbox-next{margin-right:5px}.lightbox-counter{grid-column:1/4}}
@media(max-width:340px){.gallery-head h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.gallery-tile,.gallery-tile.glitch-in,.lightbox-image.switching{animation:none!important;transition:none!important}.gallery-tile:hover{transform:none}}
