/* Roma Digitalis — exact-object illumination, rather than drawn-on shapes.
   Both accent layers reuse their own master photograph, preserving carved detail.
   Masks share the master image's 1122×1040 coordinate system. */
#cicero .art-accent,
#virgil .art-accent{
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center bottom;
  mask-position:center bottom;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-mode:alpha;
  mask-mode:alpha;
  opacity:var(--ignite);
  filter:grayscale(1) sepia(1) saturate(7.2)
         hue-rotate(-15deg) brightness(1.43) contrast(1.22)
         drop-shadow(0 0 8px rgba(255,128,34,.69))
         drop-shadow(0 0 22px rgba(255,93,10,.29));
  transform:none;
}
#cicero .art-accent{
  -webkit-mask-image:url('/art-accents/cicero-scroll-mask.svg');
  mask-image:url('/art-accents/cicero-scroll-mask.svg');
}
#virgil .art-accent{
  -webkit-mask-image:url('/art-accents/vergil-brooch-mask.svg');
  mask-image:url('/art-accents/vergil-brooch-mask.svg');
}
/* The portrait is monochrome, including the original laurel; the one
   controlled highlight remains the held scroll / toga clasp. */
#cicero .art-base,#virgil .art-base{
  filter:grayscale(1) contrast(1.07) brightness(.77);
}

/* The site's mobile art images are top-aligned (desktop is bottom-aligned).
   Match mask alignment exactly so the glow stays fixed to the sculpture. */
@media(max-width:700px){
  #cicero .art-accent,#virgil .art-accent{
    -webkit-mask-position:center top;
    mask-position:center top;
  }
}