/* section 1: hero banner */
.page-game-bai__hero-section{background:#fff;padding:10px 0 0;margin:0;}
.page-game-bai__hero-block{max-width:1200px;margin:0 auto;padding:0 16px}
.page-game-bai__hero-image{width:100%;aspect-ratio:17/5;object-fit:cover;display:block;max-width:100%;height:auto}
.page-game-bai__hero-content{max-width:1200px;margin:0 auto;padding:20px 16px;text-align:center}
.page-game-bai__hero-title{color:#0477db;font-size:clamp(1.2rem, 2.6vw, 2.1rem);font-weight:800;letter-spacing:.5px;line-height:1.3;margin:0 0 8px;word-break:break-word}
.page-game-bai__hero-description{color:#4a5568;font-size:1.05rem;line-height:1.5;margin:0 0 10px;max-width:780px;margin-left:auto;margin-right:auto}
.page-game-bai__hero-subtitle{color:#0477db;font-size:.95rem;font-weight:700;margin:0}
/* promo banner section */
.page-game-bai__promo-banner{background:linear-gradient(135deg, #3e9cca, #0477db);padding:32px 16px;margin-top:8px;text-align:center}
.page-game-bai__promo-title{color:#fff;font-size:1.8rem;line-height:1.35;margin:0 0 14px;letter-spacing:.3px}
.page-game-bai__promo-banner p{color:#fff;font-size:.95rem;line-height:1.7;margin:0 auto}
@media screen and (max-width:768px){
  .page-game-bai__hero-image{aspect-ratio:2/1}
  .page-game-bai__hero-title{font-weight:800;letter-spacing:0}
  .page-game-bai .page-game-bai__hero-image{max-width:100%!important;height:auto!important}
  .page-game-bai__promo-title{font-size:1.2rem}
  .page-game-bai__promo-banner p{font-size:.9rem}
}