.game{padding-top:26px}

.game-hero{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:18px;
  align-items:center;
  background:linear-gradient(180deg,#2f2f2f,#2a2a2a);
  border:1px solid #1f1f1f;
  border-radius:14px;
  padding:18px;
  box-shadow: var(--shadow);
}

.game-hero h1{
  margin:0 0 10px;
  font-size:46px;
  letter-spacing:1px;
}

.lead{
  margin:0 0 14px;
  color:var(--muted);
  line-height:1.55;
  max-width:560px;
}

.cta{display:flex; gap:10px; flex-wrap:wrap; margin:12px 0 10px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid #1b1b1b;
  background:#242424;
  color:var(--text);
  font-weight:800;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.btn:hover{filter:brightness(1.1); text-decoration:none}
.btn.primary{
  background:linear-gradient(90deg,var(--accent),#a855f7);
  border-color:#2a0d66;
}

.facts{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.pill{
  padding:6px 10px;
  border-radius:999px;
  background:#202020;
  border:1px solid #151515;
  font-weight:800;
  font-size:12px;
  color:#eaeaea;
}

.game-hero__art img{
  width:100%;
  object-fit:flex;
  border-radius:12px;
  border:1px solid #1f1f1f;
}

.grid3{
  margin-top:16px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
.feature{
  background:linear-gradient(180deg,#2f2f2f,#2a2a2a);
  border:1px solid #1f1f1f;
  border-radius:14px;
  padding:14px;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.feature h3{margin:0 0 8px}
.feature p{margin:0; color:#d7d7d7; line-height:1.55}

.media, .shots, .press{margin-top:22px}
.media h2, .shots h2, .press h2{margin:0 0 10px}

.video{
  border-radius:14px;
  overflow:hidden;
  border:1px solid #1f1f1f;
  box-shadow:var(--shadow);
}
.video iframe{
  width:100%;
  height:420px;
  display:block;
}

.shot-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.shot-grid img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid #1f1f1f;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

@media (max-width: 980px){
  .game-hero{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .shot-grid{grid-template-columns:1fr 1fr}
  .video iframe{height:260px}
}