.hero-theatre{position:absolute;inset:16% 7% 18% 55%;z-index:2;pointer-events:none}.stage:before{background:linear-gradient(90deg,#eee0c2 40%,#eee0c277),repeating-linear-gradient(0deg,transparent 0 39px,#9d886e33 40px),repeating-linear-gradient(90deg,transparent 0 39px,#9d886e33 40px);opacity:.45}.hero-scene{position:absolute;inset:0;opacity:0;visibility:hidden}.hero-scene.is-active{opacity:calc(1 - var(--scene-exit)*.75);visibility:visible}.scene-stamp{position:absolute;top:0;left:5%;font:10px var(--fonte-titulo);color:#72604a;letter-spacing:1.5px}.scene-document{position:absolute;left:15%;right:5%;top:12%;padding:25px 24px 36px;background:#fff2d4 url('assets/papel.svg');box-shadow:4px 7px 8px #5b3e2933;rotate:5deg;transform:translateY(calc((1 - var(--scene-enter))*-35px)) rotate(calc(var(--scene-exit)*8deg));border:1px solid #bca17a77;clip-path:polygon(1% 1%,99% 0,100% 96%,95% 99%,90% 97%,83% 100%,75% 98%,67% 100%,59% 97%,50% 100%,44% 98%,36% 100%,28% 98%,20% 100%,12% 98%,2% 100%)}.scene-document b{display:block;font:15px/1.3 var(--fonte-titulo);border-bottom:2px solid #a91f20;padding-bottom:12px}.scene-document span{display:block;font:14px/1.4 var(--fonte-titulo);padding:12px 0 8px;border-bottom:1px solid #a18b6a}.scene-document i{display:block;font:9px Georgia;margin-top:15px;color:#6b5841}.scene-cast{position:absolute;inset:25% -3% 5% -5%;display:flex;align-items:end;justify-content:center;gap:0}.paper-person{height:100%;width:45%;position:relative;transform-origin:bottom center;transform:translate(calc((1 - var(--scene-enter))*(35px + var(--order)*-50px)),calc((1 - var(--scene-enter))*45px - var(--scene-exit)*18px)) rotate(calc((1 - var(--scene-enter))*-7deg + var(--order)*2deg));filter:drop-shadow(4px 6px 2px #5b3e2933)}.person-cutout{position:absolute;inset:0;background-image:url('assets/colagem-personagens.png');background-size:500% 100%;background-repeat:no-repeat}.person-glosa .person-cutout{background-position:0% center}.person-auditor .person-cutout{background-position:25% center}.person-ze .person-cutout{background-position:50% center}.person-mentor .person-cutout{background-position:75% center}.person-novato .person-cutout{background-position:100% center}.cast-1 .paper-person{width:45%;margin-left:25%}.cast-3 .paper-person{width:34%;height:88%}.cast-caption{position:absolute;left:8%;right:0;bottom:0;text-align:center;font:12px var(--fonte-titulo);background:#fcf0d6;padding:12px;rotate:-2deg;box-shadow:2px 3px 3px #6e4b2c33}.scene-note{position:absolute;left:0;right:3%;bottom:-15%;background:#f8e4b7;padding:14px 18px;font:18px/1.25 var(--fonte-titulo);rotate:2deg;box-shadow:3px 4px 4px #6e4b2c33;transform:translateX(calc((1 - var(--scene-enter))*20px))}.scene-note:before{content:'';position:absolute;left:42%;top:-8px;width:60px;height:18px;rotate:-5deg;background:#c7ac6c88}.red-thread{position:absolute;inset:-3% -5% -20%;width:110%;height:123%;overflow:visible}.thread-shadow,.thread-line{fill:none;stroke-width:4;stroke:#7e1818;stroke-linecap:round}.thread-shadow{stroke:#5c251b33;transform:translate(3px,4px)}.thread-line{stroke:#b51f23;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--thread-progress,0))}.stage[data-chapter='3'] .scene-document{border:3px solid #a91f20}.stage[data-chapter='4'] .scene-document{border:3px solid #34868b}.stage[data-chapter='5'] .scene-note{background:#dce5cb}.hero-account{min-width:300px}.hero-account .account-value{font-size:25px}.story h2{font-size:clamp(29px,3.1vw,48px)}
@media(max-width:650px){.stage{min-height:830px}.story{top:55px;padding:23px 20px}.story h2{font-size:29px}.story .intro{font-size:14px}.hero-theatre{inset:auto 12% 178px 9%;height:270px}.scene-stamp{font-size:7px}.scene-document{left:9%;right:2%;top:8%;padding:12px 15px 20px}.scene-document b{font-size:10px;padding-bottom:7px}.scene-document span{font-size:10px;padding:6px 0}.scene-document i{font-size:7px;margin-top:8px}.scene-cast{inset:22% -3% 6% -5%}.paper-person{width:37%}.cast-1 .paper-person{width:37%}.cast-3 .paper-person{width:29%}.cast-caption{font-size:9px;padding:8px;bottom:-2%}.scene-note{font-size:12px;padding:9px 12px;bottom:-14%}.hero-account{min-width:0;bottom:34px}.hero-account .account-value{font-size:21px}.chapter-rail{top:30%}.scene-cast.cast-3{inset-left:-5%}.story .eyebrow{font-size:8px}.hero-account .account-state{font-size:10px}}
@media(prefers-reduced-motion:reduce){.paper-person,.scene-document,.scene-note{transform:none!important}.thread-line{stroke-dashoffset:0}}

@media(max-width:650px){.journey-in-view .fixed-cta{visibility:hidden;pointer-events:none}}

.hero-journey-entry{display:block;max-width:440px;margin-top:24px;padding:15px 18px;background:#f8edcf;border:1px dashed #a91f20;font:15px var(--fonte-titulo);box-shadow:3px 4px 0 #71523120}.hero-journey-entry span{display:block;margin-top:7px;font:12px Georgia;color:#5e5142}.hero-journey-entry:hover{background:#ffefd1}.optional-tour{scroll-margin-top:20px}

/* Only the journey's artwork is replaced; original layout and cards are retained. */
.hero-theatre #bg-video{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:2;opacity:0;pointer-events:none}
.journey-film .hero-theatre #bg-video{opacity:1}
.journey-film .hero-theatre .hero-scene,.journey-film .hero-theatre .red-thread{visibility:hidden!important;opacity:0!important}
.journey-film .portal-depth,.journey-film .transition-light{visibility:hidden}
.cinema .progress>div{width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}

/* Keep the film inside short mobile viewports without moving the story cards. */
@media(max-width:650px){
 .journey-film .hero-theatre{top:min(390px,64svh);bottom:auto;height:min(270px,32svh)}
}
