@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");
/* The brand of https://clarkadvisory.co, as site.mjs read it: its colors, and its fonts where they load. The type and case of the page are the look the owner picked (its comp). Loaded after the style; it overrides custom properties on :root and
   keeps the two things a kit style must not impose on a brand that has its own (kit 1.3.6): headings in capitals and the
   kit's highlight marker (a highlighted phrase is set in the brand's own color). The site's Google fonts load from here; a font it hosts itself goes in fonts/ beside it. Change values here,
   never the style file. */
:root{
  --accent: #948115;
  --accent2: #121212;
  --cta: #F7D723;
  --cta-ink: #111111;
  --hl: #F7D723;
  --dark: #121212;
  --paper: #F5F0E1;
  --sand: color-mix(in srgb, var(--paper) 94%, var(--accent));
  --fd: "Sora",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  --fb: "Inter",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  --fu: "Inter",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  --wd: 600;
  --rb: 999px;
}
h1,h2,h3,.eyebrow + h1,.heroD h1{text-transform:none}
.btn{text-transform:none}
/* the key phrase reads as the brand writes it: no kit color, block, swipe or underline behind it */
.hi{color:var(--hl,var(--accent));background:none;text-decoration:none;font-style:inherit;padding:0;margin:0}.hi svg{display:none}