/* A public, scroll-led sample. The page keeps its native scroll behaviour. */
.site-journey-demo{background:linear-gradient(155deg,#edf4f7,#dce9ef 58%,#eef4f7);padding:64px max(5vw,calc((100vw - 1320px)/2));position:relative;--journey-top:108px;--journey-travel:960px}
.site-journey-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:end;margin-bottom:30px}
.site-journey-intro .site-kicker{font-size:9px;margin-bottom:15px}
.site-journey-intro h2{font-size:clamp(36px,3vw,48px);margin:0}
.site-journey-intro>div:last-child{justify-self:end;min-width:280px}
.site-journey-intro p{font-size:14px;line-height:1.75;margin-bottom:14px}
.site-journey-hint{font-size:10px;color:#35566b;display:flex;align-items:center;gap:10px}
.site-journey-hint>span:first-child{font-size:19px;line-height:1}
.site-journey-scene{height:clamp(320px,calc(100svh - 390px),550px);position:relative;isolation:isolate;background:#071723;border:1px solid #ffffffa8;border-radius:32px;box-shadow:0 26px 55px -20px #173d5260,0 4px 10px #18374712;overflow:hidden}
.site-journey-map{position:absolute;inset:0;overflow:hidden;z-index:-2}
.site-journey-map svg{width:100%;height:100%;display:block;transform-origin:var(--map-origin,70% 30%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),transform-origin 1.1s cubic-bezier(.2,.7,.2,1)}
.site-journey-scene:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071c2933,transparent 65%),linear-gradient(0deg,#071c2960,transparent 32%)}
.site-journey-region{position:absolute;left:26px;top:24px;color:white;text-shadow:0 2px 15px #0008}
.site-journey-region .site-kicker{font-size:10px;margin:0 0 7px}
.site-journey-region>span:last-child{font-size:10px;letter-spacing:.06em;color:#d3e3eb}
.site-journey-region i{font-style:normal;padding:0 7px}
.site-journey-pin{opacity:0;transition:opacity .55s}
.site-journey-pin.is-active{opacity:1}
.site-pin-halo{fill:#c6e5f244;stroke:#e9f6ff22;stroke-width:2}
.site-pin-ring{fill:none;stroke:#e3f4ff;stroke-width:3}
.site-pin-core{fill:#e8f6ff}
.site-journey-cards{position:absolute;width:clamp(235px,24vw,310px);right:24px;bottom:24px;z-index:2}
.site-journey-card{border:1px solid #fffffff0;border-radius:25px;overflow:hidden;background:#f4f9fc;box-shadow:0 18px 35px #031b3a44,inset 0 1px 0 white;animation:journey-arrive .55s cubic-bezier(.2,.7,.2,1) both}
.site-journey-card[hidden]{display:none}
.site-journey-photo{position:relative;height:clamp(110px,13vh,155px);overflow:hidden;background:#c4dce9}
.site-journey-photo img{width:100%;height:100%;object-fit:cover}
.site-journey-photo>span{position:absolute;top:13px;right:13px;background:#f4f9fce8;color:#213e4f;padding:5px 10px;border-radius:99px;font-size:8px;letter-spacing:.13em;font-weight:600}
.site-journey-card-copy{padding:18px 21px 16px}
.site-journey-card-copy .site-kicker{font-size:7px;letter-spacing:.13em;margin:0 0 10px;color:#4e6a7d}
.site-journey-card-copy h3{font-size:29px;margin-bottom:12px;color:#172c3b}
.site-journey-card-copy p{font-size:12px;line-height:1.7;color:#405d6e;margin:0}
.site-journey-card-copy .site-credit{font-size:8px;color:#526b79;margin-top:15px;line-height:1.5}
.site-journey-open{position:absolute;top:80px;left:24px;display:flex;gap:20px;align-items:center;border:1px solid #ffffff80;border-radius:99px;background:#173847e8;color:white;padding:12px 16px;font-size:10px;font-weight:600;box-shadow:0 8px 22px #09243333}
.site-journey-open:hover{background:#244c60}
.site-journey-open span{font-size:16px}
.site-journey-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:24px 5px 0}
.site-journey-stops button{position:relative;text-align:left;background:transparent;border:0;color:#496777;padding:0 0 14px;display:flex;align-items:baseline;gap:12px;min-height:44px;cursor:pointer}
.site-journey-stops button>span{font-size:9px;font-weight:500;color:#587383}
.site-journey-stops button>b{font-size:12px;font-weight:600}
.site-journey-stops button>i{position:absolute;height:2px;left:0;right:0;bottom:0;background:#bdced8;overflow:hidden;border-radius:99px}
.site-journey-stops button>i:after{content:'';display:block;background:#456e87;height:100%;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.site-journey-stops button[aria-pressed=true]{color:#0e3045}
.site-journey-stops button[aria-pressed=true]>i:after,.site-journey-stops button.is-past>i:after{transform:scaleX(1)}
.site-journey-foot{display:flex;justify-content:space-between;gap:16px;margin-top:14px}
.site-journey-foot p{font-size:8px;color:#4f6b7c;line-height:1.6;margin:0}
.site-journey-foot a{text-decoration:underline;text-underline-offset:2px}
.site-journey-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-journey-demo.is-scroll-story{height:calc(var(--journey-height) + var(--journey-travel) + 128px)}
.is-scroll-story .site-journey-sticky{position:sticky;top:var(--journey-top)}
@keyframes journey-arrive{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){
 .site-journey-card{background:linear-gradient(140deg,#ffffffeb,#e9f5fdd9);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}
 .site-journey-open{background:#2346549e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
@media(max-width:999px){.site-journey-demo{padding:60px 6vw}.site-journey-intro h2{font-size:40px}.site-journey-intro>div:last-child{min-width:0}.site-journey-scene{height:450px}.site-journey-cards{width:245px;right:18px;bottom:18px}.site-journey-map svg{transform:scale(1);}.site-journey-foot{display:block}.site-journey-foot p+p{margin-top:5px}}
@media(min-width:601px) and (max-width:999px){
 .site-journey-scene{height:auto;overflow:visible;background:none;border:none;box-shadow:none;padding-top:356px;isolation:auto}
 .site-journey-scene:before{display:none}
 .site-journey-map{height:380px;inset:0 0 auto;border-radius:28px;z-index:0;background:#071723;box-shadow:0 15px 28px #173d5226}
 .site-journey-region{z-index:1}
 .site-journey-cards{position:relative;right:auto;bottom:auto;width:auto;margin:0 22px}
 .site-journey-card{display:grid;grid-template-columns:180px 1fr;min-height:190px;background:#f4f9fcf5}
 .site-journey-photo{height:100%;min-height:190px}
 .site-journey-card-copy{padding:25px}
 .site-journey-open{position:relative;top:auto;left:auto;bottom:auto;justify-content:space-between;margin:24px 0 0;background:#d7e8f1;color:#1e4158;border-color:#bed7e5;box-shadow:none}
 .site-journey-open:hover{background:#c7dfea}
}
@media(max-width:600px){
 .site-journey-demo{padding:48px 6vw}.site-journey-intro{display:block;margin-bottom:24px}.site-journey-intro h2{font-size:38px;margin-bottom:22px}.site-journey-intro p{font-size:13px;margin-bottom:12px}
 .site-journey-scene{height:auto;overflow:visible;background:none;border:none;box-shadow:none;border-radius:26px;padding-top:275px;isolation:auto}
 .site-journey-map{height:280px;inset:0 0 auto;border-radius:26px;z-index:0;background:#102a39;box-shadow:0 15px 28px #173d5226}
 .site-journey-map svg{overflow:visible;transform:none;}
 .site-journey-map svg image{opacity:.92}.site-journey-scene:before{display:none}
 .site-journey-region{top:18px;left:19px;z-index:1}.site-journey-region .site-kicker{font-size:8px}.site-journey-region>span:last-child{font-size:9px}
 .site-journey-cards{position:relative;right:auto;bottom:auto;width:auto;margin:0 13px;z-index:2}
 .site-journey-card{display:grid;grid-template-columns:96px 1fr;border-radius:20px;min-height:215px;background:#f7fbfdf5;box-shadow:0 14px 26px -12px #15395055}
 .site-journey-photo{height:100%;min-height:215px}.site-journey-photo>span{top:10px;right:8px;font-size:7px;padding:5px 7px}
 .site-journey-card-copy{padding:19px 16px}.site-journey-card-copy h3{font-size:25px}.site-journey-card-copy p{font-size:11px;line-height:1.7}.site-journey-card-copy .site-credit{font-size:7px;margin-top:12px}.site-journey-card-copy .site-kicker{font-size:6px}
 .site-journey-open{position:relative;left:auto;top:auto;bottom:auto;justify-content:space-between;margin:22px 0 0;background:#d7e8f1;color:#1e4158;border-color:#bed7e5;box-shadow:none;padding:13px 19px}
 .site-journey-open:hover{background:#c7dfea}.site-journey-stops{gap:10px;padding:23px 0 0}.site-journey-stops button{display:block;padding-bottom:12px}.site-journey-stops button>span{display:block;margin-bottom:5px;font-size:8px}.site-journey-stops button>b{font-size:9px;white-space:nowrap}.site-journey-foot p{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.site-journey-map svg,.site-journey-pin,.site-journey-stops button>i:after{transition:none}.site-journey-card{animation:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.site-journey-card{background:#f4f9fc;backdrop-filter:none;-webkit-backdrop-filter:none}.site-journey-open{background:#173847;backdrop-filter:none;color:white}.site-journey-foot p{color:#304e60}}
@media print{.site-journey-demo.is-scroll-story{height:auto}.site-journey-sticky{position:static!important}.site-journey-hint,.site-journey-stops{display:none}}