/* The wide film fills the work stage; a soft spill hides its 16:9 edge on taller screens. */
.journey{height:620vh}
@media(max-width:760px){.journey{height:560vh}}
.melli-stage-film{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;visibility:hidden;opacity:var(--stage-film-opacity,0);background:#260e14;isolation:isolate}
.melli-stage-film.has-stage-art{visibility:visible}
.melli-stage-film::before{content:'';position:absolute;inset:-7%;background:url('assets/melli-film/portfolio-pull-first-v1.webp') center/cover no-repeat;filter:blur(42px) brightness(.68);transform:scale(1.08);opacity:.8}
.melli-stage-film__media{position:absolute;left:var(--stage-film-frame-left,50%);top:var(--stage-film-frame-top,50%);width:var(--stage-film-frame-width,100%);aspect-ratio:16/9;transform:translate(-50%,-50%);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.melli-stage-film__poster,.melli-stage-film__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;pointer-events:none}
.melli-stage-film__video{opacity:0}
.melli-stage-film.has-film-frame .melli-stage-film__video{opacity:1}
.melli-stage-thread{z-index:5}
.stage .collection{z-index:6}
.stage .collection .wide-type{display:none}
.stage .intro,.stage .outro{z-index:7}
.stage .stage-footer{z-index:8}
.film-dialog .film-still{display:block;width:100%;max-height:calc(100svh - 240px);object-fit:contain;border-radius:7px}
.film-dialog .film-concept-note{margin:15px 0 0;color:#d9c7bd;font-size:12px;line-height:1.6}
.film-dialog [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.melli-stage-film__video{opacity:0!important}}