/* v1.6.5 — banner artwork refresh */
@media screen and (min-width:801px){
  .flightdeck-hero{
    background:
      radial-gradient(circle at 72% 22%, #7fc9f033 0, transparent 17%),
      radial-gradient(circle at 86% 15%, #ffcb7540 0, transparent 10%),
      linear-gradient(102deg,#0a2d57 0%,#10416f 53%,#1e79b3 100%);
    overflow:hidden;
  }
  .flightdeck-hero:before{
    content:'';
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 84% 18%, #ffe8b36b 0, #ffe8b31a 11%, transparent 24%),
      radial-gradient(circle at 83% 18%, #ffffff14 0, transparent 38%),
      linear-gradient(90deg,#08274aeb 0%,#0c3561cc 44%,#0b4f7a55 67%,transparent 84%);
    z-index:0;
    pointer-events:none;
  }
  .hero-ambient{
    background:
      linear-gradient(90deg,#08284cdf 0%,#0d3562bb 36%,transparent 63%),
      radial-gradient(circle at 78% 48%,#8ed8ff0f 0,transparent 31%);
  }
  .hero-copy{position:relative;z-index:3;max-width:52%}
  .hero-plane-art{
    width:min(60%,880px);
    max-width:none;
    right:1%;
    left:auto;
    top:-4px;
    opacity:.34;
    filter:drop-shadow(0 22px 38px #06274624);
    transform:none;
  }
  .flight-plan{z-index:4}
}
@media screen and (min-width:801px) and (max-width:1280px){
  .hero-plane-art{width:62%;right:-2%;top:14px;opacity:.31}
  .hero-copy{max-width:56%}
}
@media screen and (max-width:800px){
  .hero-plane-art{opacity:.20}
}