/* Scale the reference lockup as a unit on every storefront surface. */
body :is(.lp-brand, .brand, .auth-brand) {
  --rare-brand-size: 18px;
  display: flex;
  align-items: center;
  gap: var(--rare-brand-gap, calc(var(--rare-brand-size) * .45)) !important;
  font-size: var(--rare-brand-size);
}

body :is(.lp-brand, .brand, .auth-brand) > img {
  width: var(--rare-brand-mark-size, calc(var(--rare-brand-size) * 3.35)) !important;
  height: var(--rare-brand-mark-size, calc(var(--rare-brand-size) * 3.35)) !important;
  flex: 0 0 auto;
}

body :is(.lp-brand, .brand, .auth-brand) > span {
  font-family: "Seed Cormorant Garamond", Georgia, serif !important;
  font-size: var(--rare-brand-size) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: .01em !important;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgb(33 24 15 / 20%), 0 3px 6px rgb(33 24 15 / 12%) !important;
}

body :is(.lp-brand, .brand, .auth-brand) small {
  display: block;
  margin-top: .65em !important;
  font-family: "Seed Cormorant Garamond", Georgia, serif !important;
  font-size: .43em !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 2px rgb(33 24 15 / 20%), 0 2px 4px rgb(33 24 15 / 12%) !important;
}

body.preview-catalog .preview-header > .lp-brand {
  --rare-brand-size: 20px;
  --rare-brand-mark-size: 42px;
  --rare-brand-gap: 8px;
}

body.home-landing.preview-catalog .preview-header > .lp-brand > span {
  text-shadow: 0 1px 2px rgb(0 0 0 / 65%), 0 3px 7px rgb(0 0 0 / 50%) !important;
}

body.preview-catalog .preview-footer .lp-brand {
  --rare-brand-size: 20px;
}

@media (min-width: 901px) {
  body.preview-catalog:not(.home-landing) .preview-header {
    grid-template-columns: 270px minmax(200px, 1fr) auto;
  }
}

@media (max-width: 700px) {
  body.preview-catalog .preview-footer .lp-brand {
    --rare-brand-size: clamp(12px, calc(2.857vw + 2.857px), 14px);
  }
}

@media (max-width: 600px) {
  body.preview-catalog .preview-header > .lp-brand {
    --rare-brand-size: clamp(12px, 3.6vw, 15px);
    --rare-brand-mark-size: clamp(23px, 6.667vw, 30px);
    --rare-brand-gap: 6px;
  }

  /* Keep both existing Market actions beside the shared wordmark. */
  body.preview-catalog:not(.home-landing) .preview-auth {
    gap: 4px;
  }

  body.preview-catalog:not(.home-landing) .preview-header-actions :is(.preview-account, .preview-sell) {
    padding-inline: 5px;
    gap: 3px;
    font-size: clamp(9px, 2.6vw, 10px);
  }

  body.preview-catalog:not(.home-landing) .preview-account > .icon {
    width: 14px;
    height: 14px;
  }

  body.preview-catalog:not(.home-landing) .preview-sell .lp-google-mark {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }

  body.preview-catalog:not(.home-landing) .preview-sell .lp-google-mark svg {
    width: 12px;
    height: 12px;
  }
}