/*
  Base rules the Next.js build used to hoist out of the scoped marketing
  stylesheets (originally in app/globals.css). Loaded before site.css /
  agency.css on every marketing page.
*/
:root {
  --font-dm-sans: 'DM Sans';
}

[x-cloak] {
  display: none !important;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
}

/*
  Both reference stylesheets were authored against a bare UA stylesheet, so the
  site wrapper must not inherit a 1.5 line-height.
*/
.mg-site {
  line-height: normal;
}

/* Lenis smooth-scroll runtime classes stay on <html>. */
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-stopped {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}