/* Release 4: the PD-1662 concept follows scroll position in both directions. */
html{scrollbar-gutter:stable}
.journey{height:335svh;min-height:2100px}
.stage{background:#12171d}
.ambient{background:none}
#scene{left:37%;right:0;top:4%;bottom:9%;overflow:hidden}
#scene .frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
#scene .frame-0{opacity:1}
.story{z-index:2;width:34%;top:29%}
.stage-bottom{z-index:3}
.skip-tour{position:absolute;top:112px;right:5.5vw;background:#111214;color:#d9bc8e;border:1px solid #ffffff30;padding:10px 14px;font-size:12px;z-index:5}
.model-note{z-index:3}
.scroll-note{display:block}
@media(max-width:1100px){.story{width:39%;left:5.5vw}.scroll-note{width:170px}.chapter{min-width:0}}
@media(max-width:760px){
 .journey{height:285svh;min-height:1700px}
 #scene{left:0;right:0;top:38%;bottom:10%}
 .story{width:86%;top:16%;left:7%}
 .skip-tour{top:80px;right:6%;font-size:10px;padding:7px 10px}
 .scroll-note{display:none}
 .stage-bottom{bottom:47px;left:6%;right:6%}
 .chapter{min-width:0}
 .model-note{font-size:8px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){.journey{height:100svh;min-height:660px}.scroll-note{display:none}}