/* V10.9: the Roadmap mascot stays fully visible in its own small frame.
   The generic internal-page artwork was taller than this compact hero and
   pushed Gippittino above the visible area. */
.route-roadmap .collection-hero--roadmap:after{
  right:clamp(32px,5vw,64px);
  bottom:0;
  width:clamp(172px,15vw,225px);
  height:250px;
  background:linear-gradient(180deg,transparent 0%,rgba(4,14,36,.05) 55%,rgba(4,14,36,.83) 100%),url("../img/gippittino-header.jpg") center/cover no-repeat;
  border:1px solid rgba(210,130,255,.68);
  border-radius:45% 45% 16% 16%;
  box-shadow:0 0 0 8px rgba(102,52,160,.16),0 0 42px rgba(211,104,255,.35);
  filter:saturate(1.18) hue-rotate(12deg);
  transform:none;
}

@media (max-width:800px){
  .route-roadmap .collection-hero--roadmap:after{
    right:18px;
    bottom:-8px;
    width:clamp(145px,30vw,205px);
    height:230px;
  }
}

@media (max-width:520px){
  .route-roadmap .collection-hero--roadmap:after{
    right:3px;
    bottom:-8px;
    width:143px;
    height:196px;
  }
}