/* Image-led mission cards with an inset caption shelf and diagonal return. */
.game-gallery{gap:46px}
.game-shot{position:relative;display:block;isolation:isolate}
.shot-image{aspect-ratio:1.65;border:0;transform:none;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,44% 76%,0 76%);background:#0b100b}
.shot-image .shot-art{position:absolute;inset:0;width:100%;height:100%;display:block;filter:none;transform:scale(1.025);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;will-change:auto}
.game-shot:first-child .shot-image .shot-art{object-position:50% 50%}
.game-shot[data-chapter="1"] .shot-image .shot-art{object-position:50% 45%}
.game-shot[data-chapter="2"] .shot-image .shot-art{transform:scale(1)}
.shot-outline{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#e9b562;stroke-width:1;opacity:.19;pointer-events:none;transition:opacity .35s}
.shot-outline path{vector-effect:non-scaling-stroke}
.shot-caption{position:absolute;left:16px;bottom:10px;padding:0;margin:0;width:calc(44% - 23px);z-index:2}
.shot-caption>span{font-size:7px;line-height:1.2;letter-spacing:1.3px;margin-bottom:5px;color:#b6ad9b}
.shot-caption h3{font-size:clamp(24px,2.5vw,38px);font-weight:600;line-height:1.05;letter-spacing:.35px}
.shot-caption p{font-size:12px;line-height:1.45;margin-top:5px;color:#c4c0b7}
.shot-cross{right:16px;top:13px;width:29px;height:29px;display:grid;place-items:center;background:#14151290;border:1px solid #e4be7838;font-size:21px;line-height:1;transition:background .3s,color .3s}
.shot-open{bottom:18px;right:18px;font-size:8px;padding:9px 11px;background:#141512c9;letter-spacing:.8px}
.game-shot:hover .shot-outline,.game-shot:focus-visible .shot-outline{opacity:.65}
.game-shot:hover .shot-cross,.game-shot:focus-visible .shot-cross{background:#e9b562;color:#171716}
.game-shot:focus-visible{outline-offset:7px}
@media(hover:hover) and (pointer:fine){
 .game-shot:hover .shot-image .shot-art{transform:scale(1.065) translate(var(--image-x,0px),var(--image-y,0px));filter:brightness(1.06)}
 .game-shot[data-chapter="2"]:hover .shot-image .shot-art{transform:scale(1.025) translate(var(--image-x,0px),var(--image-y,0px))}
}
@media(min-width:1600px){.game-gallery{gap:58px}.shot-caption{bottom:16px;left:20px}.shot-caption p{font-size:13px}.shot-caption>span{font-size:8px}}
@media(min-width:701px) and (max-width:1000px){.shot-image{aspect-ratio:1.4;clip-path:polygon(0 0,100% 0,100% 100%,62% 100%,55% 72%,0 72%)}.shot-caption{width:calc(55% - 24px);left:12px}.shot-caption h3{font-size:24px}.shot-caption p{font-size:10px}.shot-outline{display:none}}
@media(max-width:700px){
 .game-gallery{gap:34px;padding-bottom:12px}
 .shot-image{aspect-ratio:1.32;clip-path:polygon(0 0,100% 0,100% 100%,68% 100%,60% 70%,0 70%)}
 .shot-caption{left:11px;bottom:8px;width:calc(60% - 20px)}
 .shot-caption>span{font-size:6px;margin-bottom:4px;letter-spacing:1px}
 .shot-caption h3{font-size:clamp(21px,6vw,29px);line-height:1.05}
 .shot-caption p{font-size:10px;line-height:1.35;margin-top:4px}
 .shot-cross{right:12px;top:12px;width:29px;height:29px}
 .shot-outline{display:none}
 .game-shot[data-chapter="2"] .shot-image .shot-art{height:86%;width:95%;left:5%}
}
@media(prefers-reduced-motion:reduce){.game-shot .shot-image .shot-art{transform:none!important;transition:none!important}.shot-outline,.shot-cross{transition:none}}