/* Three Bearings identity: scoped to the existing header and footer. */
.wordmark.trilogy-mark {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
  color: #f2efe6;
  text-decoration: none;
  line-height: 1;
  letter-spacing: normal;
}
.trilogy-mark .trilogy-bearing { display: block; width: 40px; height: 40px; flex: none; }
.trilogy-mark .trilogy-name { display: grid; gap: 5px; font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: .18em; line-height: 1; }
.trilogy-mark .trilogy-name span { display: block; white-space: nowrap; }
.trilogy-mark .trilogy-name .trilogy-line { color: #d1a06a; font-size: 9px; letter-spacing: .27em; }
footer .wordmark.trilogy-mark { margin-right: 8px; color: #20363c; }
footer .trilogy-mark .trilogy-bearing { width: 34px; height: 34px; filter: brightness(.7); }
footer .trilogy-mark .trilogy-name { font-size: 9px; }
footer .trilogy-mark .trilogy-name .trilogy-line { color: #79512c; }
footer .trilogy-mark .trilogy-author { color: #405158; font-family: var(--serif); font-size: 10px; font-weight: 400; letter-spacing: .04em; text-transform: none; }
@media (max-width: 640px) {
  .journey-preview .site-header .trilogy-mark { flex: 0 1 auto; min-width: 0; gap: 8px; }
  .site-header .trilogy-mark .trilogy-bearing { width: 33px; height: 33px; }
  .site-header .trilogy-mark .trilogy-name { font-size: 9px; letter-spacing: .15em; }
  .site-header .trilogy-mark .trilogy-line { font-size: 8px; letter-spacing: .22em; }
}

.action-icon { display: inline-block; width: 18px; height: 18px; flex: none; vertical-align: middle; }
.sample-downloads a { display: inline-flex; align-items: center; gap: .45em; }