.hero-grid{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items:center;
  gap:32px;
  padding:26px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius:16px;
}
.hero-left h1{ margin: 0 0 8px; font-size: clamp(28px, 4.5vw, 44px); line-height:1.15 }
.hero-left p{ max-width: 68ch; margin: 0 0 16px; font-size: 18px }
.hero-left .btn{ height:48px; padding:0 20px; border-radius:12px }
.container .card{ background:#0b0f17 url('') no-repeat !important; background-size:cover; background-position:center }
.hero-right{ display:flex; justify-content:center }
.hero-logo{ width: min(420px, 40vw); height:auto; filter: drop-shadow(0 10px 30px rgba(0,0,0,.3)) }
@media (max-width: 900px){
  .hero-grid{ grid-template-columns: 1fr; gap:20px; padding:18px }
  .hero-right{ order:-1 }
  .hero-logo{ width:min(440px, 76vw) }
}
.playing-card, .ace-card, .king-card, .decor, .hero-decor{
  position: absolute !important;
  z-index: 0 !important;
  opacity: .08 !important;
  pointer-events:none !important;
}
.hero-left, .hero-right, .hero-grid{ position: relative; z-index: 1 }