/* ==========================================================================
   R6 — Logomarcas oficiais Rose Bronze
   Branca: cabeçalho sobre o vídeo (sem .scrolled) e rodapé.
   Rosa: cabeçalho claro (.scrolled) e menu mobile.
   Dourada: apenas guardada em assets/brand/ (não aplicada).
   O lockup é exibido sem efeitos (sem sombra, filtro ou contorno).
   ========================================================================== */

.brand-lockup {
  display: block;
  flex-shrink: 0;
  line-height: 0;
}

.brand-lockup img {
  display: block;
  width: auto;
  max-width: none;
  height: var(--brand-logo-h, 56px);
}

/* Cabeçalho: alterna branca/rosa pelo estado .scrolled, sem JS novo */
.site-header .brand-logo {
  --brand-logo-h: 56px;
  gap: 0;
  flex-shrink: 0;
}

.site-header .brand-lockup--rosa { display: none; }
.site-header.scrolled .brand-lockup--rosa { display: block; }
.site-header.scrolled .brand-lockup--branca { display: none; }

/* Menu mobile (fundo claro) */
.drawer-brand { --brand-logo-h: 48px; }

/* Rodapé (#1B1514) */
.footer-brand .footer-logo {
  --brand-logo-h: 76px;
  margin-bottom: 1rem;
  line-height: 0;
}

@media (max-width: 767px) {
  .site-header .brand-logo { --brand-logo-h: 44px; }
}

/* Texto equivalente oculto no h3 do rodapé: dá ao reveal de títulos existente
   (main.js, SplitText em .site-footer h3) palavras para dividir, sem alterar o JS.
   aria-hidden: o nome acessível vem do alt da imagem. */
.brand-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}