/* An open architectural journey: white Fez-inspired spaces, sky and blue light. */
:root { --world-rise:0px; --world-scale:1.035; --world-pointer-x:0px; --world-pointer-y:0px; --journey-progress:0; --journey-drift:0px; --scene-fez:1; --scene-creators:0; --scene-podcast:0; }
html,body { background:#f2f9ff; }
body { isolation:isolate; }
.journey-world { position:fixed; z-index:-1; inset:0; overflow:hidden; pointer-events:none; background:#edf7ff; }
.journey-world-layer { position:absolute; inset:0; opacity:0; transform:translateZ(0); will-change:opacity; backface-visibility:hidden; contain:paint; }
.journey-world-layer img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.journey-world-fez { opacity:1; }
.journey-world-creators { opacity:0; }
.journey-world-podcast { opacity:0; }
.journey-world-light { position:absolute; inset:0; background:linear-gradient(90deg,#f7fbff25,transparent 60%),linear-gradient(0deg,#ecf7ff44,transparent 42%); }
.journey-progress { position:fixed; z-index:110; inset:0 0 auto; height:3px; pointer-events:none; }
.journey-progress span { display:block; width:100%; height:100%; transform:scaleX(var(--journey-progress)); transform-origin:left; background:linear-gradient(90deg,#0074de,#71d2ff); }
[dir="rtl"] .journey-progress span { transform-origin:right; }
@media(max-width:760px) {
  .journey-world-fez img { object-position:68% center; }
  .journey-world-creators img { object-position:87% center; }
  .journey-world-podcast img { object-position:18% center; }
  .journey-world-light { background:linear-gradient(180deg,#f3faff1a,#f3faff38); }
}
@media(prefers-reduced-motion:reduce) {
  .journey-world-layer { transition:none; transform:none; }
}