.album-grid,.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.album-grid img,.gallery-placeholder,.video-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#dce4e6}.gallery-placeholder{display:grid;place-items:center;font-weight:800}.album-grid h2,.video-grid h2{font-size:22px;line-height:1.2}.album-grid h2 a,.video-grid h2 a{text-decoration:none}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-button{padding:0;background:none;border:0}.photo-button img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;background:#071016ee;color:#fff}.lightbox[open]{display:grid;grid-template-columns:70px 1fr 70px;align-items:center}.lightbox figure{text-align:center;margin:20px}.lightbox figure img{max-width:100%;max-height:82vh}.lightbox-close{position:absolute;right:20px;top:15px;font-size:35px}.lightbox button{background:transparent;color:#fff;font-size:55px}.video-thumb{position:relative;display:block}.video-thumb span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:45px;text-shadow:0 2px 12px #000}.video-player{position:relative;aspect-ratio:16/9}.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.photo-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.photo-admin-grid article{background:#fff;border:1px solid #dfe5e8;padding:12px}.photo-admin-grid article.dragging{opacity:.45;border:2px dashed #174c78}.photo-admin-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.drag-handle{margin:-12px -12px 10px;padding:8px 12px;background:#edf2f4;cursor:grab;font-weight:800}.gallery-upload form{display:grid;gap:15px}.gallery-dropzone{display:grid;min-height:150px;padding:24px;place-items:center;text-align:center;border:2px dashed #9babb5;background:#f6f8f9}.gallery-dropzone input{max-width:100%}.gallery-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.gallery-preview div{min-width:0}.gallery-preview img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress{display:flex;align-items:center;gap:12px}.upload-progress progress{width:min(500px,100%)}@media(max-width:750px){.album-grid,.video-grid,.photo-grid{grid-template-columns:1fr 1fr}.lightbox[open]{grid-template-columns:45px 1fr 45px}.photo-admin-grid{grid-template-columns:1fr}.gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
