/* =========================================================================
   Research pages, brought in line with the homepage for launch:
   the homepage's Roobert (no Inter) and its near-white paper (#f9f9f9) in place
   of the beige cream. Loaded after home.css (research.html) or styles.css
   (the articles under research/); it only redefines their tokens and the few
   places that hard-code the beige.
   ========================================================================= */
@font-face { font-family: "Boop Roobert"; src: url("./hero-robot/Roobert-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Boop Roobert"; src: url("./fonts/Roobert-TRIAL-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Boop Roobert"; src: url("./fonts/Roobert-TRIAL-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Boop Roobert"; src: url("./fonts/Roobert-TRIAL-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --font: "Boop Roobert", Roobert, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display: "Boop Roobert", Roobert, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --cream: #f9f9f9;
  --cream-deep: #ededea;
  --mist: #f1f1ef;
}
html, body { background: #f9f9f9; }

/* headings in the homepage's weight: regular, tight */
.bp h1, .bp h2, .bp h3, .bp .bp-h2, .bp .bp-hero__title,
.article h1, .article h2, .article h3, main h1, main h2, main h3 { font-weight: 400; letter-spacing: -.03em; }

/* the header's scrolled bar: near-white, not beige (home.css and styles.css) */
.bp--page .bp-hd { animation-name: bpHdBgWhite; }
.bp--page .bp-hd.is-scrolled { background: rgba(249,249,249,.96); }
.site-header.is-scrolled { background: rgba(249,249,249,.94); }
@media (max-width: 900px) { .site-nav { background: rgba(249,249,249,.98); } }

/* footer photo fade starts from the new paper */
.bp-footer__strip-scrim {
  background:
    linear-gradient(to bottom, #f9f9f9 0%, rgba(249,249,249,0) 18%),
    linear-gradient(to bottom, rgba(12,11,10,0) 55%, rgba(12,11,10,.62) 100%);
}