/* V40: fotografie-rijke homepage en expliciete alfabetische overzichten */
.home-visual-directory-v40{background:#f1f7f5}
.home-visual-grid-v40{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.home-visual-grid-v40>a{overflow:hidden;background:#fff;border:1px solid #d5e7e2;border-radius:18px;color:#103f3d;text-decoration:none;box-shadow:0 9px 24px rgba(8,62,60,.08);transition:transform .18s ease,box-shadow .18s ease}
.home-visual-grid-v40>a:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(8,62,60,.15)}
.home-visual-grid-v40 img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}
.home-visual-grid-v40 div{display:flex;flex-direction:column;gap:7px;padding:17px 18px 19px}
.home-visual-grid-v40 strong{font-size:1.08rem}.home-visual-grid-v40 span{min-height:42px;color:#52706d;font-size:.93rem;line-height:1.45}.home-visual-grid-v40 b{color:#086b67;font-size:.9rem}
[aria-label="Alfabetisch overzicht"]{ }
@media(max-width:1050px){.home-visual-grid-v40{grid-template-columns:repeat(3,1fr)}}
@media(max-width:740px){.home-visual-grid-v40{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.home-visual-grid-v40{grid-template-columns:1fr}.home-visual-grid-v40 span{min-height:0}}

/* V40.9: beeldkaders altijd afdwingen; voorkom lange portret-crops op live pagina's. */
.home-visual-grid-v40>a>img{display:block;width:100%;height:auto!important;aspect-ratio:4/3!important;object-fit:cover;object-position:50% 50%}
.home-visual-grid-v40>a:nth-child(1)>img{object-position:53% 50%}
.home-visual-grid-v40>a:nth-child(2)>img{object-position:50% 50%}
.home-visual-grid-v40>a:nth-child(3)>img{object-position:50% 48%}
.home-visual-grid-v40>a:nth-child(4)>img{object-position:49% 43%}
.home-visual-grid-v40>a:nth-child(n+5)>img{object-position:50% 50%}
.home .v33-choice>img,.home .animal-grid a>img,.home .route-card>img,.home .step-grid article>img,.home .topic-grid a>img{height:auto!important;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
.home .feature-card>img,.home .split>img,.home .partner-card .card-media>img{height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:50% 45%}
@media(max-width:500px){.home-visual-grid-v40>a>img{aspect-ratio:16/9!important}.home .feature-card>img,.home .split>img,.home .partner-card .card-media>img{aspect-ratio:16/9}}
