/* SHAKEHANDS V14 / editorial journey — replaces boxed arrows diagram.
   Four steps on a single continuous spine; substantial photography;
   mobile layout designed separately, no extra JS libraries. */
.s5-app[data-s5-palette="brand"] .s13-journey{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:29px;
  align-items:stretch;
  margin-top:28px;
}
.s5-app[data-s5-palette="brand"] .s13-journey-visual{
  margin:0;
  aspect-ratio:1.43;
  border-radius:5px;
  overflow:hidden;
  position:relative;
  background:#eef0f7;
  isolation:isolate;
  min-width:0;
}
.s5-app[data-s5-palette="brand"] .s13-journey-visual img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:50% 60%;
  display:block;
  transition:transform .7s cubic-bezier(.2,.8,.3,1);
}
.s5-app[data-s5-palette="brand"] .s13-journey-visual:hover img{transform:scale(1.035)}
.s5-app[data-s5-palette="brand"] .s13-journey-visual:after{
  content:"";
  position:absolute;inset:28% 0 0;
  background:linear-gradient(to top,rgba(12,19,43,.82),rgba(12,19,43,.21) 64%,transparent);
  z-index:1;
}
.s5-app[data-s5-palette="brand"] .s13-journey-visual figcaption{
  position:absolute;
  z-index:2;bottom:23px;left:23px;right:23px;
  color:white;
}
.s5-app[data-s5-palette="brand"] .s13-journey-visual figcaption small{
  color:#eaebff;
  display:block;
  font-size:10px;
  letter-spacing:.1em;
  font-weight:800;
  margin-bottom:10px;
}
.s5-app[data-s5-palette="brand"] .s13-journey-visual figcaption strong{
  display:block;
  color:#fff;
  font-weight:850;
  font-size:clamp(22px,7vw,36px);
  letter-spacing:-.045em;
  line-height:1.5;
}
.s5-app[data-s5-palette="brand"] .s13-journey-steps{
  position:relative;
  isolation:isolate;
  list-style:none;
  padding:3px 0 0;
  margin:0;
  display:grid;
  gap:0;
}
.s5-app[data-s5-palette="brand"] .s13-journey-steps:before{
  content:"";
  position:absolute;
  top:26px;bottom:38px;left:24px;
  width:1px;
  background:linear-gradient(to bottom,#1D2088,#B6B9DD 65%,#e1e2ef);
  z-index:-1;
}
.s5-app[data-s5-palette="brand"] .s13-journey-steps li{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:15px;
  align-items:start;
  margin:0;
  padding:15px 0 21px;
  min-width:0;
  border-bottom:1px solid #E5E6EE;
}
.s5-app[data-s5-palette="brand"] .s13-journey-steps li:last-child{border-bottom:0;padding-bottom:10px}
.s5-app[data-s5-palette="brand"] .s13-journey-no{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:49px;height:49px;
  border:1.5px solid #1D2088;
  background:white;
  border-radius:50%;
  font-variant-numeric:tabular-nums;
  font-size:16px;
  letter-spacing:-.02em;
  font-weight:850;
  color:#1D2088!important;
}
.s5-app[data-s5-palette="brand"] .s13-journey-en{
  display:block;
  color:#60679C;
  font-size:9px!important;
  font-weight:850;
  letter-spacing:.13em;
  line-height:1.5;
  margin-bottom:4px;
}
.s5-app[data-s5-palette="brand"] .s13-journey-steps h3{
  font-size:clamp(17px,4.8vw,22px);
  color:#25202C!important;
  letter-spacing:-.045em;
  font-weight:850;
  line-height:1.48!important;
  margin:0;
}
.s5-app[data-s5-palette="brand"] .s13-journey-steps p{
  margin:4px 0 0!important;
  color:#656673!important;
  font-size:12px!important;
  line-height:1.9!important;
}
.s5-app[data-s5-palette="brand"] .s13-journey-bottom{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:12px!important;
  font-weight:800;
  color:#4c4c61!important;
  line-height:1.7!important;
  margin-top:29px!important;
}
.s5-app[data-s5-palette="brand"] .s13-journey-bottom>span{
  display:block;
  height:2px;
  width:23px;
  flex:0 0 23px;
  background:#1D2088;
}
@media(min-width:700px){
  .s5-app[data-s5-palette="brand"] .s13-journey{
    grid-template-columns: minmax(0,49%) minmax(0,1fr);
    gap:clamp(26px,5vw,72px);
    align-items:center;
    margin-top:36px;
  }
  .s5-app[data-s5-palette="brand"] .s13-journey-visual{
    aspect-ratio:1.02;
    height:100%;
    max-height:640px;
    min-height:390px;
  }
  .s5-app[data-s5-palette="brand"] .s13-journey-visual figcaption{
    bottom:35px;left:31px;right:31px;
  }
  .s5-app[data-s5-palette="brand"] .s13-journey-visual figcaption strong{font-size:clamp(25px,2.6vw,37px)}
  .s5-app[data-s5-palette="brand"] .s13-journey-steps{
    align-content:center;
  }
  .s5-app[data-s5-palette="brand"] .s13-journey-steps li{
    grid-template-columns:55px minmax(0,1fr);
    gap:20px;
    padding:22px 0;
  }
  .s5-app[data-s5-palette="brand"] .s13-journey-no{width:55px;height:55px;font-size:17px}
  .s5-app[data-s5-palette="brand"] .s13-journey-steps:before{left:27px;top:45px;bottom:51px}
  .s5-app[data-s5-palette="brand"] .s13-journey-steps h3{font-size:clamp(19px,1.75vw,25px)}
  .s5-app[data-s5-palette="brand"] .s13-journey-steps p{font-size:13px!important}
  .s5-app[data-s5-palette="brand"] .s13-journey-bottom{margin-top:34px!important;font-size:14px!important}
}
@media(max-width:350px){
  .s5-app[data-s5-palette="brand"] .s13-journey{gap:24px}
  .s5-app[data-s5-palette="brand"] .s13-journey-steps li{gap:11px}
  .s5-app[data-s5-palette="brand"] .s13-journey-steps h3{font-size:17px}
  .s5-app[data-s5-palette="brand"] .s13-journey-visual figcaption{left:16px;right:16px;bottom:17px}
}
@media(prefers-reduced-motion:reduce){
  .s5-app[data-s5-palette="brand"] .s13-journey-visual img{transition:none!important}
}