/* ONEPLACES — Logo-Lockup: Bildmarke (oneplaces_logo.png) + Wortmarke als Text.
   Die Bildmarke wird per CSS-Maske gezeichnet und folgt dadurch der Textfarbe (currentColor).
   Wortmarke: Outfit Medium (500), Versalien, weite Laufweite (.14em) laut Design-System. */
.brand-lockup {
  display: inline-flex; align-items: center; gap: .6em;
  font-size: 1.3rem; line-height: 1;
  text-decoration: none; border: 0;
  /* Farbe kommt über --brand-lockup-color (Standard Ocean) und wird direkt an Mark/Wort gesetzt,
     damit generische Link-Regeln (z. B. ".page a { color: inherit }") sie nicht überschreiben. */
}
.brand-lockup .brand-mark {
  flex: none; display: block;
  height: 1.9em; aspect-ratio: 1 / 1;
  background-color: var(--brand-lockup-color, #0F2B3A);
  -webkit-mask: url('../img/logo/oneplaces_logo.png') no-repeat center / contain;
          mask: url('../img/logo/oneplaces_logo.png') no-repeat center / contain;
}
.brand-lockup .brand-word {
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--brand-lockup-color, #0F2B3A); white-space: nowrap;
  transition: color .35s ease;
}
/* Variante für dunkle Flächen (Ocean-Karten, Footer): Ivory */
.brand-lockup--light { --brand-lockup-color: #FAF9F6; }
@media (max-width: 640px) {
  .brand-lockup { font-size: 1.1rem; }
}