/* The narrative is scoped so the existing website and themes keep their styling. */
html,body{overflow-x:clip}html{scroll-behavior:smooth}.movement-site{position:relative;z-index:3;scroll-margin-top:0;min-height:100vh}.movement-site>header{position:sticky}
#prologue{position:relative;height:620svh;background:#070b16;color:#f2eadb;font-family:Arial,Helvetica,sans-serif;isolation:isolate}
#prologue *{box-sizing:border-box}#prologue a{color:inherit;text-decoration:none}#prologue a:focus-visible{outline:2px solid #ffb35b;outline-offset:7px}#prologue h1,#prologue h2,#prologue p{margin:0}#prologue .journey-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#080d1b;isolation:isolate}
.journey-world{position:absolute;inset:0;z-index:-3;overflow:hidden}.journey-world>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}.journey-city{opacity:0}.journey-arrival{object-position:65% center}.journey-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080919c9 0%,#08091965 28%,transparent 65%),linear-gradient(0deg,#060917c9,transparent 30%,transparent 80%,#06091777)}
.journey-lion{position:absolute;left:70%;top:8svh;height:145svh;aspect-ratio:2/3;transform:translateX(-50%) scale(.55);transform-origin:50% 0;opacity:0;mix-blend-mode:lighten;will-change:transform,opacity;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent),linear-gradient(0deg,transparent,black 12%,black 96%,transparent);mask-composite:intersect}.journey-lion img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}.journey-plate,.journey-complete{opacity:0}.journey-eye{position:absolute;top:11.25%;width:3.2%;height:1.4%;border-radius:50%;transform:translate(-50%,-50%);opacity:0;background:radial-gradient(ellipse,#fff4c6 0%,#ff9a25 20%,#ff5900b0 49%,transparent 73%);box-shadow:0 0 15px #ff6300;filter:blur(1px)}.journey-eye.left{left:45.7%}.journey-eye.right{left:53.4%}
.journey-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#070b19f2,transparent 32%),radial-gradient(ellipse at 55% 45%,transparent 35%,#03051388);z-index:1}.journey-haze{position:absolute;inset:50% -20% -15%;pointer-events:none;background:radial-gradient(ellipse,#5356b225,transparent 58%);filter:blur(25px);will-change:transform}
.journey-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:30px 4.5vw;gap:20px}.journey-brand{font-size:30px;letter-spacing:-1px;font-weight:900!important;color:#efc587!important}.journey-brand span{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:4px;color:#d2cadb}.journey-skip{font-size:13px;letter-spacing:.05em;padding:12px 19px;border:1px solid #e3c18a66;border-radius:30px;background:#14152866;backdrop-filter:blur(12px)}.journey-skip span{margin-left:15px}.journey-skip:hover{background:#54436a77}
.journey-copy{position:absolute;z-index:2;left:7vw;top:50%;width:46%;max-width:720px;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none}.journey-copy[data-scene="0"]{opacity:1;visibility:visible}#prologue .journey-kicker{font:500 12px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#dbc294;margin-bottom:22px}#prologue h1,#prologue h2{font-family:'Cinzel',Georgia,serif;font-weight:500;font-size:clamp(40px,5.6vw,84px);line-height:1.1;letter-spacing:-.025em;color:#f5ede0;text-shadow:0 5px 25px #03061688}#prologue em{font-style:normal;color:#edbd73}#prologue .journey-copy>p:last-child{font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:#d2cbd8;margin-top:25px}
.journey-chapters{position:absolute;right:3vw;top:42%;z-index:5;display:flex;flex-direction:column;gap:22px}.journey-chapters a{display:flex;align-items:center;gap:12px;flex-direction:row-reverse;color:#a79eaf!important}.journey-chapters b{font-size:11px;font-weight:400;width:28px;height:28px;display:grid;place-items:center;border:1px solid #b6a5c64d;border-radius:50%}.journey-chapters span{font-size:11px;letter-spacing:.1em;opacity:0;transition:opacity .2s}.journey-chapters a:hover span,.journey-chapters a:focus-visible span{opacity:1}.journey-chapters a[aria-current="step"] b{color:#efc587;border-color:#efc587;background:#efc5871a;box-shadow:0 0 22px #efc58722}
.journey-finale{position:absolute;z-index:3;bottom:11svh;left:5%;right:5%;text-align:center;opacity:0;visibility:hidden}#prologue .journey-finale h2{font-size:clamp(31px,4.3vw,65px);line-height:1.18;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.02em}#prologue .journey-finale .journey-kicker{margin-bottom:12px}#prologue .journey-finale a{display:inline-flex;align-items:center;gap:36px;border:1px solid #d7b17377;border-radius:30px;padding:13px 24px;margin-top:25px;font-size:13px;letter-spacing:.14em;background:#211d3370;backdrop-filter:blur(15px)}#prologue .journey-finale a:hover{background:#63517966}#prologue .journey-finale>p:last-child{font-size:12px;color:#c3bacc;margin-top:16px;letter-spacing:.06em}
.journey-bottom{position:absolute;bottom:25px;left:4.5vw;right:4.5vw;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#c4b8d1;font-size:11px;letter-spacing:.14em}.journey-progress{position:absolute;left:0;right:0;bottom:-15px;height:1px;background:#d8c5e12b}.journey-progress i{display:block;width:0;height:1px;background:#edbd73;box-shadow:0 0 8px #ff953c}
.journey-anchor{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none}#journey-city{top:156svh}#journey-armour{top:291svh}#journey-ready{top:458svh}
@media(max-width:700px){#prologue{height:560svh}.journey-header{padding:21px 20px}.journey-brand{font-size:25px}.journey-brand span{font-size:8px;letter-spacing:1.5px}.journey-skip{padding:10px 13px;font-size:11px}.journey-skip span{margin-left:4px}.journey-arrival{object-position:64% center}.journey-city{object-position:center}.journey-shade{background:linear-gradient(0deg,#070a19ed 0%,#08091977 35%,transparent 75%,#06091788)}.journey-copy{top:auto;bottom:13svh;left:7%;width:86%;transform:none;max-width:500px}#prologue h1,#prologue h2{font-size:clamp(34px,9.8vw,58px);line-height:1.05}#prologue .journey-kicker{font-size:10px;margin-bottom:15px;letter-spacing:.14em}#prologue .journey-copy>p:last-child{font-size:14px;line-height:1.65;margin-top:16px}.journey-lion{height:135svh;top:12svh}.journey-chapters{top:110px;right:20px;gap:14px}.journey-chapters b{width:24px;height:24px;font-size:10px}.journey-chapters span{display:none}.journey-finale{bottom:12svh;left:6%;right:6%}#prologue .journey-finale h2{font-size:clamp(26px,7.6vw,43px)}#prologue .journey-finale>p:last-child{font-size:11px}.journey-bottom{left:20px;right:20px;bottom:24px;font-size:9px}.journey-vignette{background:linear-gradient(0deg,#070b19f5,transparent 60%)}#journey-city{top:138svh}#journey-armour{top:258svh}#journey-ready{top:405svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#prologue{height:100svh}.journey-arrival,.journey-copy,.journey-chapters,.journey-scroll,.journey-civilian,#journey-plates{display:none!important}.journey-city,.journey-lion,.journey-complete,.journey-eye,.journey-finale{opacity:1!important;visibility:visible!important}.journey-lion{left:50%!important;transform:translateX(-50%)!important}.journey-world>img{transform:none!important}.journey-counter{display:none}}
@media(max-height:550px) and (min-width:701px){#prologue h1,#prologue h2{font-size:40px}.journey-copy{top:54%}.journey-header{padding-top:16px}#prologue .journey-copy>p:last-child{margin-top:12px;font-size:14px}.journey-finale{bottom:12svh}#prologue .journey-finale h2{font-size:30px}#prologue .journey-finale>p:last-child{display:none}}
/* Clip the oversized camera frame without creating a second scroll container. */
#prologue .journey-stage{overflow:clip}.journey-lion{mix-blend-mode:normal;mask-image:radial-gradient(ellipse 49% 58% at 50% 49%,black 61%,transparent 99%);mask-composite:add}
@media(max-width:700px){.journey-arrival{object-position:85% center}}
/* Longer approach and independent character movement. */
#prologue{height:760svh}#journey-city{top:285svh}#journey-armour{top:450svh}#journey-ready{top:630svh}
.journey-back-walker{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;transform-origin:78% 90%;opacity:0;will-change:transform}
.journey-world.walk-ready .journey-arrival{object-position:65% center}
.journey-walking-body{position:absolute;inset:0;width:100%;height:100%;display:none}
.journey-lion.walk-ready .journey-walking-body{display:block}.journey-lion.walk-ready>.journey-civilian,.journey-lion.walk-ready>.journey-complete,.journey-lion.walk-ready>#journey-plates{visibility:hidden}
@media(max-width:700px){#prologue{height:680svh}#journey-city{top:250svh}#journey-armour{top:395svh}#journey-ready{top:554svh}.journey-back-walker,.journey-world.walk-ready .journey-arrival{object-position:85% center}.journey-back-walker{transform-origin:58% 89%}}
@media(prefers-reduced-motion:reduce){#prologue{height:100svh}.journey-back-walker,.journey-walking-body{display:none!important}.journey-lion.walk-ready>.journey-complete{visibility:visible!important}}
