.studio-journey{position:relative;z-index:6;background:#11151b;color:#fff;isolation:isolate;scroll-margin-top:100px}
.journey-stage{position:relative;overflow:hidden}.journey-scene{position:relative;min-height:860px;height:100svh;isolation:isolate}
.journey-background,.journey-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.journey-background{object-position:center}.journey-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.58) 38%,rgba(0,0,0,.15) 75%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 40%)}
.journey-copy{position:relative;padding:145px 7% 330px;max-width:900px}.journey-label{font-size:13px;letter-spacing:.07em;font-weight:600;line-height:1.3;color:#c8ddf5;margin-bottom:24px}
.journey-copy h2{font-size:clamp(40px,3.9vw,64px);font-weight:800;line-height:1.22;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;text-shadow:0 2px 22px #0002}
.journey-description{font-size:18px;font-weight:400;line-height:1.75;letter-spacing:-.015em;margin-top:26px;color:#e2e6ed;word-break:keep-all;overflow-wrap:break-word}.journey-description p+p{margin-top:3px}
.journey-pose{background-image:url('/assets/journey/characters.png');background-repeat:no-repeat;height:100%;width:100%;background-size:500% 100%}
.pose-0{background-size:482.6667% 100%;background-position:0% 0}.pose-1{background-size:523.3735% 100%;background-position:25.6118% 0}.pose-2{background-size:503.9443% 100%;background-position:49.1671% 0}.pose-3{background-size:478.8543% 100%;background-position:75.0145% 0}.pose-4{background-size:508.6651% 100%;background-position:100% 0}
.journey-mobile-character{position:absolute;left:0;bottom:20px;width:230px;height:370px;filter:drop-shadow(0 16px 16px #0004)}
.journey-traveler,.journey-progress{display:none}.studio-journey.is-backward .journey-mobile-character{transform:scaleX(-1)}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .js .studio-journey{height:650vh}.js .journey-stage{height:100vh;min-height:640px;position:sticky;top:0}.js .journey-scenes{position:absolute;inset:0}
 .js .journey-scene{position:absolute;inset:0;height:100%;min-height:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}.js .journey-scene.active{opacity:1;visibility:visible;pointer-events:auto}
 .js .journey-copy{padding:0;position:absolute;top:clamp(128px,20vh,200px);left:7%;max-width:min(690px,57vw);transition:transform .65s ease}.js .journey-scene:not(.active) .journey-copy{transform:translateY(18px)}
 .js .journey-mobile-character{display:none}.js .journey-traveler{display:block;position:absolute;left:0;bottom:2vh;width:clamp(180px,18vw,300px);height:clamp(290px,40vh,465px);filter:drop-shadow(0 22px 15px #0004);will-change:transform;z-index:3}
 .journey-facing,.journey-walk{width:100%;height:100%;position:relative}.journey-facing{transition:transform .16s ease}.studio-journey.is-backward .journey-facing{transform:scaleX(-1)}
 .journey-traveler .journey-pose{position:absolute;inset:0;opacity:0;transition:opacity .25s}.journey-traveler .journey-pose.active{opacity:1}
 .studio-journey.is-walking .journey-walk{animation:journeyWalk .38s ease-in-out infinite}.js .journey-progress{display:block;height:3px;position:absolute;bottom:0;left:0;right:0;background:#ffffff18;z-index:4}.journey-progress span{display:block;height:100%;background:#81caff;transform-origin:left;transform:scaleX(0)}
}
@keyframes journeyWalk{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-height:760px) and (min-width:901px){.js .journey-copy{top:125px;max-width:60vw}.journey-copy h2{font-size:44px}.journey-description{font-size:16px;margin-top:20px}.journey-label{margin-bottom:18px}.js .journey-traveler{height:270px;width:168px;bottom:0}}
@media(max-width:900px){.journey-copy{padding:125px 7% 325px;max-width:760px}.journey-copy h2{font-size:42px}.journey-description{font-size:16px}.journey-mobile-character{height:320px;width:199px}.journey-scene{height:auto;min-height:850px}}
@media(max-width:600px){.journey-copy{padding:116px 7% 285px}.journey-copy h2{font-size:34px;line-height:1.25}.journey-description{font-size:16px;margin-top:22px}.journey-label{font-size:12px;margin-bottom:20px}.journey-mobile-character{height:270px;width:168px;bottom:10px}.journey-scene{min-height:800px}.journey-shade{background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.62) 55%,rgba(0,0,0,.12))}}
@media(prefers-reduced-motion:reduce){.journey-scene,.journey-pose{transition:none}.journey-copy{padding-bottom:370px}.journey-mobile-character{transform:none!important}}
.journey-objects{position:absolute;inset:0;pointer-events:none;z-index:1}.journey-copy{z-index:2}.journey-object{position:absolute;object-fit:contain;filter:drop-shadow(0 6px 14px #0002);opacity:.65;animation:journeyObject 9s ease-in-out infinite}.journey-object.object-a{width:64px;height:64px;right:14%;top:27%;rotate:-12deg}.journey-object.object-b{width:48px;height:48px;right:31%;top:62%;rotate:13deg;animation-delay:-4s;animation-duration:12s}.journey-spark{position:absolute;width:25px;height:25px;right:6%;top:54%;color:#d9edff;opacity:.6;animation:journeyObject 11s ease-in-out infinite;animation-delay:-2s}
@keyframes journeyObject{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}
@media(max-width:900px){.journey-object.object-a{width:44px;height:44px;right:9%;top:66%}.journey-object.object-b{width:36px;height:36px;right:27%;top:80%}.journey-spark{top:57%;right:8%;width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.journey-object,.journey-spark{animation:none}}

/* Crop the supplied sprite sheet without stretching any pose. */
.journey-mobile-character{--char-height:370px;height:var(--char-height);width:calc(var(--char-height) * .627072)}
.journey-traveler{--char-height:clamp(290px,40vh,465px)}
.journey-pose{background-size:auto 100%}
.pose-0{width:calc(var(--char-height) * .621547);background-position:0 0}
.pose-1{width:calc(var(--char-height) * .573204);background-position:calc(var(--char-height) * -.621547) 0}
.pose-2{width:calc(var(--char-height) * .595304);background-position:calc(var(--char-height) * -1.194751) 0}
.pose-3{width:calc(var(--char-height) * .620166);background-position:calc(var(--char-height) * -1.790055) 0}
.pose-4{width:calc(var(--char-height) * .589779);background-position:calc(var(--char-height) * -2.410221) 0}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.js .journey-traveler{height:var(--char-height);width:calc(var(--char-height) * .627072)}}
@media(max-height:760px) and (min-width:901px){.js .journey-traveler{--char-height:300px}}
@media(max-width:900px){.journey-mobile-character{--char-height:320px}}
@media(max-width:600px){.journey-mobile-character{--char-height:270px}}

.site-header{transition:background .3s,color .3s,transform .35s ease,opacity .3s}.journey-focus .site-header{transform:translateY(-110%);opacity:0;pointer-events:none}.studio-journey{scroll-margin-top:0}

.pose-2{clip-path:polygon(0 0,96% 0,96% 35%,100% 35%,100% 100%,0 100%)}

@media(max-width:900px){.journey-scene{min-height:max(850px,100svh)}}@media(max-width:600px){.journey-scene{min-height:max(800px,100svh)}}

/* Fullscreen story typography, with no header space reserved. */
.journey-copy h2{font-size:clamp(50px,4.8vw,76px);font-weight:900;line-height:1.15;letter-spacing:-.03em}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.js .journey-copy{top:clamp(64px,10vh,112px);max-width:min(760px,62vw)}}
@media(max-height:760px) and (min-width:901px){.journey-copy h2{font-size:clamp(48px,4.5vw,62px)}.js .journey-copy{top:64px}}
@media(max-width:900px){.journey-copy{padding-top:72px}.journey-copy h2{font-size:48px}}
@media(max-width:600px){.journey-copy{padding-top:58px}.journey-copy h2{font-size:38px;line-height:1.18}.journey-label{margin-bottom:18px}}