.project-backdrop img{width:100%;height:100%;object-fit:cover;display:block}
.stage-shade{background:linear-gradient(0deg,rgba(0,0,0,.34),rgba(0,0,0,.08) 78%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 85%)}
.project-list{right:40px;max-width:none;bottom:40px;gap:6px}.project-choice{gap:18px}.project-choice>span{font-size:clamp(36px,4.7vw,72px);line-height:1.05}.project-choice small{font-size:13px}.project-subtitle{display:block;font-size:12px;line-height:1.5;letter-spacing:.01em;margin:7px 0 3px}
.project-info{position:absolute;top:25%;right:40px;display:flex;flex-direction:column;align-items:flex-end;max-width:300px;text-align:right;gap:12px;font:11px/1.6 var(--sans)}.project-info p{margin:0;max-width:30ch;color:#ffffffd9;min-height:36px}#preview-number{font:10px var(--mono);letter-spacing:.12em}#watch-project{color:white;background:transparent;border:0;border-bottom:1px solid #ffffff90;padding:8px 0;cursor:pointer;font:14px var(--sans)}#watch-project span{margin-left:20px}#watch-project:focus-visible,#close-film:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#film-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:32px 5%;background:#090b0e;color:#f4f3ee;overflow:auto}#film-dialog::backdrop{background:#090b0ef2}.film-shell{max-width:1320px;margin:auto}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;font:11px var(--sans);letter-spacing:.07em;text-transform:uppercase}#close-film{background:none;color:inherit;border:1px solid #f4f3ee66;padding:12px 18px;font:13px var(--sans);cursor:pointer}#film-player{width:100%;aspect-ratio:16/9;max-height:72vh;min-height:200px;background:#000}#film-player iframe{display:block;width:100%;height:100%;border:0}.film-details{display:flex;justify-content:space-between;gap:32px;padding:24px 0;font-family:var(--sans)}.film-details h2{font:400 clamp(24px,2.8vw,40px)/1.15 var(--serif);margin:0;max-width:40ch}.film-details p{font-size:13px;line-height:1.6;color:#b9b9b5;margin:12px 0 0}.film-details a{color:inherit;font-size:12px;white-space:nowrap;align-self:flex-start;text-underline-offset:5px}
@media(max-width:768px){.project-stage{min-height:800px}.project-list{left:24px;right:24px;bottom:42px;gap:12px}.project-choice{width:100%;gap:8px;align-items:start}.project-choice>span{font-size:clamp(27px,7.3vw,46px);line-height:1.08;letter-spacing:-.045em}.project-choice small{font-size:10px;padding-top:4px}.project-subtitle{font-size:10px;margin-top:5px;line-height:1.35;letter-spacing:0}.project-info{top:190px;right:24px;left:24px;max-width:none;align-items:flex-start;text-align:left;gap:5px}.project-info p{max-width:34ch;min-height:30px;font-size:10px}#watch-project{font-size:12px;padding-top:4px}.stage-scroll{bottom:12px;font-size:26px}#film-dialog{padding:18px 16px}.film-heading{margin-bottom:18px;font-size:9px}#close-film{padding:10px 12px}#film-player{min-height:200px}.film-details{flex-direction:column;gap:24px}.film-details h2{font-size:28px}}
@media(min-width:769px) and (max-height:760px){.project-choice>span{font-size:clamp(30px,5.9vh,46px)}.project-list{gap:5px;bottom:25px}.project-info{top:150px}.project-subtitle{font-size:10px;margin-top:3px}}

/* Supplied film stills: retain the main subjects in portrait viewports. */
@media(max-width:768px){.project-backdrop[data-backdrop="4"] img{object-position:55% center}.project-backdrop[data-backdrop="0"] img{object-position:67% center}.project-backdrop[data-backdrop="1"] img{object-position:65% center}.project-backdrop[data-backdrop="2"] img{object-position:60% center}.project-backdrop[data-backdrop="3"] img{object-position:65% center}}



.local-preview-note{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center;font:16px/1.6 var(--sans)}.local-preview-note p{margin:0;max-width:40ch}.local-preview-note a{color:inherit;text-underline-offset:5px}