/* GONAKIPR — background route 1b, adapted to the live page */
.page-route{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  --route-hero-h:755px;
  --route-programs-h:831px;
  --route-total-h:2700px;
  --route-shift-y:0px;
}
.page-route__hero-band,
.page-route__band,
.page-route__catalog-band,
.page-route__bg{position:absolute;left:0;right:0;pointer-events:none}
.page-route__hero-band{
  top:0;height:var(--route-hero-h);
  background:linear-gradient(135deg,#eef6ff 0%,#fff 48%,#fff7d9 100%);
  z-index:0;
}
.page-route__band{
  top:var(--route-hero-h);height:var(--route-programs-h);
  background:#F5F7FA;
  z-index:0;
}
.page-route__catalog-band{
  top:calc(var(--route-hero-h) + var(--route-programs-h));bottom:0;
  background:var(--bg);
  z-index:0;
}
.page-route__bg{
  top:var(--route-shift-y);
  width:3400px;height:1800px;left:auto;right:0;
  background:url("/assets/bg-1b/bg-route-desktop-color.svg") no-repeat right top / 3400px 1800px;
  z-index:1;
  transform:translateX(-30px);
  opacity:1;
  transition:transform 900ms cubic-bezier(.2,.7,.2,1);
}
.page-route.is-visible .page-route__bg{transform:none}
.page-route>.hero,.page-route>section{position:relative;z-index:2;background:transparent}
.page-route .dir,.page-route .card{background:#fff}

/* At narrower widths the full turn would enter the content column.
   Use the supplied mobile motif as two straight runs bound to the real section edges. */
@media(max-width:1100px){
  .page-route__bg{
    top:0;left:0;right:0;width:100%;height:100%;
    background:none;
  }
  .page-route__bg::before,
  .page-route__bg::after{
    content:"";position:absolute;right:0;width:1200px;height:44px;
    background-repeat:no-repeat;background-position:right top;background-size:1200px 44px;
  }
  .page-route__bg::before{
    top:calc(var(--route-hero-h) - 22px);
    background-image:url("/assets/bg-1b/bg-route-mobile-top-color.svg");
  }
  .page-route__bg::after{
    top:calc(var(--route-hero-h) + var(--route-programs-h) - 22px);
    background-image:url("/assets/bg-1b/bg-route-mobile-bottom-color.svg");
  }
}
@media(max-width:767px){
  .page-route__bg::before,.page-route__bg::after{width:800px;background-size:800px 44px}
}
.page-route--mono .page-route__bg{background-image:url("/assets/bg-1b/bg-route-desktop-mono.svg")}
@media(max-width:1100px){
  .page-route--mono .page-route__bg{background:none}
  .page-route--mono .page-route__bg::before{background-image:url("/assets/bg-1b/bg-route-mobile-top-mono.svg")}
  .page-route--mono .page-route__bg::after{background-image:url("/assets/bg-1b/bg-route-mobile-bottom-mono.svg")}
}
@media(prefers-reduced-motion:reduce){
  .page-route__bg{transform:none;opacity:1;transition:none}
}
