/* Clerin brand — wordmark + C mark lockup */
:root {
  --clerin-name-size: 0.95rem;
  --clerin-name-tracking: 0.32em;
  --clerin-name-weight: 600;
}

/* Wordmark "CLERIN" — small caps, wide letter-spacing, IBM Plex Sans */
.clerin-name {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  font-weight: var(--clerin-name-weight);
  letter-spacing: var(--clerin-name-tracking);
  text-transform: uppercase;
  font-size: var(--clerin-name-size);
  line-height: 1;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  padding-left: 0.32em;
  transition: opacity 0.2s ease;
}
.clerin-name:hover {
  opacity: 0.65;
}

/* C mark image baseline */
.clerin-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.clerin-mark img {
  display: block;
  width: auto;
  height: 100%;
}

/* Horizontal lockup — C mark beside wordmark */
.clerin-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  text-decoration: none;
  color: inherit;
}
.clerin-lockup .clerin-mark {
  height: 30px;
}
.clerin-header .clerin-lockup .clerin-mark {
  height: 26px;
}