/* ── paint.css — the paintings are shown as paintings: in colour, no duotone, no halftone.
   paint.js marks a painted figure .art-paint and its picture img.gc-paint. The era rules
   in era.css print photographs in the look of their decade; a painting gets a light colour
   grade instead. !important only where era.css and desk.css set filters on every img. ── */

.art-photo.art-paint .art-photo-in{ background:var(--panel-2, #0b1626); }
.art-photo.art-paint .art-photo-in img.gc-paint{
  display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover;
  filter:none !important; mix-blend-mode:normal !important;
}
.art-photo.art-paint .art-photo-in::after{ display:none !important; }
.art-photo.art-paint.head .art-photo-in img.gc-paint{ height:calc(150 * var(--u)); aspect-ratio:auto; object-position:center 55%; }
.art-photo.art-paint.tall .art-photo-in img.gc-paint{ height:calc(260 * var(--u)); aspect-ratio:auto; }
.art-photo.art-paint.paper .art-photo-in{ background:var(--paper, #f3ede1); }
.art-photo.art-paint.paper .art-photo-in img.gc-paint{ height:calc(220 * var(--u)); aspect-ratio:auto; filter:saturate(.92) contrast(1.02) !important; }

/* the decade's grade on a painting */
.art-photo.art-paint[data-era="1990s"] img.gc-paint{ filter:sepia(.28) saturate(.82) contrast(1.06) !important; }
.art-photo.art-paint[data-era="2000s"] img.gc-paint{ filter:saturate(.9) brightness(1.03) !important; }
.art-photo.art-paint[data-era="2010s"] img.gc-paint{ filter:saturate(.96) !important; }

/* painted portraits */
.art-face img.gc-paint{ filter:none !important; object-fit:cover; }

@media print{
  .art-photo.art-paint .art-photo-in img.gc-paint{ filter:grayscale(1) contrast(1.1) !important; }
}

/* the head office, painted (paint.js wraps ART.building and ART.street) */
.gc-paint-hq{ position:relative; overflow:hidden; display:block; width:100%; background:var(--panel-2, #0b1626); }
.gc-paint-hq img.gc-paint{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 60%; filter:none !important; }
.gc-paint-hq-cap{ position:absolute; right:var(--sp-2, 12px); bottom:var(--sp-1h, 8px); font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.14em; text-transform:uppercase; color:var(--text); text-shadow:0 1px 3px rgba(0,0,0,.8); }
.art-halftone .gc-paint-hq img.gc-paint{ filter:saturate(.9) !important; }

/* a painting is a <picture> (AVIF, WebP, JPEG); the img inside keeps every rule above */
picture.gc-pic{ display:contents; }