.service-gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto} .media-card{position:relative;content-visibility:auto;contain-intrinsic-size:220px} .media-card button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden;border-radius:9px} .media-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .2s ease,filter .2s ease} .media-card button:hover img,.media-card button:focus-visible img{transform:scale(1.025);filter:brightness(.88)} .media-card button:focus-visible{outline:3px solid #f2d400;outline-offset:2px} .media-badge{position:absolute;left:7px;top:7px;background:rgba(0,0,0,.72);color:#fff;font-size:9px;font-weight:800;padding:4px 6px;border-radius:4px;letter-spacing:.35px} .video-badge{background:rgba(0,0,0,.82);font-size:10px} .media-card figcaption{font-size:11px;padding:6px 7px;color:#ddd;line-height:1.3} .media-lightbox figure{max-width:min(94vw,1200px);max-height:88vh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center} .media-lightbox img,.media-lightbox video{max-width:92vw;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:8px} .media-lightbox video{background:#000} .media-lightbox figcaption{color:#fff;margin-top:10px;text-align:center} .media-lightbox [hidden]{display:none!important} @media(max-width:1000px){.service-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}} @media(max-width:700px){.service-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.media-card figcaption{font-size:10px;padding:5px 6px}} @media(max-width:460px){.service-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.media-card figcaption{font-size:9px;padding:5px}.media-badge{font-size:8px;left:4px;top:4px;padding:3px 4px}} @media(prefers-reduced-motion:reduce){.media-card img{transition:none}}