/* NoirPlay v47.4 — Slim Hero */
.home-hero{
  min-height:238px!important;
  grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr)!important;
  align-items:stretch!important;
}
.home-hero-copy{
  padding:28px 30px!important;
  justify-content:center!important;
}
.home-badge{margin-bottom:5px!important;transform:scale(.94);transform-origin:left center}
.home-hero h1{
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.96!important;
  max-width:560px!important;
  margin:10px 0 8px!important;
}
.home-hero p{
  max-width:490px!important;
  font-size:10px!important;
  line-height:1.55!important;
  margin:0!important;
}
.home-hero-actions{
  margin-top:16px!important;
  gap:7px!important;
}
.home-hero-actions .btn{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:8px!important;
}
.home-hero-side{
  padding:12px 14px 12px 0!important;
  align-items:stretch!important;
}
.home-overview-card{
  height:100%!important;
  padding:10px!important;
  border-radius:15px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.home-compact-stats{
  gap:7px!important;
  margin:0 0 8px!important;
}
.home-compact-stats article{
  min-height:62px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
}
.home-compact-stats article span{font-size:7px!important}
.home-compact-stats article b{font-size:18px!important}
.home-hero-note{display:none!important}
.np36-mini-reel{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:0!important;
}
.np36-mini-reel a,
.np36-mini-reel a:first-child{
  grid-row:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  border-radius:8px!important;
}
.np36-mini-reel-badge{font-size:6px!important;padding:3px 5px!important;left:5px!important;bottom:5px!important}

@media(max-width:1100px){
  .home-hero{
    min-height:220px!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
  }
  .home-hero-copy{padding:24px!important}
  .home-hero h1{font-size:clamp(30px,4vw,46px)!important}
}
@media(max-width:760px){
  .home-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .home-hero-copy{padding:23px 17px 16px!important}
  .home-hero h1{font-size:clamp(32px,10vw,44px)!important;max-width:none!important}
  .home-hero-side{padding:0 12px 12px!important}
  .home-overview-card{padding:9px!important}
  .home-compact-stats article{min-height:58px!important}
}