/* =====================================================================
   Partner-logo hero strip — exact replica of the home page strip
   ---------------------------------------------------------------------
   The position, edge-fade mask, max-width, item spacing and white logo
   filter all come from the shared remote `redesign_2025` stylesheet via
   the `.hero-logo-strip` / `.marquee-advanced` classes (loaded on every
   page). This file only adds:
     1. The same inline overrides the home page applies (black bar,
        24px padding, 36px logos at .92 opacity).
     2. A CSS-driven marquee so the strip scrolls on pages that don't
        run the remote FoundersCard marquee JS. The markup intentionally
        omits the data-marquee-* attributes, so where that JS *is* loaded
        (community) it ignores this strip and there is no double-driving.
   ===================================================================== */

/* --- positioning + look, copied verbatim from the remote sheet's
   `section.hero .hero-logo-strip` rule. The remote rule only matches
   pages whose hero carries the `.hero` class (legacy/dinner/seniors);
   community's `.uf-c-hero` does not, so we set it here explicitly to
   pin the strip identically on every page. Values are identical to the
   remote rule, so where that rule also applies there is no conflict. */
.hero-logo-strip {
  position: absolute;
  bottom: clamp(80px, 62.474576px + 3.983051vw, 127px);
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1212px;
  margin-inline: auto;
  z-index: 1;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 120px, #000 calc(100% - 120px), transparent);
  mask-image: linear-gradient(90deg, transparent 0, #000 120px, #000 calc(100% - 120px), transparent);
  /* Soft black "shade" instead of a hard bar: the dark fades into the
     video at top and bottom, so the strip blends the same way the home
     strip does over its dark hero footage (rather than reading as a hard
     rectangle over brighter video, e.g. the community banquet clip).
     Logos stay over near-opaque black in the middle for legibility. */
  background: linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.70) 24%,
      rgba(0,0,0,.92) 44%,
      rgba(0,0,0,.92) 56%,
      rgba(0,0,0,.70) 76%,
      transparent 100%) !important;
  padding: 48px 0 !important;
}
.hero-logo-strip .hero-marquee-logo { width: auto !important; height: auto !important; display: flex; align-items: center; }
.hero-logo-strip .hero-marquee-logo img { height: 36px !important; width: auto; max-width: 200px; object-fit: contain; opacity: .92 !important; }

/* --- CSS marquee motion (stand-in for the remote marquee JS) --- */
/* translate3d forces GPU compositing so the loop runs smoothly on iOS Safari.
   We intentionally animate on every device — the home-page strip (JS-driven)
   moves regardless of the OS "Reduce Motion" setting, so the other pages match
   it for a consistent look across iPhone/Android. */
.hero-logo-strip .marquee-advanced__collection {
  width: max-content;                       /* size to the two duplicated sets */
  -webkit-animation: uf-hero-marquee 42s linear infinite;
  animation: uf-hero-marquee 42s linear infinite;
}
.hero-logo-strip:hover .marquee-advanced__collection { animation-play-state: paused; }
@-webkit-keyframes uf-hero-marquee {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
}
@keyframes uf-hero-marquee {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }  /* one full set → seamless loop */
}