/* Study in the Netherlands — page-specific styles */

.hero{background-image:url("/media/destinations/netherlands/hero-student-walking-campus-steps-headphones.jpg?v=58d4d8068a");}

/* Reason cards carry a mapped image strip on top, like related/scope cards. */
.reason:has(.card-figure){padding:0;overflow:hidden;gap:0}
.reason .card-figure{aspect-ratio:16/9;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--border)}
.reason .card-figure img{width:100%;height:100%;object-fit:cover;display:block}
.reason:has(.card-figure) .num,
.reason:has(.card-figure) h3,
.reason:has(.card-figure) p{padding-left:26px;padding-right:26px}
.reason:has(.card-figure) .num{margin-top:24px}
.reason:has(.card-figure) p{padding-bottom:28px}

/* Five reason cards: keep a balanced grid above the mobile breakpoint. */
@media (min-width:1101px){
  .reasons-grid{grid-template-columns:repeat(6,1fr)}
  .reasons-grid .reason{grid-column:span 2}
  .reasons-grid .reason:nth-child(4){grid-column:2 / span 2}
  .reasons-grid .reason:nth-child(5){grid-column:4 / span 2}
}