/* Claude Partner Network in the footer — see assets/selr-partner.js.
 *
 * Luke 2026-08-19: the membership goes on every Selr footer and every
 * signature, at a size that reads. The other four surfaces already carry it in
 * this exact treatment (the Install Day VSL page footer, the email signature,
 * the selr-forms pages, the drop pages and selr-links). This is the last one,
 * and it is the front door, so it matches them rather than inventing a variant:
 *
 *     the Claude Partner Network lockup, 40px
 *     "Member since 2026" beside it, behind a hairline
 *
 * WORDING IS NOT FREE. memory/claude-partner-network clears "member" only.
 * Never "certified by Anthropic", never "official Anthropic partner", and never
 * the Anthropic logo on its own.
 *
 * The block is injected by script AFTER hydration, so it starts invisible and
 * fades in. It is never display:none before mount — CLAUDE.md "SHIMS THAT ADD
 * DOM": a Framer measured-size sibling against a 0x0 parent threw 26 mismatches
 * on Vercel. opacity + clip only, exactly as selr-gallery.css does it.
 */
.selr-fpartner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  opacity: 0;
  transition: opacity .45s cubic-bezier(.4, 0, .2, 1);
}
.selr-fpartner.is-in { opacity: 1; }

.selr-fpartner-mark { display: inline-flex; align-items: center; gap: 16px; }

.selr-fpartner-badge {
  display: block;
  height: 40px;
  width: auto;
  /* the source is 800x254; the box is fixed by height so a slow decode cannot
     reflow the column under it */
  aspect-ratio: 800 / 254;
}

.selr-fpartner-label {
  font-family: "Manrope", "Manrope Placeholder", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.025em;
  color: #616161;
  padding-left: 16px;
  border-left: 1px solid rgba(36, 36, 36, .14);
  white-space: nowrap;
}

@media (max-width: 809px) {
  .selr-fpartner { gap: 13px; }
  .selr-fpartner-mark { gap: 13px; }
  .selr-fpartner-badge { height: 33px; }
  .selr-fpartner-label { padding-left: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .selr-fpartner { transition: none; }
}