/* SPBX brand lockup: cube icon + wordmark */

.spbx-lockup {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: inherit;
}

.spbx-lockup__mark {
  display: block;
  flex-shrink: 0;
  width: var(--spbx-icon-size, 40px);
  height: var(--spbx-icon-size, 40px);
  object-fit: contain;
}

.spbx-lockup__word {
  display: block;
  height: var(--spbx-word-h, 28px);
  width: auto;
  max-width: min(52vw, 280px);
  object-fit: contain;
  object-position: left center;
}

/* Theme swap: only one wordmark visible */
.spbx-lockup .logo-img.logo-img--light {
  display: none;
}

body.theme-light .spbx-lockup .logo-img.logo-img--dark {
  display: none;
}

body.theme-light .spbx-lockup .logo-img.logo-img--light {
  display: block;
}

body.theme-dark .spbx-lockup .logo-img.logo-img--dark {
  display: block;
}

.spbx-lockup--page {
  --spbx-icon-size: 40px;
  --spbx-word-h: 36px;
  gap: 12px;
}

.spbx-lockup--admin {
  --spbx-icon-size: 28px;
  --spbx-word-h: 24px;
  gap: 10px;
}

.spbx-lockup--hero {
  --spbx-icon-size: 88px;
  --spbx-word-h: 72px;
  gap: 22px;
  margin-bottom: 52px;
  animation: spbxFadeUp 1.1s ease both;
}

.spbx-lockup--hero .spbx-lockup__word {
  max-width: min(58vw, 420px);
  opacity: 0.92;
}

@media (max-width: 720px) {
  .spbx-lockup--hero {
    --spbx-icon-size: 56px;
    --spbx-word-h: 44px;
    gap: 14px;
    margin-bottom: 40px;
  }

  .spbx-lockup--page {
    --spbx-icon-size: 32px;
    --spbx-word-h: 28px;
    gap: 10px;
  }
}