/* The SVG filters refract real content. This transparent, click-through rim adds light. */
#eh-glass-definitions { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
#eh-glass-edge {
  position: fixed;
  inset: auto 0 0;
  height: 112px;
  z-index: 9990;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(to bottom, transparent 12%, rgba(255,255,255,.015) 60%, rgba(207,239,255,.09) 90%, rgba(255,255,255,.24));
  transition: opacity 180ms ease;
}
#eh-glass-edge[data-active="true"] { opacity: 1; }
#eh-glass-edge::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
}
/* Touch devices and tablet/phone layouts use the separate mobile stretch. This
   also neutralizes a filter if an older cached script is briefly still present. */
@media (max-width: 1024px), (hover: none), (pointer: coarse), (any-pointer: coarse) {
  #eh-glass-edge, #eh-glass-definitions { display: none !important; }
  [data-eh-glass-target] { filter: none !important; }
}
@media (prefers-reduced-motion: reduce), print {
  #eh-glass-edge { display: none !important; }
  [data-eh-glass-target] { filter: none !important; }
}

/* Salient disables portfolio transforms on mobile with !important. Override
   only our opted-in elements, keeping the existing transform property intact. */
body #ajax-content-wrap [data-eh-mobile-glass] {
  transform: var(--eh-mobile-glass-transform, none) !important;
}
/* Mobile uses normal scrolling content transforms, with no bottom overlay. */
@media (prefers-reduced-motion: reduce), print {
  body #ajax-content-wrap [data-eh-mobile-glass] { transform: none !important; }
}