/* Home page — just the name, cleanly, with a little ceremony. */

.hero {
  min-height: calc(100vh - 83px);
  display: flex;
  align-items: center;
  border-bottom: none;
}

.hero-inner {
  max-width: 780px;
}

.hero-eyebrow {
  font-family: var(--font-head);
  font-style: italic;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--mint);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.hero-eyebrow svg { color: var(--purple); flex-shrink: 0; }

.hero h1 {
  font-size: clamp(2.6rem, 7vw, 4.6rem);
  letter-spacing: 0.005em;
  margin-bottom: 1rem;
  font-weight: 600;
}

.hero h1 .accent { color: var(--purple); font-style: italic; }

.hero-lead {
  font-size: 1.2rem;
  color: var(--ink-dim);
  max-width: 560px;
  margin-bottom: 2.5rem;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.hero-swatches {
  margin-top: 3.5rem;
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
.hero-swatches i {
  width: 20px; height: 20px;
  border-radius: 50%;
  border: 1px solid var(--border);
  display: inline-block;
}
.hero-swatches span {
  font-size: 0.85rem;
  font-family: var(--font-head);
  font-style: italic;
  color: var(--gray);
  margin-left: 0.5rem;
}