/* Locally served, unmodified Fraunces variables, with their OFL license. */
@font-face {
  font-family: "Fraunces";
  src: url("typeface/fraunces-roman.ttf?build=20261102-v024-clock-arrival1") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("typeface/fraunces-italic.ttf?build=20261102-v024-clock-arrival1") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
html:not([data-wip-typeface="current"]) {
  --pluritual-wip-serif: "Fraunces", Georgia, serif;
  --pluritual-serif: "Fraunces", Georgia, serif;
}
/* Restrained forms, with optical sizing chosen by the rendered text size. */
html:not([data-wip-typeface="current"]) :is(body, body *) {
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 0, "WONK" 0;
}
/* The landing headline keeps its original bold sans. Only its timer changes. */
html:not([data-wip-typeface="current"]) main.landing.imprint-landing .imprint-entry > .imprint-next-reveal strong,
html:not([data-wip-typeface="current"]) main.ritual-room > header.pluritual-header .imprint-next-reveal strong,
html:not([data-wip-typeface="current"]) .clock-personal-duration {
  font-family: var(--pluritual-wip-serif);
}

/* Fraunces has proportional numerals: fixed cells keep every digit anchored. */
body :is([data-countdown],[data-clock-personal-value],[data-clock-value],[data-clock-all-time]){white-space:nowrap;font-kerning:none;letter-spacing:0;}
body :is([data-countdown],[data-clock-personal-value],[data-clock-value],[data-clock-all-time])>.counter-digit{display:inline-block;width:.58em;text-align:center;letter-spacing:0;}
body :is([data-countdown],[data-clock-personal-value],[data-clock-value],[data-clock-all-time])>.counter-separator{display:inline-block;width:.24em;text-align:center;letter-spacing:0;}
