/* Graphics page — small overrides on top of css/art.css (loaded first).
   The graphics are flat typographic pieces, not photographed canvases: no click-to-zoom,
   so the figure is not a button, and the panel just shows it. */

.panel figure.art { cursor: default; }
.panel figure.art img { height: auto; }
.panel figure.art:hover img { transform: none; box-shadow: var(--img-shadow), 0 0 120px -30px var(--accent, transparent); }

/* Delivered at ~800px wide — never scale them past native, it only softens the type. */
.panel .art img { max-width: min(100%, 933px); }

/* Same gradient family as the Art hero, shifted toward the red/blue of the pieces. */
.intro-panel h1 {
  background: linear-gradient(100deg, #e8342e, #d63fbf 35%, #3a3ae0 70%, #6fa0a8);
  -webkit-background-clip: text;
  background-clip: text;
}