/* Evince wordmark — copied verbatim from evince-site/styles/evince.css.
 * The C is a distinct glyph: an open ellipse rotated -42 degrees, not the letter C.
 * Never redraw it. Proportions, clearspace and letterspacing come from the site.
 */
.ev-wordmark {
  --ev-wordmark-size: 54px;
  display: inline-flex;
  align-items: baseline;
  font-family: var(--ev-font-display);
  font-weight: 400;
  font-size: var(--ev-wordmark-size);
  letter-spacing: var(--ev-tracking-wordmark);
  line-height: 1;
  color: var(--ev-rust);
  /* Clearspace: one circle-width on all sides. */
  --ev-wordmark-clearspace: calc(var(--ev-wordmark-size) * 0.78);
}

.ev-wordmark--reversed { color: var(--ev-cream); }

.ev-wordmark__c {
  position: relative;
  display: inline-block;
  width: 0.78em;
  height: 0.72em;
  margin: 0 0.14em 0 0.03em;
}

.ev-wordmark__c::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 0.06em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  transform: rotate(-42deg);
}

/* Minimum size guard, expressed as the documented 18px cap height. */
.ev-wordmark--min { --ev-wordmark-size: 26px; }

/* The mark: two open circles linked at their openings. The circle you leave
   sits on the left at 55%; the circle you enter is at full strength. */
.ev-wordmark__draw {
  position: absolute;
  inset: -6.7%;
  width: 113.4%;
  height: 116.7%;
  overflow: visible;
}
.ev-wordmark__draw ellipse {
  fill: none;
  stroke: currentColor;
  stroke-width: 6;
  animation: ev-handc 1.3s var(--ev-ease) 1.85s both;
}
@keyframes ev-handc {
  from { stroke-dasharray: 0 100; }
  to   { stroke-dasharray: 75 25; }
}

/* App header only. The site draws the C in as an entrance flourish on the landing page; in an
   app header that runs on every navigation, which is noise rather than character. The glyph and
   its geometry are untouched — only the entrance is off. */
.ev-wordmark--static .ev-wordmark__draw ellipse { animation: none; }
