/* Only the duplicated illustration enters the displacement filter. */
.newsroom-scene { position: relative; overflow: hidden; border-radius: 18px; }
.newsroom-scene > .newsroom-art { display: block; width: 100%; height: auto; }
.newsroom-lens {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  pointer-events: none;
  visibility: hidden;
  box-shadow: inset 0 0 0 1px #ffffffb0, inset 2px 3px 5px #ffffff80, inset -2px -3px 6px #6694b84a, 0 8px 24px #0b253d38;
}
.newsroom-lens.is-visible { visibility: visible; }
.newsroom-refraction { position: absolute; inset: 0; filter: url('#glasory-newsroom-refraction'); }
html[data-theme] .newsroom-lens .newsroom-refraction > img {
  position: absolute;
  display: block;
  max-width: none;
  max-height: none;
  filter: none;
  mix-blend-mode: normal;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: fill;
}
.newsroom-lens::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(ellipse at 25% 10%, #ffffff40, transparent 55%);
  box-shadow: inset 0 0 0 1px #ffffffb0, inset 2px 3px 6px #ffffff80, inset -2px -3px 6px #6d9aba55;
  pointer-events: none;
}
.optics-filter-defs { position: absolute; pointer-events: none; overflow: hidden; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) and (prefers-reduced-transparency: no-preference) {
  html[data-theme] :is(.button, .quiet-link, .theme-toggle, #language, .workflow button).optics-highlight {
    background-image: radial-gradient(100px circle at var(--optics-x, 50%) var(--optics-y, 50%), #ffffff40, #ffffff0a 50%, transparent 75%), var(--optics-base, var(--glass-face));
  }
  .button { --optics-base: linear-gradient(155deg, #1988f3c9, #0062d5e6); }
  .workflow button[aria-pressed=true] { --optics-base: var(--glass-selected); }
}
@media (hover: none), (pointer: coarse), (pointer: none), (prefers-reduced-motion: reduce), (prefers-reduced-transparency: reduce) {
  .newsroom-lens { display: none; }
}