/* Altamash Ishtiaq / all stages are readable before JavaScript runs. */
.ps-story{--ps-accent:var(--gold,#efc24c);--ps-line:#ffffff1c;--ps-progress:0;position:relative;isolation:isolate}
.ps-story-heading{max-width:980px;margin-bottom:70px}
.ps-story-heading .eyebrow{font-size:13px;letter-spacing:.1em;margin-bottom:24px}
.ps-story-heading h2{font-size:clamp(36px,4.6vw,68px);font-weight:500;line-height:1.12;letter-spacing:-.055em}
.ps-story-heading h2 em{font:inherit;color:#969184}
.ps-story-heading>p:last-child{font-size:18px;line-height:1.8;max-width:650px;color:#aaa69b;margin-top:28px}
.ps-story-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(45px,7vw,110px);align-items:start}
.ps-route{position:sticky;top:124px;min-width:0}
.ps-route-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#969082;margin:0 0 18px}
.ps-route-count{display:flex;align-items:baseline;gap:13px;margin-bottom:28px;font-family:Manrope,sans-serif;font-weight:400}
.ps-route-count>span{font-size:54px;letter-spacing:-.07em;line-height:1;color:#efe8d8}
.ps-route-count>b{font-size:17px;letter-spacing:-.02em;font-weight:400;color:#767061}
.ps-route nav ol{padding:0;margin:0;list-style:none}
.ps-route nav a{display:grid;grid-template-columns:29px minmax(0,1fr) 6px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff10;color:#858174;transition:color .5s cubic-bezier(.22,1,.36,1)}
.ps-route nav a>span{font-size:12px;font-variant-numeric:tabular-nums;color:#625d50;transition:color .4s}
.ps-route nav a>strong{font-size:16px;line-height:1.4;font-weight:400;letter-spacing:-.01em;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ps-route nav a>i{width:5px;height:5px;background:var(--ps-accent);border-radius:50%;opacity:0;transform:scale(.4);transition:opacity .5s,transform .6s}
.ps-route nav a:hover{color:#e5d5ad}
.ps-route nav a[aria-current=step]{color:#f5e3af}
.ps-route nav a[aria-current=step]>span{color:var(--ps-accent)}
.ps-route nav a[aria-current=step]>strong{transform:translateX(3px)}
.ps-route nav a[aria-current=step]>i{opacity:1;transform:scale(1);box-shadow:0 0 13px #efc24c55}
.ps-route-track{height:2px;margin-top:29px;background:#3e392c;overflow:hidden}
.ps-route-track>span{display:block;width:100%;height:100%;background:var(--ps-accent);transform:scaleX(var(--ps-progress));transform-origin:left;transition:transform .85s cubic-bezier(.22,1,.36,1)}
.ps-route-note{margin-top:26px}
.ps-route-note>p{font-size:14px;line-height:1.75;color:#8f8877;margin:0 0 15px;max-width:230px}
.ps-route-note>a{display:inline-flex;align-items:center;gap:16px;color:#d5c8a9;font-size:14px;line-height:1.5;padding-bottom:7px;border-bottom:1px solid #776644}
.ps-route-note>a>span{width:5px;height:5px;border-radius:50%;background:var(--ps-accent);transition:box-shadow .4s}
.ps-route-note>a:hover>span{box-shadow:0 0 0 5px #efc24c16,0 0 15px #efc24c66}
.ps-stages{min-width:0}
.ps-stage{position:relative;display:grid;grid-template-columns:75px minmax(0,1fr);gap:clamp(20px,3vw,45px);padding:56px 0 64px;border-top:1px solid var(--ps-line);scroll-margin-top:125px;outline-offset:12px}
.ps-stage:first-child{padding-top:20px;border-top:0}
.ps-stage:last-child{padding-bottom:20px}
.ps-stage:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--ps-accent),#b89b5514);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.ps-stage:first-child:before{display:none}
.ps-stage.is-current:before{transform:scaleX(1)}
.ps-stage-number{font-family:Manrope,sans-serif;font-size:clamp(44px,4.5vw,65px);font-weight:400;line-height:1.1;letter-spacing:-.075em;color:#474237;position:relative;align-self:stretch;transition:color .8s,transform .8s cubic-bezier(.22,1,.36,1)}
.ps-stage-number>span{display:block;width:1px;position:absolute;top:93px;bottom:-32px;left:29px;background:linear-gradient(#8f784b55,#8f784b08)}
.ps-stage-number>span:before{content:'';position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:#8d7444;transition:background .5s,box-shadow .5s}
.ps-stage:last-child .ps-stage-number>span{bottom:0}
.ps-stage.is-current .ps-stage-number{color:var(--ps-accent);transform:translateY(-2px)}
.ps-stage.is-current .ps-stage-number>span:before{background:var(--ps-accent);box-shadow:0 0 15px #efc24c44}
.ps-stage-name{font-size:14px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#a9915c;margin:0 0 18px}
.ps-stage h3{font-size:clamp(30px,3.15vw,46px);font-weight:500;line-height:1.18;letter-spacing:-.045em;color:#ece7db;max-width:650px}
.ps-stage-copy{font-size:19px;line-height:1.85;color:#aaa69b;max-width:650px;margin-top:25px}
.ps-stage-output{margin-top:32px;padding:4px 0 4px 22px;border-left:1px solid #877244;max-width:620px}
.ps-stage-output>span{display:block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#84795f;margin-bottom:9px}
.ps-stage-output>p{font-size:17px;line-height:1.7;color:#c6baa0;margin:0}
.ps-story a:focus-visible,.ps-story article:focus-visible{outline:2px solid var(--ps-accent);outline-offset:6px}
.ps-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px){.ps-story-layout{grid-template-columns:220px minmax(0,1fr);gap:45px}.ps-stage{grid-template-columns:53px minmax(0,1fr);gap:23px;padding-block:46px 54px}.ps-stage-number{font-size:48px}.ps-stage-number>span{left:22px;top:78px}.ps-stage-copy{font-size:18px}.ps-stage h3{font-size:34px}}
@media(max-width:760px){.ps-story-heading{margin-bottom:42px}.ps-story-heading h2{font-size:clamp(36px,6vw,48px)}.ps-story-heading>p:last-child{font-size:17px;margin-top:24px}.ps-story-layout{display:block}.ps-route{position:static;margin-bottom:44px}.ps-route-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 25px}.ps-route-label{margin:0;font-size:12px}.ps-route-count{margin:0;gap:10px}.ps-route-count>span{font-size:33px}.ps-route-count>b{font-size:14px}.ps-route nav{grid-column:1/-1;margin-top:22px}.ps-route nav ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 23px}.ps-route nav a{grid-template-columns:20px minmax(0,1fr) 5px;gap:7px;padding-block:15px}.ps-route nav a>strong{font-size:14px}.ps-route nav a>span{font-size:11px}.ps-route-track{grid-column:1/-1;margin-top:24px}.ps-route-note{grid-column:1/-1;margin-top:23px;display:flex;justify-content:space-between;align-items:baseline;gap:25px}.ps-route-note>p{font-size:14px;max-width:300px;margin:0}.ps-route-note>a{font-size:13px;white-space:nowrap}.ps-stage{grid-template-columns:60px minmax(0,1fr);gap:24px;padding-block:42px 48px;scroll-margin-top:105px}.ps-stage:first-child{padding-top:30px;border-top:1px solid var(--ps-line)}.ps-stage:first-child:before{display:block}.ps-stage-number{font-size:52px}.ps-stage-number>span{left:24px;top:82px;bottom:-25px}.ps-stage h3{font-size:35px}.ps-stage-copy{font-size:18px;line-height:1.8;margin-top:21px}.ps-stage-name{font-size:13px;margin-bottom:14px}.ps-stage-output{margin-top:26px}.ps-stage-output>p{font-size:16px}}
@media(max-width:480px){.ps-story-heading h2{font-size:34px}.ps-story-heading>p:last-child{font-size:16px;line-height:1.8}.ps-story-heading .eyebrow{font-size:11px}.ps-route nav ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 21px}.ps-route nav a{min-height:52px}.ps-route nav a>strong{font-size:14px}.ps-route-note{display:block}.ps-route-note>p{max-width:none;font-size:14px;margin-bottom:17px}.ps-route-note>a{font-size:14px}.ps-stage{grid-template-columns:36px minmax(0,1fr);gap:17px;padding-block:35px 41px}.ps-stage-number{font-size:34px;line-height:1.25}.ps-stage-number>span{left:15px;top:65px;bottom:-20px}.ps-stage-name{font-size:12px;letter-spacing:.07em;margin-bottom:13px}.ps-stage h3{font-size:29px;line-height:1.23}.ps-stage-copy{font-size:17px;line-height:1.8;margin-top:20px}.ps-stage-output{padding-left:17px;margin-top:25px}.ps-stage-output>span{font-size:11px;line-height:1.7}.ps-stage-output>p{font-size:16px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.ps-story *,.ps-story *:before,.ps-story *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ps-stage.is-current .ps-stage-number{transform:none}.ps-route nav a[aria-current=step]>strong{transform:none}}
@media(min-width:761px) and (max-height:750px){.ps-route{top:110px}.ps-route-count{display:none}.ps-route-label{margin-bottom:8px}.ps-route nav a{padding-block:13px}.ps-route-note{margin-top:20px}.ps-route-note>p{display:none}}
