:root { --hero-h: 56vh; }
.hero {
  min-height: var(--hero-h);
  background: url('/public/assets/img/bus-hero.svg') center/cover no-repeat;
  display: grid; place-items: center;
}
.hero .overlay { background: rgba(0,0,0,0.45); padding: 2rem; border-radius: 1rem; }
.card-category:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }