/* IMMERSIVE OASIS — the company mark beside the page title */

.page-head__lockup {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 3vw, 1.8rem);
}

/* The mark is thin teal line art, so it sits on a dark plate rather than the
   cream panel: on cream the strokes wash out. */
.io-mark {
  flex: none;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--edge-hi);
  border-radius: var(--r-md);
  background: linear-gradient(180deg, var(--well), #17120d);
  box-shadow:
    inset 0 3px 12px rgba(0, 0, 0, .7),
    0 1px 0 rgba(255, 255, 255, .6);
}

.io-mark img {
  display: block;
  width: clamp(62px, 13vw, 104px);
  height: auto;
}

/* a DOI is cited as written, so it escapes the uppercasing of .meta */
.doi { text-transform: none; }