.download-showcase{padding:95px 6vw 120px;background:var(--paper)}
.download-showcase-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;max-width:1450px;margin:0 auto 48px}
.download-showcase-heading h2{font:800 clamp(54px,6vw,92px)/.86 var(--display);letter-spacing:-.045em;margin:20px 0 0}
.download-showcase-heading h2 em{color:#6fa800;font-style:italic}
.download-showcase-heading>p{color:#676b65;line-height:1.75;max-width:430px;margin:0 0 8px}
.download-showcase .download-filter{max-width:1450px;margin:0 auto 30px;display:flex;gap:8px;flex-wrap:wrap}
.download-showcase .download-filter button{border:1px solid #cbd0c7;background:transparent;color:#383c37;padding:12px 18px}
.download-showcase .download-filter button:hover,.download-showcase .download-filter button.active{background:var(--lime);border-color:var(--lime);color:#0b0d0b}
.download-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.download-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d5d8d1;border-radius:8px;overflow:hidden;padding:0;min-width:0;transition:transform .22s,box-shadow .22s,border-color .22s}
.download-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(15,18,14,.1);border-color:#a8ca61}
.download-card[hidden]{display:none}
.download-card-media{height:245px;position:relative;display:grid;place-items:center;background:#f7f7f4;padding:24px;overflow:hidden}
.download-card-media>img{width:100%;height:100%;object-fit:contain}
.download-card-category{position:absolute;z-index:2;top:14px;left:14px;background:var(--lime);color:#10120f;padding:8px 10px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}
.download-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#101310,#20261e)}
.download-placeholder img{width:82px;height:82px;object-fit:contain}
.download-placeholder span{color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700}
.download-card-body{padding:25px 22px 20px;display:flex;flex:1;flex-direction:column;text-align:center}
.download-card-game{color:#6a9f00;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}
.download-card h3{font:700 28px/1 var(--display);letter-spacing:-.02em;margin:12px 0 14px;text-transform:uppercase}
.download-card-body>p{color:#686d66;font-size:12px;line-height:1.65;margin:0 auto 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.download-card dl{display:grid;grid-template-columns:1fr 1fr;margin:auto 0 18px;border-top:1px solid #e1e3de;border-bottom:1px solid #e1e3de}
.download-card dl div{padding:12px 5px}.download-card dl div+div{border-left:1px solid #e1e3de}
.download-card dt{color:#858a83;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:700}.download-card dd{font-size:11px;font-weight:800;margin:4px 0 0}
.download-card-button{background:var(--ink);color:#fff;padding:16px 18px;display:flex;justify-content:center;gap:18px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;transition:.2s}
.download-card-button span{color:var(--lime)}.download-card-button:hover{background:var(--lime);color:#10120f}.download-card-button:hover span{color:#10120f}
.download-empty{max-width:1450px;margin:auto;border:1px solid #d1d5cd;background:#fff;padding:70px;text-align:center}.download-empty span{color:#6b9e00;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.download-empty h3{font:700 42px var(--display);margin:14px 0 8px}.download-empty p{color:#747971;margin:0}
@media(max-width:1150px){.download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.download-showcase{padding:72px 6vw 90px}.download-showcase-heading{grid-template-columns:1fr;gap:22px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card-media{height:220px}}
@media(max-width:540px){.download-showcase-heading h2{font-size:52px}.download-grid{grid-template-columns:1fr}.download-card-media{height:250px}.download-empty{padding:45px 22px}.download-empty h3{font-size:34px}}