:root{--paper:#e9e2d3;--ink:#f3efe5;--ink-soft:#f3efe5ad;--night:#111a14;--journey-progress:0}*{box-sizing:border-box}html{background:var(--night)}body{background:var(--night);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;overflow-x:hidden}button,a{font:inherit}.journey-track{height:650vh;position:relative}.journey-shell{isolation:isolate;background:#172017;position:fixed;inset:0;overflow:hidden}.journey-stage,.journey-film,.journey-poster{width:100%;height:100%;position:absolute;inset:0}.journey-film,.journey-poster{object-fit:cover;object-position:center}.journey-stage{z-index:-4}.journey-film{opacity:0;will-change:opacity;filter:saturate(.9)contrast(1.02)}.journey-film:first-of-type{opacity:1}.journey-poster{z-index:-1}.journey-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0a110cc2 0%,#0a110c61 38%,#0a110c0a 68%),linear-gradient(#0000 60%,#080e0a7a),radial-gradient(circle at 70% 25%,#0000 0%,#080d0924 68%,#080d0970 100%);position:absolute;inset:0}.journey-topbar{z-index:20;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;padding:26px clamp(22px,4.8vw,72px);display:flex;position:absolute;top:0;left:0;right:0}.journey-brand{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:14px;font-size:.77rem;font-weight:650;display:flex}.journey-brand-mark{background:linear-gradient(145deg,#b5c5a8,#50684c);border-radius:90% 10%;width:13px;height:20px;transform:rotate(-18deg);box-shadow:0 0 26px #aec79e4d}.journey-meta{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;gap:28px;font-size:.68rem;display:flex}.journey-copy-layer{z-index:12;pointer-events:none;position:absolute;inset:0}.journey-copy{opacity:0;width:min(560px,42vw);transition:opacity .6s,transform .7s cubic-bezier(.2,.75,.2,1);position:absolute;top:50%;left:clamp(22px,7vw,106px);transform:translateY(calc(22px - 50%))}.journey-copy.is-active{opacity:1;pointer-events:auto;transform:translateY(-50%)}.journey-kicker{color:#e8e0cdbd;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:13px;margin-bottom:22px;font-size:.7rem;display:flex}.journey-kicker:before{content:"";background:currentColor;width:34px;height:1px}.journey-title{letter-spacing:-.055em;text-wrap:balance;text-shadow:0 4px 35px #050a0759;max-width:11ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,6.7vw,7.8rem);font-weight:400;line-height:.9}.journey-body{color:#f3efe5c7;text-shadow:0 2px 18px #050a078c;max-width:42ch;margin:26px 0 0;font-size:clamp(.95rem,1.15vw,1.12rem);line-height:1.65}.journey-note{color:#f3efe5b3;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:999px;margin-top:28px;padding:8px 13px;font-size:.67rem;display:inline-flex}.journey-restart{pointer-events:auto;color:#172017;background:var(--paper);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:999px;margin-top:30px;padding:13px 21px;font-size:.75rem;font-weight:700;transition:transform .25s,background .25s}.journey-restart:hover{background:#fffaf0;transform:translateY(-2px)}.journey-rail{z-index:22;flex-direction:column;gap:18px;display:flex;position:absolute;top:50%;right:clamp(18px,3vw,46px);transform:translateY(-50%)}.journey-rail:before{content:"";background:#ffffff3d;width:1px;position:absolute;top:9px;bottom:9px;left:50%;transform:translate(-50%)}.journey-dot{cursor:pointer;background:0 0;border:0;width:18px;height:18px;padding:0;position:relative}.journey-dot:after{content:"";background:#ffffff6b;border-radius:50%;transition:inset .3s,background .3s,box-shadow .3s;position:absolute;inset:6px}.journey-dot.is-active:after{background:#e9e2d3;inset:3px;box-shadow:0 0 0 5px #e9e2d326}.journey-dot-label{color:var(--ink);opacity:0;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;transition:opacity .25s,transform .25s;position:absolute;top:50%;right:28px;transform:translate(6px,-50%)}.journey-dot:hover .journey-dot-label,.journey-dot.is-active .journey-dot-label{opacity:1;transform:translateY(-50%)}.journey-footer{z-index:20;color:#f3efe59e;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.66rem;display:flex;position:absolute;bottom:24px;left:clamp(22px,4.8vw,72px);right:clamp(22px,4.8vw,72px)}.journey-progress{background:#fff3;width:min(280px,28vw);height:1px;position:relative}.journey-progress:after{content:"";background:var(--paper);transform:scaleX(var(--journey-progress));transform-origin:0;position:absolute;inset:0}.journey-scroll{align-items:center;gap:11px;display:flex}.journey-scroll i{border:1px solid #ffffff70;border-radius:999px;width:22px;height:34px;position:relative}.journey-scroll i:after{content:"";background:var(--paper);border-radius:4px;width:2px;height:7px;animation:1.7s ease-in-out infinite wheel;position:absolute;top:7px;left:50%;transform:translate(-50%)}@keyframes wheel{0%{opacity:0;transform:translate(-50%)}35%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}@media (width<=760px){.journey-topbar{padding:19px 20px}.journey-meta span:first-child,.journey-dot-label,.journey-progress{display:none}.journey-meta{gap:0}.journey-shade{background:linear-gradient(#0000 33%,#080e0a7a 62%,#080e0adb 100%),radial-gradient(circle at 50% 35%,#0000 0%,#080d0947 90%)}.journey-copy{width:auto;inset:auto 48px 88px 20px;transform:translateY(18px)}.journey-copy.is-active{transform:none}.journey-title{max-width:10ch;font-size:clamp(2.65rem,12vw,4.8rem)}.journey-body{margin-top:17px;font-size:.93rem;line-height:1.5}.journey-note{display:none}.journey-rail{gap:13px;right:10px}.journey-footer{bottom:18px;left:20px;right:20px}.journey-film,.journey-poster{object-position:50% 45%}}@media (prefers-reduced-motion:reduce){.journey-scroll i:after{animation:none}.journey-film{display:none}}