/* Color follows the live editorial hierarchy, never a frozen list of IDs. */
.ri-block-hierarchy .news-section .story-card .story-image img,
.ri-block-hierarchy .ri-fondo .fondo-card-image {
  filter: grayscale(1);
  transition: filter 220ms ease;
}

/* Openings stay in color; Actualidad and Contracampo have two highlights. */
.ri-block-hierarchy .news-section .card-0 .story-image img,
.ri-block-hierarchy :is(.section-front-grid, .section-contracampo) .card-1 .story-image img {
  filter: none;
}

/* Every link in a card reveals its image on keyboard focus as well. */
.ri-block-hierarchy .news-section .story-card:focus-within .story-image img,
.ri-block-hierarchy .ri-fondo .fondo-card:focus-within .fondo-card-image {
  filter: none;
}

/* Do not introduce sticky simulated hover or a first-tap gate on touch. */
@media (hover: hover) and (pointer: fine) {
  .ri-block-hierarchy .news-section .story-card:hover .story-image img,
  .ri-block-hierarchy .ri-fondo .fondo-card:hover .fondo-card-image {
    filter: none;
  }
}

html[data-lab-motion="off"] .ri-block-hierarchy .news-section .story-image img,
html[data-lab-motion="off"] .ri-block-hierarchy .ri-fondo .fondo-card-image {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .ri-block-hierarchy .news-section .story-image img,
  .ri-block-hierarchy .ri-fondo .fondo-card-image {
    transition: none;
  }
}