.cx-rail{--s1:1.5;--s2:1}.cx-ways{background:var(--night);color:#fff;position:relative}.cx-ways-head{align-items:end;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;padding-block:clamp(90px,11vw,170px) clamp(40px,5vw,70px)}.cx-ways-head h2{color:#fff;font-size:clamp(3.4rem,7vw,7.6rem);line-height:.98}.cx-ways-head p{color:hsla(0,0%,100%,.75);max-width:34ch}.cx-stage{display:grid;gap:0}.cx-copy,.cx-scenes{display:contents}.cx-scene{aspect-ratio:4/5;background:#000;margin:0;overflow:hidden;position:relative}.cx-scene img{height:100%;object-fit:cover;width:100%}.cx-scene[data-i="0"]{order:0}.cx-way[data-i="0"]{order:1}.cx-scene[data-i="1"]{order:2}.cx-way[data-i="1"]{order:3}.cx-scene[data-i="2"]{order:4}.cx-way[data-i="2"]{order:5}.cx-scene[data-i="3"]{order:6}.cx-way[data-i="3"]{order:7}.cx-scene[data-i="4"]{order:8}.cx-way[data-i="4"]{order:9}.cx-way{padding:34px clamp(20px,5vw,80px) 70px;position:relative}.cx-way .cx-emb{color:#e9d6bf;height:64px;margin-bottom:18px;width:64px}.cx-no{color:#cdb8a3;display:block;font-family:var(--serif);font-size:1rem;font-style:italic;letter-spacing:.06em}.cx-way h3{color:#fff;font-size:clamp(2.6rem,6vw,5.6rem);line-height:1;margin:6px 0 14px}.cx-way p{color:hsla(0,0%,100%,.82);max-width:38ch}.cx-way ol{border-top:1px solid hsla(0,0%,100%,.22);list-style:none;margin-top:24px}.cx-way li{align-items:baseline;border-bottom:1px solid hsla(0,0%,100%,.14);color:#fff;display:flex;font-family:var(--serif);font-size:1.3rem;font-style:italic;gap:18px;padding:13px 0}.cx-way li span{color:#cdb8a3;font-family:var(--sans);font-size:.72rem;font-style:normal;letter-spacing:.2em}.cx-rail,.cx-shade,.cx-stage .cx-count{display:none}.cx-ways.is-pinned .cx-stage{display:block;height:100vh;height:100svh;overflow:hidden;position:relative}.cx-ways.is-pinned .cx-copy,.cx-ways.is-pinned .cx-scenes{display:block}.cx-ways.is-pinned .cx-scenes{inset:0;isolation:isolate;position:absolute;z-index:1}.cx-ways.is-pinned .cx-scene{aspect-ratio:auto;clip-path:inset(50% 0 50% 0);inset:0;position:absolute}.cx-ways.is-pinned .cx-scene.is-on{clip-path:inset(0 0 0 0)}.cx-ways.is-pinned .cx-scene img{height:108%;inset:-4% 0;position:absolute;will-change:transform}.cx-ways.is-pinned .cx-shade{background:linear-gradient(90deg,rgba(10,8,8,.72),rgba(10,8,8,.32) 46%,rgba(10,8,8,0) 70%),linear-gradient(0deg,rgba(10,8,8,.55),rgba(10,8,8,0) 38%);display:block;inset:0;position:absolute;z-index:2}.cx-ways.is-pinned .cx-copy{inset:0;pointer-events:none;position:absolute;z-index:3}.cx-ways.is-pinned .cx-way{left:clamp(24px,5vw,80px);padding:0;position:absolute;top:50%;transform:translateY(-54%);visibility:hidden;width:min(560px,44vw)}.cx-ways.is-pinned .cx-way.is-on{pointer-events:auto;visibility:visible}.cx-ways.is-pinned .cx-way .cx-emb{height:84px;width:84px}.cx-ways.is-pinned .cx-rail{background:linear-gradient(0deg,rgba(10,8,8,.45),rgba(10,8,8,0));border-top:1px solid hsla(0,0%,100%,.16);bottom:0;display:flex;gap:0;justify-content:space-between;left:0;padding:22px clamp(24px,5vw,80px) 28px;position:absolute;right:0;z-index:4}.cx-rail button{align-items:center;color:hsla(0,0%,100%,.5);display:flex;font-size:.76rem;gap:14px;letter-spacing:.2em;padding:6px 0;text-transform:uppercase;transition:color .8s var(--ease),transform .8s var(--ease)}.cx-rail button .ic{flex:none;height:34px;width:34px}.cx-rail button[aria-current=true]{color:#fff}.cx-rail button span{position:relative}.cx-rail button span:after{background:currentColor;bottom:-6px;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:right;transition:transform .8s var(--ease)}.cx-rail button:focus-visible span:after,.cx-rail button:hover span:after{transform:scaleX(1);transform-origin:left}.cx-rail button:focus-visible,.cx-rail button:hover{color:#fff;transform:translateY(-3px)}.cx-rail-line{height:1px;left:0;position:absolute;right:0;top:-1px}.cx-rail-line b{background:#e9d6bf;inset:0;position:absolute;transform:scaleX(0);transform-origin:left}.cx-ways.is-pinned .cx-stage .cx-count{align-items:baseline;color:hsla(0,0%,100%,.7);display:flex;font-family:var(--serif);font-size:1.1rem;font-style:italic;gap:8px;position:absolute;right:clamp(24px,5vw,80px);top:calc(50% - 40px);z-index:4}.cx-count b{color:#fff;display:inline-block;font-size:2.6rem;font-weight:400;line-height:1;min-width:1.4em;text-align:right}