/* Static counterpart of the site's four-topic / eight-shot comparison gallery. */
.eight-shot-gallery{display:grid;gap:14px}
#visual-title .eight-shot-title-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
#visual-title .eight-shot-title-art>figure{min-width:0;margin:0;padding:10px;border:1px solid var(--line,#355460);background:#0b1c24;color:#f2f6f7}
#visual-title .eight-shot-title-art img{display:block;width:100%;height:120px;object-fit:contain;background:#071018}
#visual-title .eight-shot-title-art figcaption{display:grid;gap:4px;margin-top:7px;font-size:12px;line-height:1.5}
.eight-shot-title-art figcaption a{color:#ffc078}
.eight-shot-edition{padding:12px;border:1px solid var(--line,#355460);background:#0b1c24}
.eight-shot-edition>h3{margin:0 0 10px;font-size:17px}
.eight-shot-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.eight-shot-card{min-width:0;margin:0;border:1px solid #34515d;background:#07151c}
.eight-shot-card .shot-link{display:block;position:relative;color:inherit;text-decoration:none}
.eight-shot-card img{display:block;width:100%;height:155px;object-fit:contain;background:#071018}
.eight-shot-badge{position:absolute;top:6px;left:6px;padding:3px 5px;background:rgba(0,0,0,.82);color:#fff;font-size:10px;font-weight:900}
.eight-shot-card figcaption{display:grid;gap:4px;padding:8px;font-size:12px;line-height:1.5}
.eight-shot-card figcaption strong{font-size:12px;color:#fff;overflow-wrap:anywhere}
.eight-shot-card figcaption a,.eight-shot-mobile-sources a{color:#ffc078}
.eight-shot-note{margin:0;font-size:13px;color:#d6e4e7;line-height:1.7}
@media(max-width:900px){.eight-shot-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  #visual-title .eight-shot-title-art{gap:7px}
  #visual-title .eight-shot-title-art>figure{padding:7px}
  #visual-title .eight-shot-title-art img{height:90px}
  #visual-title .eight-shot-title-art figcaption{font-size:11px}
  .eight-shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"heading heading" "p1a p1b" "p2a p2b" "p3a p3b" "p4a p4b";gap:7px}
  .eight-shot-edition{display:contents}
  .eight-shot-edition:first-child>h3{grid-area:heading;margin:0;padding:10px;border:1px solid var(--line,#355460);background:#102832;font-size:14px}
  .eight-shot-edition:last-child>h3{display:none}
  .eight-shot-row{display:contents}
  .eight-shot-card{display:flex;flex-direction:column;justify-content:center;overflow:hidden}
  .eight-shot-card img{height:112px}
  .eight-shot-card figcaption{display:grid;gap:3px;padding:6px;font-size:10px;line-height:1.45}
  .eight-shot-card figcaption strong{font-size:10px}
  .eight-shot-card[data-pair="1"][data-version="early"]{grid-area:p1a}
  .eight-shot-card[data-pair="1"][data-version="late"]{grid-area:p1b}
  .eight-shot-card[data-pair="2"][data-version="early"]{grid-area:p2a}
  .eight-shot-card[data-pair="2"][data-version="late"]{grid-area:p2b}
  .eight-shot-card[data-pair="3"][data-version="early"]{grid-area:p3a}
  .eight-shot-card[data-pair="3"][data-version="late"]{grid-area:p3b}
  .eight-shot-card[data-pair="4"][data-version="early"]{grid-area:p4a}
  .eight-shot-card[data-pair="4"][data-version="late"]{grid-area:p4b}
}