.vf-backstage{scroll-margin-top:110px}
.vf-backstage-filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 32px}
.vf-backstage-filters[hidden],.vf-backstage-set[hidden]{display:none!important}
.vf-backstage-filters button{appearance:none;padding:10px 17px;min-height:44px;border:1px solid #999;border-radius:0;color:inherit;background:transparent;font:400 14px/1.3 var(--vf-font-family);cursor:pointer}
.vf-backstage-filters button[aria-pressed=true]{background:#1d1d1a;color:#fff;border-color:#1d1d1a}
.vf-backstage-set{padding-top:25px;border-top:1px solid #8885;margin-top:32px}
.vf-backstage-set-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 22px}
.vf-backstage-set-heading :is(h2,h3){margin:0;font:500 24px/1.2 var(--vf-font-family);letter-spacing:-.025em;color:inherit}
.vf-backstage-set-heading p{margin:7px 0 0;font:400 13px/1.4 var(--vf-font-family);color:#66665f}
.vf-backstage-set-heading>a{max-width:50%;font:400 14px/1.4 var(--vf-font-family);color:inherit;text-align:right;text-decoration:underline;text-underline-offset:4px}
.vf-backstage-mosaic{--vf-backstage-columns:4;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.vf-backstage-mosaic--ready{display:block}
.vf-backstage-mosaic--ready>.vf-backstage-photo-card{position:absolute}
.vf-backstage-photo-card{display:block;min-width:0;width:100%;margin:0}
.vf-backstage-photo{position:relative;display:block;overflow:hidden;background:#ddd;color:#fff}
.vf-backstage-photo img{display:block;margin:0;width:100%;height:auto;transition:filter .2s ease}
.vf-backstage-photo:hover img{filter:brightness(.85)}
.vf-backstage-zoom{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111b;color:#fff;font:300 23px/1 var(--vf-font-family);pointer-events:none}
.vf-backstage-photo-card figcaption{margin:9px 0 0;font:400 13px/1.5 var(--vf-font-family);color:#66665f}
.vf-production-backstage{margin:40px var(--vf-header-inset) 65px;padding-top:24px;border-top:1px solid #8885;scroll-margin-top:110px}
.vf-backstage-photo:focus-visible,.vf-backstage-filters button:focus-visible,.vf-backstage-set-heading>a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.vf-backstage-photo:focus-visible{outline-color:#252522}
.vf-still-caption{max-width:75ch;text-align:center;margin:0;color:#fff;font:400 14px/1.5 var(--vf-font-family)}
.vf-still-caption[hidden]{display:none}
.vf-backstage-dialog>img{min-height:0;max-height:calc(100dvh - 195px);flex:0 1 auto}
@media(max-width:1040px){.vf-backstage-mosaic{--vf-backstage-columns:3;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.vf-backstage-mosaic{--vf-backstage-columns:2;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.vf-backstage-set-heading{align-items:start;gap:14px}.vf-backstage-set-heading :is(h2,h3){font-size:21px}.vf-backstage-set-heading>a{font-size:12px;max-width:45%}.vf-backstage-filters{gap:6px;margin:20px 0}.vf-backstage-filters button{font-size:12px;padding:9px 12px}.vf-backstage-zoom{width:27px;height:27px;right:7px;bottom:7px}.vf-production-backstage{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.vf-backstage-photo img{transition:none}}

/* Mixed catalogue filters; editorial ordering remains in the backend. */
.vf-backstage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0 32px}
.vf-backstage-toolbar .vf-backstage-filters{margin:0}
.vf-backstage-toolbar[hidden],.vf-backstage-selection[hidden],.vf-backstage-photo-card[hidden]{display:none!important}
.vf-backstage-selection{margin:0 0 22px;padding-top:20px;border-top:1px solid #8885}
.vf-home-backstage{margin:0 var(--vf-header-inset);padding-block:25px 65px}
.vf-backstage-mosaic--preview{--vf-backstage-preview-count:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.vf-backstage-mosaic--preview .vf-backstage-photo{aspect-ratio:4/3}
.vf-backstage-mosaic--preview .vf-backstage-photo img{width:100%;height:100%;object-fit:cover}
.vf-backstage-mosaic--preview>.vf-backstage-photo-card:nth-child(n+9){display:none}
.vf-backstage-mosaic--preview figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1040px){.vf-backstage-mosaic--preview{--vf-backstage-preview-count:6;grid-template-columns:repeat(3,minmax(0,1fr))}.vf-backstage-mosaic--preview>.vf-backstage-photo-card:nth-child(n+7){display:none}}
@media(max-width:600px){.vf-backstage-toolbar{align-items:start;gap:16px;margin:20px 0}.vf-home-backstage{padding-bottom:40px}.vf-backstage-mosaic--preview{--vf-backstage-preview-count:4;grid-template-columns:repeat(2,minmax(0,1fr))}.vf-backstage-mosaic--preview>.vf-backstage-photo-card:nth-child(n+5){display:none}.vf-backstage-mosaic--preview figcaption{font-size:11px}}

.vf-backstage-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0 0;flex-wrap:wrap}
.vf-backstage-pagination[hidden],.vf-backstage-pagination button[hidden]{display:none!important}
.vf-backstage-pagination p{margin:0;font:400 13px/1.4 var(--vf-font-family);color:#66665f}
.vf-backstage-pagination button,.vf-backstage-all a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border:1px solid #999;border-radius:0;background:transparent;color:inherit;font:400 14px/1.4 var(--vf-font-family);cursor:pointer;text-decoration:none}
.vf-backstage-pagination button:hover,.vf-backstage-all a:hover{background:#1d1d1a;color:#fff}
.vf-backstage-pagination button:focus-visible,.vf-backstage-all a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.vf-backstage-mosaic--fallback{margin-top:14px}
.vf-backstage-all{margin:25px 0 0}
.vf-backstage-page{width:calc(100% - 2 * var(--vf-header-inset));margin-inline:auto;padding-top:clamp(108px,8vw,130px);padding-bottom:65px;color:#171717}
.vf-backstage-intro{margin-bottom:40px;max-width:75ch}
.vf-backstage-intro h1{font:450 clamp(38px,6vw,76px)/1.04 var(--vf-font-family);letter-spacing:-.045em;margin:0 0 22px}
.vf-backstage-intro>div{font:400 clamp(17px,1.5vw,22px)/1.5 var(--vf-font-family)}
.vf-backstage-page .vf-backstage{margin-bottom:0}

.vf-backstage-mosaic--loading{min-height:clamp(240px,45vw,680px);background:#eeeeea}

.vf-home-backstage .vf-cinema-section-heading>.vf-backstage-all-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #999;font-size:13px;line-height:1.4;text-decoration:none;max-width:100%}

.vf-backstage-project-link{color:inherit;text-decoration:underline;text-decoration-color:#999; text-underline-offset:3px}
.vf-backstage-project-link:hover{color:#171717;text-decoration-color:currentColor}
.vf-backstage-project-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
