/**
 * Site wordmark — same serif, weight, size ramp, and rainbow gradient as the
 * quotation header brand. Use .site-brand-wordmark in markup;
 * .quotation-brand-rainbow is an alias for quotation PDF/JS hooks.
 */
.site-brand-wordmark,
.quotation-brand-rainbow {
  font-family:
    "Cormorant Garamond",
    ui-serif,
    Georgia,
    Cambria,
    "Times New Roman",
    Times,
    serif;
  font-size: clamp(1rem, 2.65vw, 1.4rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
  padding: 0;
  display: inline-block;
  background-image: linear-gradient(
    90deg,
    #e11d48,
    #f97316,
    #eab308,
    #84cc16,
    #22c55e,
    #14b8a6,
    #0ea5e9,
    #6366f1,
    #a855f7,
    #ec4899,
    #db2777
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

@supports not (background-clip: text) {
  .site-brand-wordmark,
  .quotation-brand-rainbow {
    background: none;
    color: #9a3412;
    -webkit-text-fill-color: currentColor;
  }
}

.quotation-premium .quotation-brand-rainbow {
  display: block;
  margin: 0.5rem 0 0;
}

/* Public nav wordmark — same size on all marketing pages (compact bar) */
.lux-site .lux-nav .lux-site-brand.site-brand-wordmark {
  font-family: var(--rc-font-display);
  font-size: clamp(1.114rem, 2.31vw + 0.454rem, 1.65rem);
  font-weight: 800;
  font-style: normal;
  letter-spacing: -0.01em;
  line-height: 1.34;
}

/* Larger, heavier wordmark on CRM calculator + on-screen/PDF quotation only */
.app-calculator .site-brand-wordmark,
.quotation-premium .site-brand-wordmark,
.quotation-premium .quotation-brand-rainbow {
  font-size: clamp(1.35rem, 4.25vw, 2.1rem);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.042em;
  -webkit-text-stroke: 0.35px rgba(67, 20, 7, 0.14);
}

/* Curtain calculator h2: same .site-brand-wordmark typography; layout overrides */
.curtain-calculator-heading.site-brand-wordmark {
  display: block;
  text-align: center;
  margin: 0 0 0.75rem;
}
