.next-step{height:190svh;position:relative;background:#000;--step-progress:0}
.next-step-pin{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:#7125ce;color:#fff}
.next-step-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;transform-origin:left center;transform:scale(var(--step-scale,1.12));opacity:.85}
.next-step-pin:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(#000a,transparent 35%,transparent 60%,#000c);pointer-events:none}
.step-band{position:absolute;top:0;bottom:0;width:var(--band-width,19%);z-index:2;pointer-events:none;mix-blend-mode:difference}
.step-band-left{left:0;background:linear-gradient(180deg,#f9696a,#766a8b 50%,#fff)}
.step-band-right{right:0;background:linear-gradient(0deg,#f9696a,#7125ce 50%,#fff)}
.step-heading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px 5vw 120px;transform:translateY(var(--step-title-y,20px))}
.step-heading>.eyebrow{font-size:14px;justify-content:center;margin-bottom:28px}
#next-step-title{font-size:clamp(72px,11vw,190px)!important;line-height:.85!important;letter-spacing:-.07em;font-weight:800;mix-blend-mode:difference;color:#fff}
#next-step-title>span{color:#fff}
.step-top,.step-bottom{position:absolute;z-index:4;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}
.step-top{top:145px;text-transform:uppercase;letter-spacing:.1em}
.step-bottom{bottom:55px}.step-bottom>div{flex:0 1 35%}.step-bottom>div:last-child{text-align:right}
.step-bottom span{display:block;font-family:Montserrat,sans-serif;font-weight:700;font-size:22px;margin-bottom:8px}
.step-bottom p{font-size:16px!important;line-height:1.4!important}.step-bottom i{height:1px;background:#fff8;flex:1}
@media(max-width:1600px){.step-top{top:115px}.step-bottom{bottom:40px}}
@media(max-width:800px){
 /* Keep the source edge off-screen, but show a much wider view of Earth. */
 #opening .opening-earth{inset:0;width:100%;height:100%}
 #opening .opening-earth img{width:165%;max-width:none;object-fit:contain;object-position:left bottom}
 .hero-title h1>.hero-line{font-weight:800}
 .next-step{height:150svh}.next-step-pin{height:100svh;min-height:520px}
 .next-step-image{object-position:left center}
 .step-heading{padding:125px 6vw 130px}
 #next-step-title{font-size:clamp(58px,16vw,110px)!important;line-height:.9!important}
 .step-heading>.eyebrow{font-size:10px!important;max-width:240px;margin-bottom:24px}
 .step-top{top:95px;font-size:10px;gap:25px;align-items:start}.step-top>span:last-child{text-align:right;max-width:160px}
 .step-bottom{bottom:45px;gap:14px}.step-bottom span{font-size:15px}.step-bottom p{font-size:12px!important}.step-bottom>div{flex-basis:42%}
}
@media(prefers-reduced-motion:reduce){.next-step{height:auto}.next-step-pin{position:relative}.next-step-image,.step-heading{transform:none}.hero-line:after{display:none}}
body.simple-motion .next-step{height:auto}body.simple-motion .next-step-pin{position:relative}body.simple-motion .next-step-image,body.simple-motion .step-heading{transform:none}