@font-face{font-family:Studio;src:local('Bahnschrift');font-display:swap}
.games-showcase{padding:145px var(--site-gutter) 90px;color:var(--site-white)}
.games-heading{margin-bottom:35px}
.games-heading h1{font:650 clamp(40px,4vw,56px)/1.1 Studio,Arial,sans-serif;letter-spacing:-.04em;margin:0}
.games-feature{display:grid;grid-template-columns:1.35fr 1fr;width:100%;max-width:1120px;min-height:420px;background:#111214;border:1px solid #ffffff20;border-radius:24px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.games-art{position:relative;overflow:hidden;min-height:420px}
.games-art img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 43%}
.games-feature:hover{transform:translateY(-4px);border-color:#e0434980;box-shadow:0 16px 35px #0004}
.games-copy{padding:32px 30px;align-self:start;min-width:0}
.games-status{display:flex;align-items:center;gap:9px;color:#e04349;font:700 11px/1.6 Arial,sans-serif;letter-spacing:.1em;margin:0 0 14px}
.games-status>span{width:5px;height:5px;background:#e04349;border-radius:50%;flex-shrink:0}
.games-copy h2{font:700 32px/1.1 Studio,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 7px}
.games-subtitle{font:15px/1.5 Arial,sans-serif;color:#d8d8d2;margin:0 0 14px}
.games-description{color:#aeb0b8;font:16px/1.6 Arial,sans-serif;margin:0 0 22px}
.games-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 24px}
.games-details>div{border:1px solid #ffffff20;border-radius:18px;padding:13px 11px;min-width:0}
.games-details dt{font:700 9px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#aeb0b8;margin-bottom:6px}
.games-details dd{font:650 12px/1.5 Arial,sans-serif;margin:0;color:var(--site-white);overflow-wrap:anywhere}
.games-feature:focus-visible{outline:2px solid #e04349;outline-offset:5px}
@media(max-width:1100px){.games-feature{grid-template-columns:1.1fr 1fr}.games-details{grid-template-columns:repeat(2,minmax(0,1fr))}.games-copy{padding:28px 24px}}
@media(max-width:760px){.games-showcase{padding-block:120px 60px}.games-feature{grid-template-columns:1fr;border-radius:20px}.games-art{min-height:0;aspect-ratio:16/10}.games-copy{padding:26px 24px}.games-copy h2{font-size:30px}.games-art img{object-position:50% 38%}}
@media(prefers-reduced-motion:reduce){.games-feature{transition:none}.games-feature:hover{transform:none}}
/* One artwork card, with the game information layered into it. */
.games-feature{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:480px;background:#111214}
.games-art{position:absolute;inset:0;min-height:0;aspect-ratio:auto;z-index:-2}
.games-art img{object-position:50% 43%}
.games-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0d10eb 0%,#0b0d10bd 38%,#0b0d1020 78%),linear-gradient(0deg,#0b0d10bf,transparent 85%)}
.games-copy{position:relative;align-self:auto;width:100%;max-width:660px;padding:36px;box-sizing:border-box;background:transparent}
.games-copy h2{font-size:40px}
.games-description{color:#d0d0d5;max-width:520px}
.games-subtitle{color:var(--site-white)}
.games-details{max-width:560px;grid-template-columns:repeat(4,minmax(0,1fr))}
.games-details>div{background:#10111480;border-color:#ffffff26;border-radius:14px;padding:12px}
.games-details dd{overflow-wrap:normal;font-size:13px}
@media(max-width:760px){.games-feature{min-height:540px}.games-art{min-height:0;aspect-ratio:auto}.games-art img{object-position:60% 35%}.games-art::after{background:linear-gradient(0deg,#0b0d10f5 0%,#0b0d10c9 50%,#0b0d1030 100%)}.games-copy{padding:28px 24px;max-width:none}.games-copy h2{font-size:34px}.games-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.games-description{font-size:15px}}
/* A clear title and a deliberate, uncropped character focal point. */
.games-feature{min-height:540px;align-items:center;border-radius:18px;border-color:#ffffff1f}
.games-art img{object-position:50% 0%}
.games-art::after{background:linear-gradient(90deg,#0b0d10f5 0%,#0b0d10db 24%,#0b0d1075 46%,#0b0d100d 72%),linear-gradient(0deg,#0b0d1099,transparent 45%)}
.games-copy{max-width:580px;padding:48px}
.games-status{font-size:10px;letter-spacing:.16em;margin-bottom:22px}
.games-copy h2{font-size:clamp(48px,5vw,64px);line-height:1;margin-bottom:10px}
.games-subtitle{font:600 18px/1.4 Studio,Arial,sans-serif;letter-spacing:.04em;margin-bottom:24px}
.games-description{font-size:17px;line-height:1.7;max-width:400px;color:#bfc1c8;margin-bottom:26px}
.games-details{display:flex;gap:36px;margin:0 0 30px;padding-top:20px;max-width:390px;border-top:1px solid #ffffff24}
.games-details>div{padding:0;border:0;border-radius:0;background:none}
.games-details dt{font-size:9px;letter-spacing:.15em;color:#92959f;margin-bottom:7px}
.games-details dd{font-size:14px;font-weight:500;color:#e3e3e7}
@media(max-width:760px){.games-feature{min-height:640px;align-items:flex-end;border-radius:14px}.games-copy{padding:30px 24px;max-width:none}.games-art img{object-position:52% 0%}.games-art::after{background:linear-gradient(0deg,#0b0d10fc 0%,#0b0d10e0 44%,#0b0d1030 82%)}.games-status{margin-bottom:16px}.games-copy h2{font-size:48px}.games-subtitle{font-size:17px;margin-bottom:18px}.games-description{font-size:16px;max-width:420px;margin-bottom:20px}.games-details{gap:28px;padding-top:18px;margin-bottom:24px}}