/* A self-contained promotion: only cards move, never the section's layout. */
.home-card-game{margin-block:clamp(28px,5vw,68px);scroll-margin-top:140px}
.card-game-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(18px,4vw,58px);align-items:center;min-height:590px;padding:clamp(32px,5vw,72px);overflow:hidden;border-radius:28px;color:#fff;background:radial-gradient(ellipse at 95% 45%,rgba(244,194,86,.13),transparent 54%),#122135}
.card-game-copy{position:relative;z-index:2;min-width:0}
.card-game-eyebrow{margin:0 0 26px;color:#ffce73;font-size:12px;letter-spacing:.16em;font-weight:600;line-height:1.6}
.card-game-panel h2{margin:0 0 26px;font-size:clamp(28px,3.6vw,50px);line-height:1.55;letter-spacing:-.05em;font-weight:700;color:#fff;overflow-wrap:anywhere}
.card-game-gold{color:#ffce73}
.card-game-name{margin:0 0 15px;font-size:15px;font-weight:700;line-height:1.8}
.card-game-description{margin:0 0 26px;color:#d8e1ec;font-size:16px;line-height:2}
.card-game-badges{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 28px;padding:0}
.card-game-badges li{padding:7px 12px;border:1px solid rgba(255,255,255,.3);border-radius:30px;font-size:12px;line-height:1.5}
.card-game-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;max-width:100%;padding:15px 24px;border-radius:36px;background:#ef4829;color:#fff;text-decoration:none;font-size:15px;font-weight:700;line-height:1.6;transition:background-color .2s ease}
.card-game-link:hover{background:#d9391c;color:#fff}
.card-game-link:focus-visible{outline:3px solid #ffce73;outline-offset:5px}
.card-game-link span{flex:none}
.card-game-platforms{margin:14px 0 0;color:#c1cddd;font-size:12px;line-height:1.9}
.card-game-platforms span{display:block}
.card-game-art{position:relative;min-width:0;width:100%;margin:0;align-self:center}
.card-game-fan{position:relative;height:380px;width:100%;perspective:900px}
.card-game-card{position:absolute;left:50%;top:50%;width:clamp(145px,17vw,215px);height:auto;aspect-ratio:868/1213;object-fit:contain;border-radius:9px;box-shadow:0 18px 35px rgba(0,0,0,.3);transform-origin:50% 75%;backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.75,.2,1);--card-lift:0px}
.card-game-card-left{z-index:1;transform:translate(-94%,calc(-50% + var(--card-lift))) rotate(-15deg)}
.card-game-card-right{z-index:2;transform:translate(-6%,calc(-50% + var(--card-lift))) rotate(15deg)}
.card-game-card-center{z-index:3;transform:translate(-50%,calc(-58% + var(--card-lift)))}
.card-game-art figcaption{position:relative;margin:4px 0 0;text-align:center;color:#c1cddd;font-size:12px;line-height:1.8}
.home-card-game.card-game-pending .card-game-card-left{transform:translate(-53%,-50%) rotate(-3deg)}
.home-card-game.card-game-pending .card-game-card-right{transform:translate(-47%,-50%) rotate(3deg)}
.home-card-game.card-game-pending .card-game-card-center{transform:translate(-50%,-50%)}
/* This component owns its entrance; the site's scroll reveal must not move its heading. */
.home-card-game .reveal{--entrance-opacity:1!important;--entrance-y:0px!important;opacity:1!important;transform:none!important;transition:none!important}
@media(hover:hover) and (pointer:fine){body:not(.motion-paused) .home-card-game:not(.card-game-pending) .card-game-art:hover .card-game-card{--card-lift:-6px}}
@media(max-width:1000px) and (min-width:851px){.card-game-panel{padding:38px 30px;gap:28px}.card-game-fan{height:330px}.card-game-card{width:150px}.card-game-panel h2{font-size:32px}.card-game-description{font-size:15px}}
@media(max-width:850px){
 .home-card-game{margin-block:32px}
 .card-game-panel{display:flex;flex-direction:column;gap:12px;min-height:0;padding:26px 26px 32px;border-radius:23px}
 .card-game-art{order:-1;max-width:420px}
 .card-game-fan{height:280px}
 .card-game-card{width:clamp(104px,32vw,155px);border-radius:7px}
 .card-game-art figcaption{margin:0 0 6px;font-size:11px}
 .card-game-copy{width:100%}
 .card-game-eyebrow{margin-bottom:17px;font-size:11px;letter-spacing:.13em}
 .card-game-panel h2{font-size:clamp(25px,6.8vw,37px);line-height:1.55;margin-bottom:20px}
 .card-game-name{font-size:13px;margin-bottom:12px}
 .card-game-description{font-size:14px;line-height:1.95;margin-bottom:21px}
 .card-game-badges{margin-bottom:23px;gap:8px}
 .card-game-badges li{font-size:11px;padding:6px 10px}
 .card-game-link{width:100%;padding:15px 16px;gap:16px;font-size:13px}
 .card-game-platforms{font-size:11px}
}
@media(max-width:370px){.card-game-panel{padding-inline:20px}.card-game-fan{height:235px}.card-game-card{width:105px}.card-game-panel h2{font-size:25px}.card-game-link{gap:8px;font-size:12px}}
body.motion-paused .home-card-game .card-game-card{transition:none;--card-lift:0px;animation:none}
body.motion-paused .home-card-game.card-game-pending .card-game-card-left{transform:translate(-94%,-50%) rotate(-15deg)}
body.motion-paused .home-card-game.card-game-pending .card-game-card-right{transform:translate(-6%,-50%) rotate(15deg)}
body.motion-paused .home-card-game.card-game-pending .card-game-card-center{transform:translate(-50%,-58%)}
@media(prefers-reduced-motion:reduce){
 .home-card-game .card-game-card,.home-card-game .card-game-link{transition:none!important;--card-lift:0px!important}
 .home-card-game.card-game-pending .card-game-card-left{transform:translate(-94%,-50%) rotate(-15deg)}
 .home-card-game.card-game-pending .card-game-card-right{transform:translate(-6%,-50%) rotate(15deg)}
 .home-card-game.card-game-pending .card-game-card-center{transform:translate(-50%,-58%)}
}