/* Keep the film visible while its production story is read. */
.viewer-top{position:sticky;top:0;z-index:3;background:var(--ink);padding-top:4px}
.viewer-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;align-items:start}
.viewer-main .viewer-stage{margin:20px 0 0;min-width:0;min-height:0;width:100%}
.project-viewer[data-format=portrait] .viewer-main .viewer-stage{max-width:none}
.project-viewer[data-format=portrait] .viewer-main .viewer-video{width:100%;height:min(73dvh,720px);max-height:calc(100dvh - 160px);aspect-ratio:auto}
.project-viewer[data-format=landscape] .viewer-main .viewer-video{height:auto;aspect-ratio:16/9;max-height:calc(100dvh - 160px)}
.viewer-info{padding:20px 12px 4px 0;max-height:calc(100dvh - 150px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#685144 transparent;min-width:0}
.viewer-info .viewer-bottom{border-top:0;padding-top:0;gap:14px}.viewer-info .viewer-copy h2{font-size:clamp(23px,2.6vw,36px)}
.viewer-info .viewer-nav{gap:6px}.viewer-info .viewer-nav button{width:34px;height:34px;font-size:18px}.viewer-summary{font-size:9px}
.viewer-story[hidden]{display:none}.case-role{margin-top:20px;padding:15px 17px;border:1px solid #6f3b24;background:rgba(255,93,39,.065)}
.case-role h3{margin:0 0 9px;font:9px/1.6 var(--mono);letter-spacing:.04em;color:var(--acid)}.case-role p{font:12px/1.7 var(--sans);color:var(--paper);margin:0}
.case-narrative{margin:24px 0 0}.case-narrative>div{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.case-narrative dt{font:9px/1.5 var(--mono);letter-spacing:.05em;color:var(--muted);margin-bottom:9px}.case-narrative dd{margin:0;color:#dfd7c9;font:13px/1.75 var(--sans)}
.viewer-info>.viewer-note{font:10px/1.7 var(--mono);color:var(--muted);padding-bottom:4px}
.work-meta h3 [lang=ar],.viewer-arabic-title{display:inline-block;white-space:nowrap;font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-size:.94em;line-height:1.5}
@media(max-width:760px){.viewer-main{grid-template-columns:1fr;gap:0}.viewer-info{max-height:none;overflow:visible;padding:18px 0 0}.viewer-top{padding-top:4px}.viewer-main .viewer-stage{margin-top:15px}.project-viewer[data-format=portrait] .viewer-main .viewer-stage{width:100%;max-width:none}.project-viewer[data-format=portrait] .viewer-main .viewer-video{height:49dvh;max-height:520px;aspect-ratio:auto}.project-viewer[data-format=landscape] .viewer-main .viewer-video{height:auto;max-height:52dvh}.viewer-info .viewer-copy h2{font-size:25px}.viewer-info .viewer-bottom{gap:12px}.viewer-info .viewer-nav{gap:5px}.viewer-info .viewer-nav button{width:34px;height:34px}.case-role{padding:14px;margin-top:18px}.case-role p,.case-narrative dd{font-size:12px}.case-narrative{margin-top:20px}.case-narrative>div{margin-bottom:16px;padding-bottom:16px}.viewer-info>.viewer-note{font-size:9px}}