.games-section { padding: 95px 0 88px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 40px; }
.section-heading .eyebrow { font-size: .74rem; }
.section-heading > p { color: var(--muted); font-size: 1rem; padding-bottom: 8px; }
.section-heading h1 em { color: var(--purple); }
.featured-game { display: grid; grid-template-columns: 1fr 1fr; border-radius: 18px; overflow: hidden; background: #28183e; color: white; }
.game-art { position: relative; min-height: 680px; overflow: hidden; }
.game-art > img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; }
.game-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(#0e121655 0%, transparent 45%, #100713d9 100%); }
.game-art-title { position: absolute; z-index: 1; bottom: 40px; left: 35px; right: 25px; display: grid; font: 900 clamp(3rem, 5vw, 4.6rem)/.95 var(--display); letter-spacing: -.07em; transform: rotate(-4deg); text-shadow: 0 3px 0 #5b2e0b; color: #fff3cb; }
.game-art-title span:last-child { color: #ffc16d; }
.art-label { position: absolute; top: 20px; left: 20px; z-index: 1; font-size: .75rem; background: #171020c9; color: white; padding: 4px 10px; border-radius: 4px; }
.game-copy { padding: 46px 48px; align-self: center; }
.game-kicker { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 30px; font-size: .78rem; color: #e1d1eb; }
.game-copy h2 { font-size: clamp(2.6rem, 4.3vw, 4.25rem); }
.game-copy em { color: #ffa64d; }
.game-copy > p:not(.release-note) { margin-top: 24px; color: #e0d6e8; }
.game-highlights { margin: 24px 0 32px; padding: 0; list-style: none; color: #eee3f8; font-size: .9rem; }
.game-highlights li { margin-bottom: 9px; }
.game-highlights li::before { content: '✦'; margin-right: 10px; color: #ffa64d; }
@media (max-width: 1000px) { .game-copy { padding: 35px; } .game-art { min-height: 650px; } }
@media (max-width: 760px) { .section-heading { display: block; } .section-heading > p { margin-top: 25px; } .games-section { padding: 48px 0; } .featured-game { grid-template-columns: 1fr; } .game-art { min-height: 440px; } .game-art > img { object-position: center 56%; } .game-art-title { font-size: clamp(2.4rem, 10vw, 3.8rem); bottom: 25px; } .game-copy { padding: 32px 25px; } }