/* logo.css — the Ritual wordmark. One definition for every "Ritu" + red "al" logo on the site.
   Markup:  <a class="mark" href="/">Ritu<em>al</em></a>
   Needs the tokens --display, --paper and --red-bright (css/desk.css and css/pages.css both define them).
   Big display versions (card, glitch overlay) restate the same face in css/style.css. */
.mark { font: italic 600 1.7rem/1 var(--display); color: var(--paper); text-decoration: none; }
.mark em { font-style: italic; color: var(--red-bright); }
@media (max-width: 860px) { .mark { font-size: 1.45rem; } }