/* V9: The genuine original four-stage homepage PROCESS / OUTPUT-BACKSTAGE component.
   The original CSS layout and GSAP choreography remain in style.css and script.js.
   Only media sources, full-film access controls and accessible player are added. */
#progression .process-step-media{isolation:isolate}
#progression .process-raw-frame img{display:block;width:100%;height:100%;object-fit:cover}
#progression .process-full-film{position:absolute;z-index:20;left:50%;bottom:clamp(38px,6vw,77px);transform:translate(-50%,8px);border:1px solid rgba(255,255,255,.82);background:rgba(11,12,15,.88);color:#fff;padding:14px 22px;letter-spacing:.12em;font-size:clamp(10px,.8vw,13px);font-weight:800;text-transform:uppercase;cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease,background .25s ease}
#progression.is-backstage-active .process-full-film{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
#progression .process-full-film:hover,#progression .process-full-film:focus-visible{background:#e4e1d6;color:#0b0b0b}
#progression .process-full-film:focus-visible{outline:3px solid #fff;outline-offset:4px}
#progression .process-step-media{position:relative}
.p1-legacy-film-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;padding:clamp(14px,3vw,42px)}
.p1-legacy-film-modal.is-open{display:flex}
.p1-legacy-film-dialog{width:min(1280px,100%);display:flex;flex-direction:column;gap:12px}
.p1-legacy-film-header,.p1-legacy-film-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;color:#ece9e5;text-transform:uppercase;font-family:inherit;font-size:clamp(10px,.85vw,13px);font-weight:800;letter-spacing:.12em}
.p1-legacy-film-header button{background:transparent;border:1px solid rgba(255,255,255,.58);color:inherit;font:inherit;padding:12px 16px;cursor:pointer}
.p1-legacy-film-header button:hover{background:#f4f3ec;color:#08080a}
.p1-legacy-film-video{display:block;width:100%;max-height:min(76dvh,850px);aspect-ratio:16/9;object-fit:contain;background:#070708}
.p1-legacy-film-footer{font-size:10px;color:rgba(255,255,255,.66)}
@media(max-width:720px){#progression .process-full-film{bottom:25px;padding:11px 14px;font-size:10px}.p1-legacy-film-modal{padding:11px}.p1-legacy-film-video{max-height:72dvh}}

/* v18: original Backstage now links to exact source Reels within film modal only. */
.p1-legacy-film-header a[data-film-instagram]{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;text-decoration:none;color:#f8f3ed;border:1px solid #675d5d;border-radius:4px;font-weight:800;font-size:10px;letter-spacing:.07em}.p1-legacy-film-header a[data-film-instagram]:hover{border-color:#f34839;color:#f34839}