/*
 * MWJ Online Web Lockup — v1.4
 *
 * Preferred implementation:
 * - monogram = SVG image asset
 * - MWJ / product name = real HTML text
 * - no tagline
 */

.mwj-lockup {
  display: inline-flex;
  align-items: center;
  gap: var(--mwj-lockup-gap, .9rem);
  color: var(--mwj-lockup-text, var(--mwj-text-strong, #eef2f7));
  line-height: 1;
}

.mwj-lockup__mark {
  display: block;
  width: var(--mwj-lockup-mark-size, 5rem);
  height: var(--mwj-lockup-mark-size, 5rem);
  flex: 0 0 auto;
}

.mwj-lockup__wordmark {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  letter-spacing: -.05em;
}

.mwj-lockup__master,
.mwj-lockup__product {
  font-size: var(--mwj-lockup-font-size, 3.5rem);
}

.mwj-lockup__master { font-weight: 700; }

.mwj-lockup__product {
  margin-left: .18em;
  font-weight: 300;
}

.mwj-lockup--compact {
  --mwj-lockup-mark-size: 2rem;
  --mwj-lockup-font-size: 1rem;
  --mwj-lockup-gap: .6rem;
}

@media (max-width: 600px) {
  .mwj-lockup:not(.mwj-lockup--compact) {
    --mwj-lockup-mark-size: clamp(3.6rem, 16vw, 5rem);
    --mwj-lockup-font-size: clamp(2rem, 10vw, 3.5rem);
    --mwj-lockup-gap: clamp(.6rem, 3vw, .9rem);
  }
}