.hero{text-align:center;max-width:46rem;margin:0 auto clamp(1.5rem,4vw,2.5rem)}.hero h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(2.1rem,7vw,3.2rem);line-height:1.15}.hero p{color:var(--text-muted);margin:0;font-size:clamp(1.05rem,2.5vw,1.2rem)}.game-list{flex-wrap:wrap;justify-content:center;gap:1.25rem;scroll-margin-top:1rem;display:flex}.game-card{border:1px solid var(--border-color);background-color:var(--secondary-color);max-width:24rem;color:var(--text-color);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;flex:18rem;gap:.6rem;padding:1.4rem 1.4rem 1.5rem;transition:transform .15s,box-shadow .15s;display:flex}.game-card:hover{transform:translateY(-2px)}.game-card__image{aspect-ratio:3/2;object-fit:cover;background-color:var(--border-color);border-radius:13px 13px 0 0;width:calc(100% + 2.8rem);max-width:none;height:auto;margin:-1.4rem -1.4rem .4rem;display:block}.game-card__image--top{object-position:top}.game-card h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.2}.game-card p{color:var(--text-muted);margin:0}.play-button{background-color:var(--primary-color);color:var(--on-primary);border-radius:999px;justify-content:center;align-self:stretch;align-items:center;margin-top:auto;padding:.7rem 1.25rem;font-size:1.15rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.play-button:hover{background-color:var(--primary-hover)}.play-button:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.prose{margin-top:1rem}@media (prefers-reduced-motion:reduce){.game-card,.play-button{transition:none}.game-card:hover{transform:none}}