:root{--gap:16px;--bg:#f6f7f8;--fg:#0f172a;--radius:14px;--width:257px;--height:246px}.gallery{--thumbnail-image-padding:10px;display:grid;gap:var(--gap)}.hero{grid-row:auto/span 2;grid-column:auto/span 2}.hero-left{grid-row:1/span 2;grid-column:1/span 2}.hero-right{grid-row:5/span 2;grid-column:3/span 2}.quad{display:grid;grid-template-columns:repeat(2,var(--width));gap:var(--gap)}.quad-right{grid-row:1/span 2;grid-column:3/span 2}.quad-left{grid-row:5/span 2;grid-column:1/span 2}.section{display:grid;grid-auto-rows:var(--height);grid-template-columns:repeat(4,var(--width));gap:var(--gap)}.section figure{display:grid;place-items:center;margin:0;padding:0;color:var(--fg);border-radius:var(--radius);background:var(--bg)}