html{scroll-behavior:smooth;scroll-padding-top:100px} [hidden]{display:none!important}
[data-category]{cursor:zoom-in} [data-category]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}
#gallery button[aria-pressed=true]{background:#012f7b;color:white;border-color:#012f7b}#gallery button[aria-pressed=false]{background:white;color:#4b5563;border-color:#d1d5db}
.mobile-navigation{padding:20px 0 6px;display:flex;flex-direction:column;gap:18px}.mobile-navigation a{padding:5px}
.photo-viewer{border:0;border-radius:12px;padding:50px 16px 18px;background:#06152b;color:white;max-width:min(95vw,1100px);max-height:95vh}.photo-viewer::backdrop{background:#000d}.photo-viewer img{display:block;max-height:75vh;max-width:100%;margin:auto;object-fit:contain}.photo-viewer p{padding-top:12px}.photo-close{position:absolute;right:16px;top:12px;padding:6px 12px;background:white;color:#012f7b;border-radius:6px;cursor:pointer}
@media(min-width:768px){.mobile-navigation{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.gallery-intro{max-width:720px;margin:0 auto 28px;text-align:center;color:#5a6475;line-height:1.7}.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.gallery-filters button{padding:10px 17px;border:1px solid #cbd5e1;border-radius:28px;background:white;color:#475569;font-size:14px;font-weight:600;cursor:pointer}.gallery-filters button[aria-pressed=true]{background:#012f7b;color:white;border-color:#012f7b}.gallery-status{text-align:center;color:#64748b;font-size:13px;margin:20px 0 26px}.roof-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.roof-gallery-card{display:flex;flex-direction:column;overflow:hidden;text-align:left;border:1px solid #e2e8f0;border-radius:14px;background:white;box-shadow:0 3px 12px #012f7b0a;cursor:pointer;transition:box-shadow .2s,transform .2s}.roof-gallery-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #012f7b18}.roof-gallery-card:focus-visible,.gallery-filters button:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.roof-gallery-card img{width:100%;height:248px;object-fit:contain;background:#e9edf2}.roof-card-caption{display:flex;flex-direction:column;gap:7px;padding:17px 18px 20px;font-size:14px;line-height:1.5;color:#24334b}.roof-card-category{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:#012f7b}.photo-viewer{position:fixed;max-width:min(1100px,95vw);padding:20px}.photo-viewer img{width:auto;max-width:100%;max-height:74vh;object-fit:contain;margin:auto}.photo-navigation{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:12px}.photo-navigation button{padding:8px 16px;border:1px solid #cbd5e1;border-radius:20px;cursor:pointer}.photo-counter{font-size:13px;color:#64748b}@media(max-width:900px){.roof-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-gallery-card img{height:225px}}@media(max-width:560px){.roof-gallery-grid{grid-template-columns:minmax(0,1fr)}.roof-gallery-card img{height:270px}.gallery-filters{gap:6px}.gallery-filters button{padding:9px 12px;font-size:12px}.photo-viewer{padding:14px}.photo-viewer img{max-height:65vh}}

.photo-viewer .photo-counter{color:#cbd5e1}