/* The landscape stays steady. Pointer depth and flight affect only the plane. */
.svp-shell .svp-hero-motion{isolation:isolate}
.svp-shell .svp-hero-motion::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:-128% auto -49% -13%;
  width:58%;
  border-right:clamp(12px,1.4vw,24px) solid #087bd5;
  border-radius:0 0 30% 0 / 0 0 100% 0;
  background:linear-gradient(130deg,#12283f,#1c4063);
  pointer-events:none;
}
.svp-shell .svp-hero-motion .svp-hero-copy{z-index:2}
.svp-shell .svp-hero-motion .svp-hero-art{
  left:38%;
  opacity:1;
  background:#375a79 url('/static/brand/sivisapro-travel.webp') center bottom/100% 100% no-repeat;
  pointer-events:none;
}
.svp-shell .svp-hero-motion .svp-hero-aircraft{
  position:absolute;
  top:9%;
  left:34%;
  width:clamp(84px,10vw,164px);
  height:auto;
  translate:var(--svp-hero-x,0px) var(--svp-hero-y,0px);
  filter:drop-shadow(0 2px 3px #122f5070);
  transition:translate 300ms ease-out;
  animation:svp-hero-flight 12s ease-in-out infinite;
}
@keyframes svp-hero-flight{
  0%,100%{transform:translate(0,2px) rotate(-2deg)}
  50%{transform:translate(13px,-3px) rotate(0)}
}
@media(max-width:1000px){
  .svp-shell .svp-hero-motion::before{width:66%}
  .svp-shell .svp-hero-motion .svp-hero-art{left:46%}
}
@media(max-width:760px){
  .svp-shell .svp-hero-motion::before{
    inset:0;
    width:auto;
    border:0;
    border-radius:0;
    background:linear-gradient(90deg,#12283f 22%,#142e49d9 58%,#17375670);
  }
  .svp-shell .svp-hero-motion .svp-hero-art{left:24%;background-size:cover}
  .svp-shell .svp-hero-motion .svp-hero-aircraft{left:56%;top:12%}
}
@media(prefers-reduced-motion:reduce){
  .svp-shell .svp-hero-motion .svp-hero-aircraft{animation:none;transition:none;translate:none}
}