/* Actual Steam screenshots, kept in their original 16:9 composition. */
.r-screenshots{padding-block:50px 72px;scroll-margin-top:100px}
.r-screenshots .p-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.r-screenshots .p-section-head>span{font-size:11px;font-weight:700;letter-spacing:.12em;opacity:.65}
.r-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.r-screenshot-grid figure{margin:0;min-width:0}
.r-screenshot-grid a{display:block;position:relative;overflow:hidden;border:2px solid #203235;border-radius:6px;background:#203235;box-shadow:0 3px 0 #203235}
.r-screenshot-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.r-screenshot-grid a:hover,.r-screenshot-grid a:focus-visible{outline:3px solid #b77a38;outline-offset:4px}
.r-screen-zoom{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:29px;height:29px;background:#203235;color:#fff4dc;border-radius:3px;font-size:20px}
.r-screenshot-grid figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:13px;font-weight:600;line-height:1.4}
.r-screenshot-grid figcaption small{font-size:11px;opacity:.6;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.r-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.r-screenshots{padding-block:30px 45px}.r-screenshot-grid{grid-template-columns:1fr;gap:24px}.r-screenshots .p-section-head>span{font-size:10px}}