/* Shared page headings and footer alignment. */
footer { align-items: center; }
.footer-identity { display: inline-flex; align-items: center; gap: 10px; }
.footer-search-logo { display: block; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 6px; }
.intro { align-items: start; column-gap: clamp(34px, 6vw, 74px); row-gap: 15px; }
.intro > div:first-child { display: contents; }
.intro .eyebrow { grid-column: 1 / -1; margin: 0; }
.intro h2, .intro .page-title { grid-column: 1; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(45px, 7vw, 82px); font-weight: 700; line-height: .98; letter-spacing: -.045em; }
.intro > .intro-copy { grid-column: 2; margin: 0; padding-left: 20px; border-left: 3px solid var(--red); color: #302b24; font-size: 17px; line-height: 1.55; }
.intro .intro-copy p { margin: 0; font-size: 17px; line-height: 1.55; }
@media (max-width: 760px) {
  footer { align-items: flex-start; }
  .intro { grid-template-columns: 1fr; }
  .intro h2, .intro .page-title, .intro > .intro-copy { grid-column: 1; }
}

/* Use one masthead size across all five tabs. */
.brand h1 { margin: 0; font-size: clamp(30px, 3.6vw, 44px); line-height: .95; letter-spacing: -.025em; }

/* Agreed page eyebrows: one type treatment, independent of masthead and card labels. */
.intro .eyebrow.page-eyebrow, .hero .eyebrow.page-eyebrow {
  margin: 0;
  color: var(--red);
  font-family: "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.hero .eyebrow.page-eyebrow { margin-bottom: 15px; }