@charset "UTF-8";
/*
  OUNLP brand logotype
  Styles the site header title + subtitle so they read as the OUNLP
  wordmark + tagline (matches the logo lockup).

  Prerequisites (see README.md):
    1. Add to _styles/-theme.scss:   --logotype: "Jost", sans-serif;
       (this makes Jost auto-load via the theme's google_fonts filter)
    2. In _config.yaml set:
         title: OUNLP
         subtitle: OU Natural Language Processing Lab
*/
.title-text .title {
  font-family: var(--logotype, "Jost", sans-serif);
  font-weight: 400;
  letter-spacing: 0.18em;
  margin-right: -0.18em; /* absorb trailing tracking so it stays centered */
}

/* larger, slightly tighter tracking for the big home-page header */
header[data-big] .title-text .title {
  letter-spacing: 0.16em;
  margin-right: -0.16em;
}

.title-text .subtitle {
  font-family: var(--logotype, "Jost", sans-serif);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #708977; /* Prairie Sage */
  opacity: 1;
}

/* white header on inner pages (home uses its own layout) */
header.background {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
}

header.background::before {
  opacity: 0 !important;
} /* kill photo + overlay */
header {
  box-shadow: 0 1px 0 var(--light-gray);
}

/* Stack wordmark over tagline on inner pages — the row layout collides the
   wide-tracked title into the subtitle. (data-big home header stacks already.) */
header:not([data-big]) .title-text {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

header:not([data-big]) .title-text .subtitle {
  font-size: 0.62rem;
}

/* Header is forced white even when data-dark="true", so the theme's dark-mode
   --text (near-white) would render the title + nav invisible. Pin dark ink. */
header.background,
header.background a,
header.background .nav-toggle,
header.background .nav-toggle:after {
  color: #1a1d24;
}

header.background nav > a:hover {
  color: var(--primary);
}

/*# sourceMappingURL=brand.css.map */