.eyebrow {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.75rem;
  font-weight: 700;
  color: #c4b7ff;
  margin-bottom: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.08);
  border: 1px solid rgba(124, 92, 255, 0.22);
}

h1,
h2,
h3 {
  color: var(--text);
  line-height: 1.04;
}

h1 {
  font-size: clamp(2.8rem, 8vw, 5.4rem);
  line-height: 0.95;
  margin-bottom: 22px;
  letter-spacing: -0.04em;
}

.section-heading {
  margin-bottom: 28px;
}

.section-heading h2 {
  font-size: clamp(2rem, 5vw, 3rem);
  margin-top: 8px;
  margin-bottom: 10px;
}

.section-heading p {
  color: var(--muted);
  max-width: 720px;
}

.hero p,
.project-card p,
.social-card p,
.legal-block p,
.contact-info-card p,
.contact-list li,
.form-note,
.spec-value,
.credit,
.shop-heading-text,
.shop-category-card p,
.shop-product-content p,
.cta-box p {
  color: var(--muted);
}