.photo-gallery-main{padding:58px 0 82px}.photo-gallery-main .article-layout{display:block}.photo-gallery-main .page-content{max-width:none}.roof-photo-gallery-shell{width:100%}.roof-photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roof-photo-card{position:relative;overflow:hidden;aspect-ratio:4/3;margin:0;padding:0;border:0;border-radius:14px;background:#e6eaed;cursor:zoom-in;box-shadow:0 12px 30px rgba(21,41,63,.09)}.roof-photo-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.roof-photo-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.roof-photo-card:hover .roof-photo-image{transform:scale(1.035)}.roof-gallery-empty-public{padding:34px;border:1px dashed var(--line);border-radius:14px;background:#f7f8f8;text-align:center}.roof-gallery-empty-public p{margin:0}.roof-photo-lightbox{width:min(1200px,94vw);max-width:none;height:min(820px,90vh);max-height:none;padding:0;border:0;border-radius:16px;background:#0e2032;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.45)}.roof-photo-lightbox::backdrop{background:rgba(8,18,29,.88)}.roof-photo-lightbox[open]{display:grid;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center}.roof-photo-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;height:100%;min-height:0;margin:0;padding:26px 0 16px}.roof-photo-lightbox figure img{display:block;max-width:100%;max-height:calc(90vh - 72px);margin:auto;object-fit:contain}.roof-photo-lightbox figcaption{text-align:center;font-size:13px;font-weight:700;color:#cbd5dc}.roof-lightbox-close{position:absolute;z-index:2;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;cursor:pointer}.roof-lightbox-nav{width:48px;height:64px;margin:auto;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:44px;line-height:1;cursor:pointer}.roof-lightbox-close:hover,.roof-lightbox-nav:hover{background:var(--accent)}@media(max-width:900px){.roof-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.roof-photo-gallery{grid-template-columns:1fr;gap:14px}.roof-photo-card{border-radius:11px}.roof-photo-lightbox{width:100vw;height:100vh;max-height:none;border-radius:0}.roof-photo-lightbox[open]{grid-template-columns:48px minmax(0,1fr) 48px}.roof-photo-lightbox figure{padding:52px 0 14px}.roof-photo-lightbox figure img{max-height:calc(100vh - 90px)}.roof-lightbox-nav{width:40px;height:54px}.roof-lightbox-close{top:8px;right:8px}}