/* Level Up! Brand Guide 6.1 — five-service layout, measured spacing and clear card hierarchy. */
@media (min-width:1100px){
  #serviceCards{grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:stretch}
  #serviceCards>.service-card{grid-column:span 2;min-width:0}
  #serviceCards>.service-card:nth-child(n+4){grid-column:span 3}
}
@media (min-width:681px) and (max-width:1099px){
  #serviceCards{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
  #serviceCards>.service-card{grid-column:auto;min-width:0}
  #serviceCards>.service-card:nth-child(5){grid-column:1/-1}
}
@media (max-width:680px){
  #serviceCards,#serviceCards.hu-layout{grid-template-columns:minmax(0,1fr)!important}
  #serviceCards>.service-card{grid-column:auto;min-width:0}
}
#serviceCards>.service-card{height:100%;overflow-wrap:break-word}
#serviceCards>.service-card:nth-child(5)::after{background:var(--lime)}
#serviceCards>.service-card h3{line-height:1.25;overflow-wrap:break-word}
#serviceCards>.service-card p{line-height:1.65}
#serviceCards>.service-card .card-icon{flex-shrink:0}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  #serviceCards>.service-card{transition:none!important;animation:none!important}
}

#serviceCards>.service-card.motion-reveal{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
