@font-face { font-family: 'Mrs Saint Delafield'; font-display: block; src: url(fonts/r8/MrsSaintDelafield-400.woff2) format('woff2'); }
@font-face { font-family: 'Rock Salt'; font-display: block; src: url(fonts/r8/RockSalt-400.woff2) format('woff2'); }
@font-face { font-family: 'Herr Von Muellerhoff'; font-display: block; src: url(fonts/r8/HerrVonMuellerhoff-400.woff2) format('woff2'); }

.r18-ico svg { width: 28px; height: 28px; fill: none; stroke: var(--ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.r18-num { font: 700 14px/1 var(--mono) !important; letter-spacing: -.04em; background: var(--ink) !important; color: var(--butter) !important; }
.r18-face { overflow: hidden; padding: 0; background: var(--butter-wash) !important; }
.r18-face svg { width: 100%; height: 100%; fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.r18-face svg [fill] { stroke: var(--ink); }

.r18-sig { display: grid; justify-items: end; gap: 2px; margin-top: 14px; padding-right: 18px; text-align: right; }
.r18-sig p { margin: 0; line-height: 1; color: #1f3b8f; }
.r18-sig span { font: 400 14px/1.35 var(--sans); color: var(--ink-2); max-width: 280px; }
.r18-sig-anna { font: 400 54px/1 'Mrs Saint Delafield', cursive; transform: rotate(-4deg); }
.r18-sig-ben { font: 400 30px/1.3 'Rock Salt', cursive; color: #222 !important; transform: rotate(-2deg); }
.r18-sig-janis { font: 400 58px/1 'Herr Von Muellerhoff', cursive; color: #1d6b3a !important; transform: rotate(-6deg); }