.photo-videos-status{margin:0;color:var(--text-soft,#3F5C63)}.photo-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(10px,1.2vw,16px);align-items:start}.photo-video{margin:0}.photo-video-frame{position:relative;overflow:hidden;border-radius:6px;background:#0c2a31;aspect-ratio:16 / 9}.photo-video-frame video,.photo-video-play img{display:block;width:100%;height:100%;object-fit:cover}.photo-video-frame video{object-fit:contain;background:#000}.photo-video-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:none}.photo-video-play:focus-visible{outline:3px solid var(--accent,#0B6F72);outline-offset:3px}.photo-video-icon{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#0c181a9e;color:#fff9ef;font-size:20px;padding-left:4px;box-sizing:border-box;transition:background .2s ease,transform .2s ease}.photo-video-play:hover .photo-video-icon{background:#0b6f72e6;transform:scale(1.06)}.photo-video-time{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:3px;background:#0c181ab8;color:#fff9ef;font:600 13px/1.4 var(--sans,system-ui)}.photo-video figcaption{margin-top:10px;font-size:15px;line-height:1.45}.photo-video figcaption strong{display:block;font-weight:600}.photo-video figcaption span{display:block;margin-top:4px;color:var(--text-soft,#3F5C63);font-size:14px}.photo-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#061012db}.photo-video-modal-panel{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(1280px,100%)}.photo-video-modal video{display:block;width:min(1280px,calc(100vw - 32px),calc((100svh - 110px) * var(--ratio,1.7778)));height:auto;max-width:100%;max-height:calc(100svh - 110px);border-radius:6px;background:#000}.photo-video-modal-title{margin:10px 0 0;color:#fff9ef;font-size:15px;line-height:1.4;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.photo-video-modal-close{position:absolute;top:-6px;right:-6px;z-index:1;width:44px;height:44px;border:0;border-radius:50%;background:#0c181ac7;color:#fff9ef;font-size:28px;line-height:1;cursor:pointer;transform:translate(30%,-30%)}.photo-video-modal-close:focus-visible{outline:3px solid var(--accent,#0B6F72);outline-offset:2px}@media(max-width:760px){.photo-video-modal-close{transform:none;top:6px;right:6px}}@media(max-width:760px){.photo-videos-grid{grid-template-columns:1fr;gap:18px}}@media(prefers-reduced-motion:reduce){.photo-video-icon{transition:none}}