.hero-section .ticker{ margin-top: auto; }

.ticker-track{
  display: flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  animation: ticker-move 38s linear infinite;
  will-change: transform;
}

.hero-section .ticker{
  width: 100%;
  margin: 0;
}

.ticker{
  position: relative;
  padding: 10px 0;
  overflow: hidden;
}

/* Disable "whole line" hover highlight for ticker container */
.ticker.glass:hover,
.ticker.glass:focus-within{
  background: var(--glass);
  border-color: var(--glass-border);
  box-shadow: var(--shadow);
}

/* And suppress the glass overlay glow for ticker specifically */
.ticker.glass::before{ opacity: 0 !important; transform: none !important; }

.ticker--scroll{
  overflow: hidden;
  cursor: grab;
  touch-action: pan-x;
}

.ticker--scroll.is-grabbing{
  cursor: grabbing;
}

.ticker--scroll .ticker-track{
  animation: none;
  will-change: transform;
}

.ticker--scroll .vcard{
  scroll-snap-align: start;
}

/* Emphasize hovered card, not the whole line */
.ticker .vcard{
  transition: transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease;
  border-color: var(--glass-border);
}

.ticker .vcard:hover,
.ticker .vcard:focus-visible{
  border-color: var(--glass-hover-border);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--glass-hover-border) 70%, transparent), 0 12px 28px rgba(0,0,0,.35);
  transform: translateY(-2px);
  z-index: 2;
}