/*
 * Note: app-owned, migrated from gem's quarantine/landing/.
 * Belongs in this app (not the brand gem) long-term. Header below is
 * the original gem-side note kept for traceability.
 *
 * Migrate when: the gem ships the next release with quarantine/landing/
 * deleted (this file replaces the bundled copy).
 */

/*
 * Note — landing-page chrome: third-party brand marks.
 *
 * The 23andMe / Ancestry / MyHeritage / etc. logos arrive in their full
 * brand colors. In Figma they render as muted monochrome on dark
 * surfaces. We force them to a dim white silhouette so they sit on the
 * dark hero/section background without competing with our own brand
 * colors. Landing-page-specific.
 */

.brand-mark {
  display: inline-block;
  height: 28px; /* Note: brand-mark sizing off spacing scale */
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.6;
}
.brand-mark--16 { height: var(--spacing-16); }
.brand-mark--20 { height: 20px; /* one-off */ }
.brand-mark--24 { height: var(--spacing-24); }
.brand-mark--28 { height: 28px; /* one-off */ }
.brand-mark--32 { height: var(--spacing-32); }
.theme-light .brand-mark { filter: brightness(0); opacity: 0.6; }