/* DS Electrical — gallery-specific styles (dark theme) */
.gal-hero{padding:150px 0 34px}
.gal-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.chip{appearance:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:40px;padding:10px 20px;transition:background .25s,color .25s,border-color .25s,transform .25s}
.chip:hover{color:var(--ink);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}
.chip.active{background:linear-gradient(100deg,var(--accent),#38d6ff);color:#04122b;border-color:transparent}
.masonry{column-count:4;column-gap:16px}
@media(max-width:1100px){.masonry{column-count:3}}
@media(max-width:760px){.masonry{column-count:2}}
@media(max-width:460px){.masonry{column-count:1}}
.mitem{position:relative;break-inside:avoid;margin:0 0 16px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg2)}
.mitem img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.2,.7,.15,1)}
.mitem:hover img{transform:scale(1.05)}
.mitem .cat{position:absolute;top:12px;left:12px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:rgba(8,9,12,.7);backdrop-filter:blur(6px);padding:5px 10px;border-radius:20px;border:1px solid var(--line)}
.mitem figcaption{position:absolute;left:12px;right:12px;bottom:12px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.03em;color:#f4f6f8;background:rgba(8,9,12,.82);backdrop-filter:blur(6px);padding:7px 12px;border-radius:8px;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.mitem:hover figcaption{opacity:1;transform:none}
.gal-count{text-align:center;margin-top:36px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--faint);text-transform:uppercase}
@media(hover:none){.mitem figcaption{opacity:1;transform:none}}