.games{

    padding-block:6rem 5rem;

}

.section-heading{

    text-align:center;

    margin-bottom:3rem;

}

.section-eyebrow{

    display:block;

    font-family:"Manrope",sans-serif;

    font-size:.85rem;

    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:var(--gold-mid);

    margin-bottom:.75rem;

}

.section-title{

    font-family:"Cormorant Garamond",serif;

    font-weight:600;

    font-size:clamp(2rem,4vw,2.75rem);

    color:var(--color-title);

}

.games-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:1.75rem;

}

.game-card{

    background:var(--color-surface);

    border-radius:var(--radius-md);

    padding:2rem 1.15rem;

    box-shadow:var(--shadow-soft);

    transition:transform var(--speed-fast) ease;

}

.game-card:hover{

    transform:translateY(-4px);

}

.game-card-meta{

    display:flex;

    gap:.75rem;

    margin-bottom:1rem;

}

.game-card-tag{

    font-family:"Manrope",sans-serif;

    font-size:.75rem;

    font-weight:600;

    color:var(--color-secondary);

    background:rgba(45,106,115,.08);

    padding:.3rem .7rem;

    border-radius:var(--radius-sm);

}

.game-card-title{

    font-family:"Cormorant Garamond",serif;

    font-weight:600;

    font-size:1.5rem;

    color:var(--color-title);

    margin-bottom:.75rem;

}

.game-card-text{

    font-family:"Manrope",sans-serif;

    font-size:.95rem;

    color:var(--color-text);

    line-height:1.6;

}

.game-card-link{

    display:inline-block;

    margin-top:1.25rem;

    font-family:"Manrope",sans-serif;

    font-size:.9rem;

    font-weight:700;

    color:var(--color-primary);

    border-bottom:1px solid currentColor;

    transition:color var(--speed-fast) ease;

}

.game-card-link:hover{

    color:var(--gold-mid);

}

@media (max-width:480px){

    .games{

        padding-block:4rem 3rem;

    }

}