/* HOSPAZ public site — shared styles (design tokens live in the layout). */
.marquee-container::before, .marquee-container::after {
    content: ''; position: absolute; top: 0; width: 150px; height: 100%; z-index: 2; pointer-events: none;
}
.marquee-container::before { left: 0; background: linear-gradient(to right, var(--bg-light), transparent); }
.marquee-container::after { right: 0; background: linear-gradient(to left, var(--bg-light), transparent); }

img { max-width: 100%; }

@media (prefers-reduced-motion: reduce) {
    .marquee-content { animation: none; }
    * { transition-duration: 0.01ms !important; }
}