/* A quiet date marker in the hero and a signed detail in the personal section. */
.hero .hero-since {
  display: inline-block;
  margin-left: 8px;
  padding: 5px 9px 5px 13px;
  border-left: 1px solid rgba(220, 255, 81, .65);
  color: var(--lime, #dcff51);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
}
.a-about-mark .a-about-seal {
  position: absolute;
  top: -15px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  padding: 9px 16px 8px;
  border-radius: 2px;
  background: #4d3b62;
  box-shadow: 0 7px 22px #4d3b6229;
  color: #fff;
  font: 700 11px/1.1 Arial, sans-serif;
  letter-spacing: .16em;
  white-space: nowrap;
}
.a-about-mark .a-about-seal b {
  color: #e4ff77;
  font-weight: 800;
}
.a-about .a-about-history {
  display: flex;
  gap: 18px;
  align-items: baseline;
  margin: 28px 0 22px;
  padding: 17px 0 16px;
  border-top: 1px solid #aaa99d;
  border-bottom: 1px solid #aaa99d;
}
.a-about-history strong {
  flex: none;
  color: #4d3b62;
  font: italic 29px/.95 Georgia, serif;
  letter-spacing: -.05em;
  white-space: nowrap;
}
.a-about-history strong i { padding: 0 7px; color: #a35b3a; font-style: normal; font-size: .7em; }
.a-about .a-about-history span { color: #41483c; font-size: 13px; line-height: 1.45; }
@media (max-width: 760px) {
  .hero .eyebrow { flex-wrap: wrap; gap: 8px; }
  .hero .hero-since { margin-left: 0; padding: 4px 0 4px 10px; }
  .a-about .a-about-history { flex-direction: column; gap: 7px; }
  .a-about-history strong { font-size: 27px; }
}