/* Only JavaScript adds this state. Text, links and media retain their space. */
.scroll-pending { opacity: 0; }
.scroll-pending:focus-within { opacity: 1; }

/* The catalogue's square frames reserve their size while offscreen logos
   skip rendering. Avoid containment on sticky layouts and moving galleries. */
@supports (content-visibility: auto) {
  .catalogue-page #brand-wall > .brand-tile {
    content-visibility: auto;
    contain-intrinsic-size: auto 250px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-pending { opacity: 1; }
}
@media print {
  .scroll-pending { opacity: 1 !important; }
  .catalogue-page #brand-wall > .brand-tile { content-visibility: visible; }
}