/* Shared by the twintowers3d mockups: the same fonts as dandanaher.com (all SIL OFL, files in fonts/). */
@font-face { font-family: "Quiet Titles"; src: url("fonts/QuietTitles-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("fonts/SpaceGrotesk.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  --serif: "Quiet Titles", "Iowan Old Style", Palatino, Georgia, serif;
  --sans: "Space Grotesk", "Geist", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ease: cubic-bezier(.65, 0, .35, 1);
}
* { box-sizing: border-box; }
html, * { scrollbar-width: none; }
::-webkit-scrollbar { display: none; }
html { background: var(--bg); color: var(--ink); }
body { margin: 0; font: 500 13px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
canvas { display: block; image-rendering: pixelated; }
.mini { appearance: none; background: none; border: 0; padding: 0; font: 600 12px/1 var(--sans); color: var(--mute); cursor: pointer; }
.mini:hover { color: var(--ink); }
::selection { background: var(--sel, #d9b394); color: #111; }
/* the "mockup" tag in the corner, so a screenshot never passes for the real site */
.mock { position: fixed; right: 12px; bottom: 10px; z-index: 50; font: 600 10px/1 var(--mono); letter-spacing: .06em; color: var(--mute); opacity: .7; text-transform: uppercase; }
.mock a { text-decoration: underline; text-underline-offset: 2px; }