/* ============================================================
   TYPOGRAPHY + LABELS
============================================================ */

.eyebrow {
  display:inline-block;
  margin-bottom:10px;
  padding:6px 12px;
  border-radius:24px;
  background:rgba(255,255,255,.22);
  border:1px solid var(--line);
  color:var(--ink);
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
}
html[data-theme="dark"] .eyebrow {
  background:rgba(255,255,255,.06);
  color:var(--muted);
}

h1,h2,h3 {
  margin:0 0 8px;
  font-weight:900;
  letter-spacing:-.01em;
  font-family:"Fraunces",serif;
}
h2 { font-size:30px; }

p.subtle { color:var(--muted); }

.script-title {
  font-family:"Caveat",cursive;
  text-align:center;
  font-size:clamp(36px,6vw,72px);
  margin:8px 0 12px;
  color:var(--ink);
  text-shadow:0 1px 0 rgba(0,0,0,.06);
}