.gallery-main h1{margin-bottom:24px}
.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.gallery-filters button{border:0;border-radius:24px;background:#eef2f6;padding:12px 23px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;color:var(--ink)}
.gallery-filters button[aria-pressed=true]{background:var(--yellow,#ffcc40)}
.gallery-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:repeat(6,74px);gap:12px}
.gallery-photo{position:relative;display:block;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;border-radius:5px;background:#edf0f4;cursor:zoom-in}
.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.gallery-photo:hover img{transform:scale(1.035)}
.gallery-photo-caption{position:absolute;inset:auto 0 0;padding:28px 16px 14px;background:linear-gradient(transparent,#09111dcc);color:white;text-align:left;font-size:14px;opacity:0;transition:opacity .2s}
.gallery-photo:hover .gallery-photo-caption,.gallery-photo:focus-visible .gallery-photo-caption{opacity:1}
.gallery-photo:focus-visible,.gallery-filters button:focus-visible{outline:3px solid #bc8200;outline-offset:3px}
.gallery-photo-hall{grid-area:1/1/4/2}.gallery-photo-flanges{grid-area:4/1/7/2}
.gallery-photo-machining{grid-area:1/2/3/3}.gallery-photo-bending{grid-area:3/2/5/3}.gallery-photo-line{grid-area:5/2/7/3}
.gallery-photo-worker{grid-area:1/3/3/4}.gallery-photo-laboratory{grid-area:3/3/5/4}.gallery-photo-factory{grid-area:5/3/7/4}
.gallery-grid.is-filtered{grid-template-rows:none;grid-auto-rows:250px;grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-grid.is-filtered .gallery-photo{grid-area:auto}.gallery-photo[hidden]{display:none}
.gallery-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#gallery-viewer{width:min(1100px,94vw);max-width:94vw;max-height:94dvh;padding:48px 16px 12px;border:0;border-radius:8px;background:#111923;color:white;overflow:auto}
#gallery-viewer::backdrop{background:#07101aeb}#gallery-full{display:block;width:100%;height:min(68dvh,730px);object-fit:contain}
.gallery-close{position:absolute;right:12px;top:6px;border:0;background:none;color:white;font-size:32px;width:40px;height:40px;cursor:pointer}
.gallery-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.gallery-viewer-bar p{margin:0;text-align:center;font-size:14px}.gallery-viewer-bar button{flex:none;border:1px solid #ffffff55;border-radius:50%;background:none;color:white;width:44px;height:44px;font-size:24px;cursor:pointer}
body:has(#gallery-viewer[open]){overflow:hidden}.footer-gallery{font-size:13px}
@media(max-width:700px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:190px}.gallery-photo{grid-area:auto}.gallery-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}.gallery-filters{gap:8px}.gallery-filters button{padding:10px 15px}.gallery-photo-caption{opacity:1;font-size:13px;padding:24px 10px 10px}}
@media(max-width:420px){.gallery-grid,.gallery-grid.is-filtered{grid-template-columns:1fr;grid-auto-rows:220px}#gallery-full{height:60dvh}}
@media(prefers-reduced-motion:reduce){.gallery-photo img,.gallery-photo-caption{transition:none}}