/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=DotGothic16&family=VT323&display=swap');

:root {
  --canvas: #222222;
  --surface: #151515;
  --void: #000000;
  --platinum: #eeeef2;
  --white: #ffffff;
  --iron: #333337;
  --ash: #b4b4b8;
  --accent: #1d8e2a;
  --text-face: "Neue Haas Grotesk Text Pro", "Helvetica Neue", Inter, Helvetica, Arial, sans-serif;
  --display-face: "Neue Haas Grotesk Display Pro", "Helvetica Neue", Inter, Helvetica, Arial, sans-serif;
  --dm-face: "DotGothic16", "VT323", "Courier New", monospace;
  --max: 1280px;
  --gutter: 28px;
  --arrow-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDciIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIgZmlsbD0iIzFkOGUyYSI+PHJlY3QgeD0iMCIgeT0iMyIgd2lkdGg9IjUiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjMiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNSIgeT0iMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PC9zdmc+");
}

body.elementor-page-1726 {
  background: var(--canvas);
  color: var(--platinum);
  font-family: var(--text-face);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.033em;
  -webkit-font-smoothing: antialiased;
  color-scheme: dark;
}

body.elementor-page-1726 a { color: var(--platinum); text-decoration: none; }
body.elementor-page-1726 a:hover { color: var(--white); }
body.elementor-page-1726 h1, body.elementor-page-1726 h2, body.elementor-page-1726 h3, body.elementor-page-1726 h4 { font-family: var(--display-face); font-weight: 500; text-wrap: balance; }
body.elementor-page-1726 input, body.elementor-page-1726 textarea { font-family: var(--text-face); }
body.elementor-page-1726 input::placeholder, body.elementor-page-1726 textarea::placeholder { color: var(--ash); }

/* Arrow fix: WP Compress background lazy-load moves ::after background-image onto the button itself.
   Kill any background image on buttons/links and draw the arrow with a mask instead. */
body.elementor-page-1726 .e-button-base,
body.elementor-page-1726 .e-paragraph-link-base,
body.elementor-page-1726 .e-button-base:hover,
body.elementor-page-1726 .e-paragraph-link-base:hover { background-image: none !important; }
body.elementor-page-1726 .e-button-base::after,
body.elementor-page-1726 .e-paragraph-link-base::after {
  content: "" !important;
  display: inline-block;
  flex: 0 0 auto;
  background-image: none !important;
  background-color: #1d8e2a !important;
  -webkit-mask-image: var(--arrow-mask);
  mask-image: var(--arrow-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
body.elementor-page-1726 .e-button-base::after { width: 14px !important; height: 14px !important; }
body.elementor-page-1726 .e-paragraph-link-base::after { width: 12px !important; height: 12px !important; }/* End custom CSS */