.game-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.game-tile{min-width:0;padding:20px 16px 24px;border-radius:6px;color:#111;display:flex;flex-direction:column}
.game-tile--wake{background:var(--green)}
.game-tile--jelly{background:var(--pink)}
.game-tile--kitten{background:#80d7f5}
.game-tile__meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 4px 18px;font-size:12px;line-height:1.5;letter-spacing:.035em}
.game-visual{position:relative;isolation:isolate;aspect-ratio:9/16;overflow:hidden;border-radius:3px;background:#10101f}
.game-visual>img,.game-visual__video{display:block;width:100%;height:100%;object-fit:cover}
.game-visual__video{position:absolute;inset:0;opacity:0;transition:opacity .2s ease}
.game-visual--video.has-played .game-visual__video{opacity:1}
.game-visual__branding{position:absolute;inset:0 0 auto;padding:8% 8% 15%;background:linear-gradient(#072d3866,transparent);pointer-events:none}
.game-visual__branding img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 8px #082b3c40)}
.game-tile__caption{padding:23px 5px 0}
.game-tile__caption h3{font-size:clamp(23px,2.1vw,34px);line-height:1.1;letter-spacing:-.045em;font-weight:800;margin:0;overflow-wrap:anywhere}
.game-tile__caption p{margin:9px 0 0;font-size:14px;line-height:1.5;color:#24252c}
.video-toggle{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#071f31c9;color:#fff;cursor:pointer;z-index:2}
.video-toggle[hidden]{display:none}
.video-toggle:hover{background:#071f31}
.video-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.video-toggle svg{width:23px;height:23px;fill:currentColor}
.video-toggle__pause{display:none;fill:none;stroke:currentColor;stroke-width:3}
.is-playing .video-toggle__pause{display:block}
.is-playing .video-toggle__play{display:none}
@media(min-width:761px) and (max-width:1099px){.game-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.game-tile__caption h3{font-size:29px}}
@media(max-width:760px){.game-showcase{grid-template-columns:minmax(0,1fr);gap:26px;max-width:470px;margin-inline:auto}.game-tile{padding:18px 16px 23px}.game-tile__caption h3{font-size:30px}}