/* ============================================================
   ELITE MARKETING — HOME V2 CSS
   Photo hero, logo image overrides
   ============================================================ */

/* ─── NAV LOGO IMAGE ─── */
.nav__logo-img {
  height: 38px;
  width: auto;
  object-fit: contain;
  /* Invert white background of logo to transparent for dark nav */
  mix-blend-mode: normal;
  filter: brightness(0) invert(1);
  transition: filter var(--dur-base) var(--ease-in-out);
}

/* Keep original colors on scrolled nav with backdrop */
.nav.scrolled .nav__logo-img {
  filter: brightness(0) invert(1);
}

/* ─── PHOTO HERO ─── */
.hero--photo {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: var(--nav-height);
}

.hero__bg-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero__bg-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
}

.hero__bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(8, 12, 20, 0.72);
  z-index: 1;
}

.hero--photo .hero__bg-gradient {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%,
      rgba(15, 32, 68, 0.6) 0%,
      transparent 60%),
    linear-gradient(to right,
      rgba(8, 12, 20, 0.8) 0%,
      rgba(8, 12, 20, 0.2) 60%,
      transparent 100%);
}

.hero--photo .hero__bg-grid {
  z-index: 3;
}

.hero--photo .hero__inner {
  position: relative;
  z-index: 4;
  padding: var(--space-16) 0 var(--space-12);
  max-width: 820px;
}

.hero--photo .hero__scroll {
  z-index: 4;
}

/* ─── FOOTER LOGO IMAGE ─── */
.footer__logo img {
  height: 40px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* ─── STAT ITEM ROI special ─── */
.stat-item__number br {
  display: block;
}