/* Zes sectoren: een gebalanceerd raster in plaats van vijf kolommen met een losse tegel. */
.sector-grid{grid-template-columns:repeat(3,1fr)}

/* Zes regels in het hero-paneel op de homepage: laat het paneel meegroeien met de inhoud. */
.hero-visual{height:auto;min-height:555px}

@media(min-width:1600px){
    .hero-visual{min-height:595px}
}

@media(max-width:1190px){
    .hero-visual{min-height:520px}
}

@media(max-width:980px){
    .hero-visual{min-height:500px}
}

@media(max-width:720px){
    .hero-visual{min-height:380px}
    .sector-tile:last-child{grid-column:auto;min-height:200px}
}

/* Smalle schermen: het sectorenraster terug naar twee kolommen en de tegels
   laten krimpen. Zonder min-width:0 kan een gridkolom niet onder de
   min-content breedte van de tegel komen, wat horizontale overflow gaf op
   390px. De onderste regel van de tegel mag daarnaast omvouwen. */
.sector-tile{min-width:0}
.sector-tile>span:last-child{flex-wrap:wrap;gap:6px}

@media(max-width:720px){
    .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .sector-tile{min-height:180px}
}