.illustration-gallery { display:grid; gap:16px; }
.illustration-row { display:grid; gap:16px; min-width:0; }
.illustration-row--pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
.illustration-row--triple { grid-template-columns:repeat(3,minmax(0,1fr)); }
.illustration-tile { display:flex; align-items:center; justify-content:center; min-width:0; padding:12px; background:var(--background---neutral---secondary); }
.illustration-tile--dark { background:var(--background---neutral---inverse); }
.illustration-icons { display:grid; gap:12px; }
.illustration-icons--outline { grid-template-columns:repeat(3,56px); }
.illustration-icons--utility { grid-template-columns:repeat(4,56px); column-gap:10.333px; }
.illustration-gallery img { display:block; flex:none; object-fit:contain; }
.illustration-icon { width:56px; height:56px; }
.illustration-screen { width:auto; height:340px; max-width:100%; }
.illustration-tile:has(> .illustration-artwork) { min-height:384px; }
.illustration-artwork { width:188.907px; height:auto; max-width:100%; }
.illustration-artwork[src*="Assets-centered"] { transform:translateX(12px); }
.illustration-artwork[src*="Assets-1-centered"] { width:203.177px; }
@media(max-width:600px) {
  .illustration-row--pair { grid-template-columns:1fr; }
  .illustration-row--triple { grid-template-columns:repeat(auto-fit,minmax(181.2px,1fr)); }
}