header {
  position: relative;
  container-type: inline-size;
}

header h1 {
  margin: 0;
  font-family: var(--font-title);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-title);
  line-height: var(--line-height-title);
  white-space: nowrap;
}

/* Glint */

header h1 > span:first-child {
  position: relative;
  display: inline-block;
}

header h1 > span:first-child::after {
  position: absolute;
  left: 0.29em;
  top: 1.61em;
  color: var(--oc-white);
  font-size: 0.35em;
  line-height: 1;
  transform: translate(-50%, -50%) rotate(22deg) scaleX(0.8);
  transform-origin: center;
  pointer-events: none;
  content: ".";
}