/* Full-bleed cartoon mole poster behind the hero. */
.hero::after{content:"";position:absolute;inset:0;background:url("/assets/krotvpn-hero-mole.png") 88% 38%/cover no-repeat;z-index:0}
.hero-inner,.hero-facts{position:relative}

/* On narrow screens the hero becomes tall/portrait (min-height:70vh) while the
   poster is a wide landscape crop, so the desktop 88% 38% position pushes the
   mole almost entirely out of frame (only grass is left visible). Re-anchor
   it so the face stays in view. */
@media(max-width:719px){
  .hero::after{background-position:58% 44%}
}

/* ---------- Typography: warm serif headings instead of geometric sans ---------- */
body,button,input{font-family:Manrope,Arial,sans-serif!important}
.logo,h1,h2,.cards h3,.route-step h3{font-family:"PT Serif",Georgia,serif!important}