.hub{max-width:1000px;margin:25px auto}.hub-heading{display:grid;grid-template-columns:1fr 170px;gap:20px;align-items:center}.hub-heading .cat{width:170px;height:170px}.hub-heading h1{font-size:38px}.game-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.game-card{overflow:hidden;background:#fff9e9;border:1px solid var(--edge);border-radius:16px;text-decoration:none;display:flex;flex-direction:column}.game-card img{display:block;width:100%;height:260px;object-fit:cover;object-position:top}.game-card .copy{padding:16px;flex:1;display:flex;flex-direction:column}.game-card h2{font-size:21px;margin-bottom:10px}.game-card p{font-size:12px;line-height:1.9;color:var(--muted);flex:1}.game-card span{font-size:12px;color:var(--teal);min-height:44px;display:flex;align-items:center}.game-card:hover{border-color:#8da48a}@media(max-width:900px){.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.hub-heading{grid-template-columns:1fr 100px;gap:10px}.hub-heading .cat{width:100px;height:100px}.hub-heading h1{font-size:28px}.hub-heading p{font-size:12px}.game-cards{gap:12px}.game-card img{height:200px}.game-card .copy{padding:12px}.game-card h2{font-size:18px}.game-card p{font-size:11px}}
.hub-note{margin-top:25px}