.vf-stills { margin:25px var(--vf-header-inset) 50px; padding-top:22px; border-top:1px solid #8885; color:inherit; }
.vf-stills-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-bottom:20px; }
.vf-stills-heading h2 { color:inherit; margin:0; font:500 23px/1.2 var(--vf-font-family); letter-spacing:-.025em; }
.vf-stills-heading>span { font-size:12px; opacity:.65; }
.vf-still-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:start; }
.vf-still-thumbnail { display:block; position:relative; padding:5px; margin:0; min-width:0; border:1px solid #8884; background:transparent; color:inherit; }
.vf-still-thumbnail img { display:block; width:100%; height:auto; contain-intrinsic-size:none; object-fit:contain; margin:0; border:0; }
.vf-still-thumbnail>span { position:absolute; right:12px; bottom:10px; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#101010b8; color:#fff; font-size:17px; }
.vf-still-thumbnail:hover { border-color:currentColor; }
.vf-still-dialog { box-sizing:border-box; position:fixed; inset:0; width:100vw; max-width:none; height:100dvh; max-height:none; padding:65px 5vw 25px; margin:0; border:0; color:#fff; background:#101010; }
.vf-still-dialog[open] { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; }
.vf-still-dialog::backdrop { background:#000e; }
.vf-still-dialog>img { display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 155px); object-fit:contain; margin:0; }
.vf-still-controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; }
.vf-still-controls p { margin:0; color:#fff; font:400 13px/1.5 var(--vf-font-family); }
.vf-still-dialog button { display:grid; place-items:center; color:#fff; background:transparent; border:1px solid #888; border-radius:50%; width:44px; height:44px; padding:0; font:400 23px/1 var(--vf-font-family); }
.vf-still-dialog [data-vf-still-close] { position:absolute; right:25px; top:15px; }
.vf-still-dialog button[hidden] { display:none; }
.vf-still-dialog a { color:#fff; font-size:12px; }
.vf-still-dialog :is(a,button):focus-visible,.vf-still-thumbnail:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
body.vf-still-open { overflow:hidden; }
body.vf-studio-page.studio-cursor-active .vf-still-dialog { cursor:auto; }
body.vf-studio-page.studio-cursor-active .vf-still-dialog :is(a,button) { cursor:pointer; }
@media(max-width:1040px) { .vf-still-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:767px) { .vf-still-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .vf-stills { margin-bottom:35px; } .vf-still-dialog { padding-inline:15px; } }