/* image shape fix 24 Oct 2026: width/height attributes forced tall boxes; use auto height, a landscape ratio and a height cap */
.split .pic img,.card img{height:auto}
.split .pic img{aspect-ratio:3/2;max-height:270px;object-position:50% 50%}
.split .pic img[src*="pilanesberg"]{object-position:50% 34%}
.split .pic img[src*="forest-road"]{object-position:50% 55%}
.split .pic img[src*="scenic-transfer"]{object-position:50% 60%}
.card img{max-height:240px}
@media(min-width:900px){.split .pic img{aspect-ratio:3/2;max-height:420px}.card img{max-height:260px}}
.hero.inner{min-height:0}
.hero.inner .hero-in{padding-top:2.25rem;padding-bottom:2.5rem}
.dark.sec{padding-block:clamp(2.5rem,6vw,4.25rem)}
@media(min-width:900px){.hero.inner{min-height:0}.hero.inner .hero-in{padding-top:3.5rem;padding-bottom:3.5rem}}
.hero.inner h1{font-size:clamp(2.3rem,8.5vw,4rem);margin-bottom:.75rem}
.hero.inner .actions{margin-top:1.1rem}