/* ============================================================
   HOME — the homepage: the dictionary opening and the email signup.
   (The three beliefs now live on their own page, /beliefs/.)
   Loads after main.css (masthead, signup and reveal system).
   ============================================================ */

/* The homepage masthead sits in normal flow (not the old hero overlay). */
.masthead--flow {
  position: static;
}

/* ------------------------------------------------------------
   1. DICTIONARY OPENING
   ------------------------------------------------------------ */
.intro {
  position: relative;
  min-height: calc(100svh - 96px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-lg) var(--gutter) var(--space-2xl);
}
.definition { width: 100%; max-width: 44rem; margin: 0 auto; }

.def__head { display: flex; align-items: baseline; gap: 0.9rem; flex-wrap: wrap; }
.def__word {
  font-size: clamp(3.5rem, 10vw, 6.5rem);
  font-weight: 600; line-height: 1; letter-spacing: -0.01em;
}
.def__word::after {
  content: ""; display: block; width: 2.1ch; height: 6px;
  margin-top: 0.4rem; background: var(--color-accent); border-radius: 3px;
}
.def__pron { font-size: var(--text-lg); font-style: italic; opacity: 0.55; }

.entry {
  margin-top: var(--space-md); max-width: var(--measure);
  font-size: var(--text-xl); line-height: var(--leading-snug);
}
.entry .pos { font-style: italic; opacity: 0.7; }
.entry .word { font-weight: 600; }
.entry .infl { font-style: italic; opacity: 0.55; }
.entry .eg {
  display: block; margin-top: var(--space-xs);
  font-size: var(--text-lg); font-style: italic; opacity: 0.6;
}
.rule {
  border: 0; border-top: 1px solid var(--color-text); opacity: 0.15;
  margin: var(--space-lg) 0 var(--space-md); max-width: var(--measure);
}
.origin {
  font-size: var(--text-base); opacity: 0.7;
  max-width: var(--measure); line-height: var(--leading-body);
}
.origin .lbl { font-style: italic; }
.origin .q { font-weight: 700; color: var(--color-navy); opacity: 1; }
.origin em { font-style: italic; }

/* ------------------------------------------------------------
   2. EMAIL SIGNUP
   ------------------------------------------------------------ */
.signup-section {
  display: flex; flex-direction: column; align-items: center;
  gap: var(--space-md);
  padding: var(--space-2xl) var(--gutter) var(--space-2xl);
  text-align: center;
}
.signup-section__lede {
  font-size: var(--text-lg); opacity: 0.8; max-width: var(--measure);
}