.home-games { border-top: 1px solid var(--line); padding-block: 65px 72px; }
.home-games-heading h2 { font-size: clamp(2rem, 3.8vw, 3rem); letter-spacing: -.05em; margin-top: 20px; }
.home-game-card { display: grid; grid-template-columns: 1.35fr 1fr; margin-top: 35px; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; background: #0b0d11; transition: border-color .25s; }
.home-game-card:hover { border-color: #3f649a; }
.home-game-art { background: #080f19; overflow: hidden; align-self: stretch; display: flex; align-items: center; }
.home-game-art img { width: 100%; height: auto; aspect-ratio: 1024/500; object-fit: contain; transition: transform .6s; }
.home-game-card:hover .home-game-art img { transform: scale(1.025); }
.home-game-copy { padding: 32px 35px; align-self: center; }
.home-game-copy .eyebrow { font-size: .625rem; }
.home-game-copy h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -.045em; margin-top: 18px; }
.home-game-copy h3 > span { display: block; font-size: .5em; letter-spacing: -.02em; color: var(--blue-bright); margin-top: 7px; font-weight: 400; }
.home-game-copy > p:not(.eyebrow) { color: var(--muted); font-size: .8125rem; line-height: 1.8; margin-top: 16px; }
.home-game-cta { display: flex; justify-content: space-between; align-items: center; color: #cbdcf7; font-size: .8125rem; margin-top: 25px; padding-top: 16px; border-top: 1px solid #2a323f; }
.home-game-cta span { color: var(--blue-bright); font-size: 1.25rem; transition: transform .25s; }
.home-game-card:hover .home-game-cta span { transform: translate(2px, -2px); }
@media (max-width: 760px) { .home-games { padding-block: 45px 50px; } .home-game-card { grid-template-columns: 1fr; margin-top: 28px; } .home-game-copy { padding: 27px 24px; } .site-header nav { gap: 17px; font-size: .75rem; } }
@media (max-width: 420px) { .site-header nav > a[href="#about"] { display: none; } }
@media (prefers-reduced-motion: reduce) { .home-game-card, .home-game-card img, .home-game-cta span { transition: none; } .home-game-card:hover .home-game-art img, .home-game-card:hover .home-game-cta span { transform: none; } }