/* ====== Base ====== */
.vaia-path-cards{
  --vaia-accent: var(--ast-global-color-7);
  --vaia-maxw: 1200px;
  --vaia-row-gap: 180px;
  --vaia-path-inset: clamp(42px, 4.5vw, 84px);
  --vaia-path-inset-x: clamp(140px, 11vw, 260px);
  --vaia-path-inset-y: clamp(60px, 7vw, 140px);
  position:relative;
}
.vaia-path-cards__inner{
  position:relative;
  max-width:var(--vaia-maxw);
  margin-inline:auto;
  padding:48px 16px;
}
.vaia-path-cards__rows{
  position:relative;
  display:grid;
  gap:var(--vaia-row-gap);
  z-index:3;
}
/* ====== Path layer ====== */
.vaia-path-cards__path{
  position:absolute;
  inset: calc(var(--vaia-path-inset-y) * -1) calc(var(--vaia-path-inset-x) * -1);
  pointer-events:none;
  z-index:1;
  overflow: hidden;
}
.vaia-path-cards__svg{width:100%;height:100%;display:block;overflow:visible;}
.vaia-path-cards__stroke,
.vaia-path-cards__arrow{
  stroke:var(--vaia-accent);
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:5 5;
}
.vaia-path-cards__dot{
  position:absolute;
  left:0; top:0;
  width:25px; height:25px;
  transform: translate(-50%, -50%);
  z-index:2;
}
.vaia-path-cards__dot svg{width:100%;height:100%;display:block;}
/* ====== Rows ====== */
.vaia-path-cards__row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);
  gap:55px;
  align-items:center;
}
.vaia-path-cards__row.is-image-right{
  grid-template-columns:minmax(260px,1fr) minmax(220px,1fr);
}
.vaia-path-cards__row.is-image-right .vaia-path-cards__media{order:2;}
.vaia-path-cards__row.is-image-right .vaia-path-cards__content{order:1;}
.vaia-path-cards__media-inner{
  border-radius:999px;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#f2f2f2;
}
.vaia-path-cards__media-inner img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}
.vaia-path-cards__title{
  margin:0 0 30px;
  font-size:clamp(20px,2.2vw,32px);
  line-height:1.15;
}
.vaia-path-cards__link{margin:0;}
.vaia-path-cards__link a{
  display:inline-flex;
  gap:15px;
  align-items:center;
  text-decoration:none;
  font-weight:600;
  color: var(--ast-global-color-2);
}
.vaia-path-cards__link a:hover{text-decoration:underline;}
.vaia-path-cards__link-icon{
  display:inline-flex;
  width:22px;height:22px;
  align-items:center;justify-content:center;
  line-height:1;
}
/* ====== Mobile ====== */
@media (max-width:800px){
  html,
  body {
    overflow-x: clip;
    width: 100%;
    max-width: 100%;
  }
  .vaia-path-cards__row,
  .vaia-path-cards__row.is-image-right{grid-template-columns:1fr;}
  .vaia-path-cards__row.is-image-right .vaia-path-cards__media,
  .vaia-path-cards__row.is-image-right .vaia-path-cards__content{order:initial;}
  /*.vaia-path-cards__path{display:none;}*/
}