/* ============================================================
   SPECTARE · Base & brand utilities
   Lightweight, opt-in helpers. Not a reset — just the
   recurring brand gestures so they're authored once.
   ============================================================ */

.spectare-root {
  background: var(--surface-base);
  color: var(--text-primary);
  font: var(--type-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---- The strike-line: the logo's horizontal cut, as a motif ----
   A thin rule that runs THROUGH a word, mid-x-height. Use on
   section eyebrows and hero words for the "disruptivo" gesture. */
.strike {
  position: relative;
  display: inline-block;
}
.strike::after {
  content: "";
  position: absolute;
  left: -0.08em;
  right: -0.08em;
  top: 52%;
  height: 1px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: left center;
}
.strike--thick::after { height: 1.5px; }

/* ---- Overline / eyebrow lockup (echoes "TALENTO DISRUPTIVO") ---- */
.overline {
  font: var(--type-overline);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--text-muted);
}

/* ---- Calligraphic accent — single decorative words only ---- */
.script {
  font-family: var(--font-script);
  font-weight: var(--weight-regular);
  font-style: normal;
  line-height: 1;
}

/* ---- Editorial display headline ---- */
.display {
  font-family: var(--font-display);
  font-weight: var(--weight-extralight);
  letter-spacing: var(--tracking-tighter);
  line-height: var(--leading-tight);
  text-wrap: balance;
}

/* ---- Hairline divider ---- */
.rule {
  border: 0;
  border-top: var(--border-hair) solid var(--border-hairline);
  margin: 0;
}

/* ---- Wide-tracked logotype label (text fallback for the mark) ---- */
.logotype {
  font-family: var(--font-display);
  font-weight: var(--weight-light);
  letter-spacing: var(--tracking-logo);
  text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}