:root {
  --text: #faf5f1;
  --muted: #a7a0a0;
  --violet: #a08bff;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --f-body: inherit;
  --f-display: inherit;
  --f-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
}
.sp-author-mark { display: inline-flex; align-items: center; justify-content: center; padding: 4px; background: #ffffff14; color: #fff; }
.sp-author-mark svg { width: 100%; height: 100%; }
html.sp-menu-open { overflow: hidden; }
[data-cookie-settings-mount] .cookie-settings-link { color: inherit; font: inherit; text-align: left; }
/* "Spinrun" is seven letters where the original wordmark had five. */
.footer-wordmark__fill, .footer-wordmark__edge { font-size: clamp(3.6rem, 24vw, 21.5rem) !important; }
/* The source draws its logo in 3D with WebGL; ours is the flat mark. */
.sp-program-mark { display: block; width: min(70%, 260px); height: auto; margin: auto; opacity: .9; filter: drop-shadow(0 24px 48px #4d34f766); }
/* The tool wall fades in once; a hero demo click redraws it without fading again. */
.hero-tools[data-sp-settled] .hero-tool { animation: none; }