/* We Met Before brand tokens, lifted from the Framer site. Shared by every proposal. */

:root{
/* Brand orange ramp (Framer tokens) */
--wmb-orange:#EB5F2A;--wmb-orange-600:#B64A21;--wmb-orange-700:#803518;--wmb-orange-800:#4B200F;
/* Ink + ember */
--wmb-ink:#111111;--wmb-ember:#160B07;--wmb-black:#000000;
/* Paper + neutrals */
--wmb-paper:#F6F6F6;--wmb-grey-50:#F2F2F2;--wmb-grey-100:#EDEDED;--wmb-grey-150:#E8E8E8;--wmb-grey-200:#DFDFDF;--wmb-grey-300:#CFCFCF;--wmb-grey-400:#A3A3A3;--wmb-grey-500:#787878;--wmb-grey-600:#5B5B5B;--wmb-grey-700:#4A4A4A;--wmb-grey-800:#333333;--wmb-grey-850:#262626;--wmb-grey-900:#1A1A1A;
/* Lime (pager / highlight) */
--wmb-lime:#E1F677;--wmb-lime-600:#ADBD5A;--wmb-lime-700:#78843E;--wmb-lime-800:#434A21;--wmb-lime-950:#0F1104;
/* Teal (particle illustrations) */
--wmb-teal:#7CC2BC;--wmb-teal-600:#5E9691;--wmb-teal-700:#406A66;--wmb-teal-800:#233E3C;--wmb-teal-950:#051211;
/* Accent red */
--wmb-red:#E30613;
/* Alpha ink / paper */
--wmb-ink-a04:#1111110A;--wmb-ink-a08:#11111114;--wmb-ink-a15:#11111126;--wmb-ink-a35:#11111159;--wmb-ink-a60:#11111199;
--wmb-paper-a08:#F6F6F614;--wmb-paper-a15:#F6F6F626;--wmb-paper-a35:#F6F6F659;--wmb-paper-a60:#F6F6F699;

/* Semantic */
--surface-page:var(--wmb-paper);--surface-dark:var(--wmb-ink);--surface-footer:var(--wmb-ember);--surface-accent:var(--wmb-orange);--surface-subtle:var(--wmb-ink-a08);
--text-primary:var(--wmb-ink);--text-muted:var(--wmb-ink-a60);--text-on-dark:var(--wmb-paper);--text-on-dark-muted:var(--wmb-paper-a60);--text-accent:var(--wmb-orange);
--border-subtle:var(--wmb-ink-a15);--border-on-dark:var(--wmb-paper-a15);--border-accent:var(--wmb-orange);
--highlight-bg:var(--wmb-orange-800);--highlight-fg:var(--wmb-orange);
--pager-active:var(--wmb-lime);--pager-idle:var(--wmb-lime-800);
}

:root{
--font-display:"Die Grotesk B","Helvetica Neue",Arial,sans-serif;
--font-display-d:"Die Grotesk D","Die Grotesk B","Helvetica Neue",Arial,sans-serif;
--font-serif:"Exposure",Georgia,"Times New Roman",serif;
--font-mono:"Geist Mono",ui-monospace,Menlo,monospace;

/* Presets lifted from the Framer site */
--type-display-size:102px;--type-display-lh:1em;--type-display-ls:-0.035em;   /* Die Grotesk B Bold */
--type-cta-size:72px;--type-cta-lh:1.15em;--type-cta-ls:-0.03em;
--type-serif-lg-size:32px;--type-serif-lg-lh:0.96em;--type-serif-lg-ls:-0.02em; /* Exposure */
--type-serif-md-size:24px;--type-serif-md-lh:0.98em;--type-serif-md-ls:-0.015em;
--type-serif-nav-size:20px;--type-serif-nav-ls:0.02em;
--type-serif-sm-size:14px;--type-serif-sm-lh:1.6em;
--type-title-size:18px;--type-title-lh:1.55em;                                   /* Die Grotesk B Bold */
--type-body-size:16px;--type-body-lh:1.6em;                                     /* Die Grotesk B Medium */
--type-small-size:14px;--type-small-lh:1.6em;
--type-label-size:12px;--type-label-lg-size:13px;--type-label-lh:1.2em;--type-label-ls:0.02em; /* Geist Mono 600 UPPER */
}

:root{
--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:96px;--space-11:160px;
--page-gutter:24px;--page-gutter-mobile:16px;--page-max:1440px;
--radius-0:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;
--button-height:30px;--button-pad-x:12px;--button-gap:6px;
--ease-out:cubic-bezier(0.22,1,0.36,1); /* @kind other */
--ease-spring:cubic-bezier(0.44,0,0.56,1); /* @kind other */
--dur-fast:200ms; /* @kind other */
--dur-base:400ms; /* @kind other */
--dur-slow:800ms; /* @kind other */

--appear-offset:14px;
}

html,body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-display);font-weight:500;font-size:var(--type-body-size);line-height:var(--type-body-lh);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--wmb-orange)}
::selection{background:var(--wmb-orange);color:var(--wmb-ink)}
.wmb-label{font-family:var(--font-mono);font-weight:600;font-size:var(--type-label-size);line-height:var(--type-label-lh);letter-spacing:var(--type-label-ls);text-transform:uppercase}
.wmb-display{font-family:var(--font-display);font-weight:700;font-size:var(--type-display-size);line-height:var(--type-display-lh);letter-spacing:var(--type-display-ls)}
.wmb-serif{font-family:var(--font-serif);font-weight:400}