/* Keep the same scroll story at every viewport size. Only rendering density adapts. */
.cinema-media-source{position:absolute;left:0;top:0;width:1px;height:1px;opacity:.001;pointer-events:none}
/* Match the rest of the scroll story without moving layout or the editor's controls. */
.film-reveal{--reveal-y:0px;--reveal-opacity:1}
.story-enabled .film-reveal{translate:0 var(--reveal-y);opacity:var(--reveal-opacity)}
.story-enabled .film-scene>.film-stage>.film-body{opacity:1}
/* One entrance per group; the actual 3D gallery, hero and orbit transforms remain. */
.story-enabled #app .product-copy,.story-enabled #studio .studio-heading,
.story-enabled #studio .clip-editor,.story-enabled #pristup .launch-content,
.story-enabled .film-footer>.brand.film-reveal{transform:none}
.story-enabled #pristup .launch-benefits{clip-path:none}
.journey-reduced .film-reveal,.story-enabled .film-reveal:focus-within{translate:none;opacity:1}
@media(prefers-reduced-motion:reduce){.story-enabled .film-reveal{translate:none;opacity:1}}
@media print{.story-enabled .film-reveal{translate:none;opacity:1}}
.cinematic.is-ready:not(.is-static) .cinema-sticky{position:sticky;top:var(--sticky-top,98px);height:var(--stage-height);min-height:0;max-height:none}
.cinema-lite-frame{position:absolute;left:50%;top:50%;width:400px;height:400px;border:3px solid #53634f;border-radius:9px;background:#152019;box-shadow:5px 5px 0 #26322a,9px 9px 0 #0a100c,0 18px 35px #0005;transform-origin:center;will-change:transform;overflow:hidden}
.cinema-lite-frame canvas{display:block;width:100%;height:100%}
@media(min-width:761px) and (max-height:700px){
 .cinema-copy,.cinematic:not(.is-static) .cinema-copy{top:6%}
 .cinema-copy h1,.cinema-copy h2{font-size:clamp(34px,4.3vw,58px);margin-bottom:14px}
 .cinema-copy .eyebrow{margin-bottom:12px}.cinema-copy .beta-status{margin-bottom:16px}
 .cinema-copy p:not(.eyebrow){line-height:1.45;margin-block:10px}
 .cinema-actions{margin-top:14px}.cinema-presets{margin-top:10px}
 .cinema-copy .cinema-scroll-cue,.cinema-copy p.cinema-footnote{display:none}
 .cinema-visual{top:4%;bottom:22%}.cinema-bottom{bottom:10px}
}
@media(max-width:760px){
 .cinema-wrap{grid-template-rows:var(--mobile-copy-height,auto) minmax(110px,1fr) auto}
 .cinema-copy{transition:none}
 .film-scene[data-film=studio] .caption-workbench{transform:translateY(calc((1 - var(--film-enter))*20px))}
 .film-scene[data-film=studio] .demo-phone{transform:perspective(900px) rotateY(calc((1 - var(--film-enter))*-7deg))}
 .film-scene[data-film=app] .workspace-gallery{transform:perspective(1400px) translateY(calc((1 - var(--film-enter))*28px)) rotateX(calc((1 - var(--film-enter))*4deg))}
}
@media(max-width:760px) and (max-height:749px){
 .cinema-wrap{padding-block:10px 8px;gap:8px}
 .cinema-copy h1,.cinema-copy h2,.cinematic:not(.is-static) .cinema-copy h1,.cinematic:not(.is-static) .cinema-copy h2{font-size:clamp(29px,8.5vw,36px);margin-bottom:8px}
 .cinema-copy p:not(.eyebrow),.cinematic:not(.is-static) .cinema-copy p:not(.eyebrow){font-size:12px;line-height:1.4;margin-bottom:7px}
 .cinema-copy p.cinema-audience,.cinematic:not(.is-static) .cinema-copy p.cinema-audience,.cinema-copy .cinema-scroll-cue{display:none}
 .cinema-copy .beta-status,.cinema-copy .eyebrow{margin-bottom:7px;font-size:9px}
 .cinema-actions,.cinematic:not(.is-static) .cinema-actions,.cinema-copy[data-beat="2"] .cinema-actions{margin-top:7px}
 .cinema-copy .cinema-actions>.button,.cinematic:not(.is-static) .cinema-actions .button{min-height:44px;padding:9px 11px}
 .cinema-presets,.cinematic:not(.is-static) .cinema-presets,.cinema-copy[data-beat="2"] .cinema-presets{margin-block:4px}
 .cinema-bottom{gap:4px}.cinema-canvas{inset:18px -6px 33px}
 .cinematic[data-beat="2"] .cinema-canvas{inset:18px -6px 42px}
 .cinema-timeline-top{display:none}.cinema-filmstrip{height:22px}
 .cinema-chapters button{font-size:11px}.cinema-tools button{padding-block:7px}
}
@media(max-width:559px) and (max-height:640px){
 .cinema-bottom,.cinematic:not(.is-static) .cinema-bottom{flex-direction:row;align-items:end;gap:8px}
 .cinema-chapters{flex:1;gap:4px}.cinema-chapters button{font-size:0;padding-inline:3px;justify-content:center}
 .cinema-chapters button b{font-size:12px}
 .cinema-meta{flex:none}.cinema-tools{gap:4px}
 .cinema-tools button,.cinematic:not(.is-static) .cinema-tools button{font-size:0;min-width:40px;min-height:44px;padding:4px}
 .cinema-tools button::before{font-size:16px;line-height:1}
 .cinema-play::before{content:'▶'}.cinema-play[aria-pressed=true]::before{content:'Ⅱ'}
 .cinema-sound::before{content:'♫'}.cinema-sound[aria-pressed=false]{opacity:.6}
 .cinema-toggle::before{content:'◈'}
 .cinema-timeline{display:none}.cinema-canvas{inset:18px -6px 8px}
}
@media(max-width:760px) and (min-width:560px) and (max-height:500px){
 .cinema-wrap{max-width:none;grid-template-columns:44% minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:16px;padding-top:10px}
 .cinema-copy{grid-column:1;grid-row:1}.cinema-visual,.cinematic:not(.is-static) .cinema-visual{grid-column:2;grid-row:1}
 .cinema-bottom,.cinematic:not(.is-static) .cinema-bottom{grid-column:1/-1;grid-row:2;flex-direction:row;align-items:end;gap:18px}
 .cinema-chapters{flex:1}.cinema-meta{flex:1}.cinema-copy h1,.cinema-copy h2{font-size:28px!important}
 .cinema-copy p:not(.eyebrow){font-size:11px!important}.cinema-copy .beta-status,.cinema-copy .eyebrow{display:none}
 .cinema-actions .text-link{font-size:10px!important}.cinema-presets button{font-size:10px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
 .cinematic.is-ready .cinema-sticky{position:relative!important}
 .cinema-lite-frame{will-change:auto}
 .film-scene[data-film=studio] .caption-workbench,.film-scene[data-film=studio] .demo-phone,.film-scene[data-film=app] .workspace-gallery{transform:none}
}