/* Generated from the live site: the tokens it renders, with the Studio palette applied. */

:root {
  --size-target-min: 44px;
  --space-xs: 0.25rem;
  --space-lg: 1.5rem;
  --button-accent-bg: var(--color-accent-default);
  --button-accent-bg-hover: var(--color-accent-hover);
  --button-accent-shadow: none;
  --button-inverse-bg-hover: var(--color-ink-muted);
  --button-text-hover: var(--color-accent-default);
  --button-ghost-text: var(--color-ink-primary);
  --button-pressed-accent-bg: var(--color-accent-hover);
  --button-pressed-light-bg: var(--color-surface-sunken);
  --button-pressed-dark-bg: var(--color-ink-muted);
  --button-pressed-outline-bg: var(--color-surface-sunken);
  --button-disabled-ink: var(--color-ink-subtle);
  --button-disabled-bg: var(--color-surface-sunken);
  --button-disabled-border: var(--color-border-default);
  --color-featured-surface: var(--ink-800);
  --color-featured-ink: var(--ink-050);
  --color-featured-ink-muted: rgba(239, 238, 232, .55);
  --color-shade-50: var(--ink-050);
  --color-shade-100: var(--ink-100);
  --color-shade-200: var(--ink-200);
  --color-shade-300: var(--ink-300);
  --color-shade-400: var(--ink-400);
  --color-shade-500: var(--ink-500);
  --color-shade-600: var(--ink-600);
  --color-shade-700: var(--ink-700);
  --color-shade-800: var(--ink-800);
  --color-shade-900: var(--ink-900);
  --color-shade-950: var(--ink-950);
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-accent-2: var(--brass-400);
  --color-accent-3: var(--ultramarine-500);
  --color-accent-blue-500: var(--ultramarine-500);
  --color-accent-blue-600: var(--brass-700);
  --color-accent-purple-500: var(--brass-400);
  --color-accent-purple-600: var(--brass-500);
  --color-accent-cyan-400: var(--brass-200);
  --color-accent-cyan-500: var(--brass-400);
  --color-accent-default: #381ae3;
  --color-accent-hover: #2a14ab;
  --color-accent-gradient-from: #aca337;
  --color-accent-gradient-to: #381ae3;
  --color-brand-primary: #aca337;
  --color-brand-secondary: #978c39;
  --color-vendor-whatsapp: #25d366;
  --color-glitch-purple: var(--color-accent-default);
  --color-surface-default: #f8f8f8;
  --color-surface-elevated: #fcfafa;
  --color-surface-sunken: var(--ink-050);
  --color-surface-inverse: var(--ink-800);
  --color-ink-primary: #171314;
  --color-ink-muted: #565252;
  --color-ink-subtle: var(--ink-450);
  --color-ink-on-accent: #FFFFFF;
  --color-ink-on-inverse: #FFFFFF;
  --color-ink-accent: var(--color-accent-default);
  --color-border-default: var(--ink-200);
  --color-border-subtle: var(--ink-100);
  --color-border-strong: var(--ink-300);
  --color-border-interactive: var(--ink-500);
  --color-brand-50: var(--brass-100);
  --color-brand-100: var(--brass-100);
  --color-brand-200: var(--brass-200);
  --color-brand-300: var(--brass-200);
  --color-brand-400: var(--brass-400);
  --color-brand-500: var(--brass-500);
  --color-brand-600: var(--brass-500);
  --color-brand-700: var(--brass-700);
  --color-brand-800: var(--brass-700);
  --color-brand-900: var(--brass-700);
  --color-success: #15803D;
  --color-danger: #B3261E;
  --color-warning: #B45309;
  --color-info: var(--color-accent-default);
  --accent-alert: #D75D58;
  --color-overlay-faint: rgba(0, 0, 0, 0.1);
  --color-overlay-scrim: rgba(0, 0, 0, 0.5);
  --color-overlay-panel: rgba(32, 32, 32, 0.85);
  --color-overlay-on-dark: rgba(255, 255, 255, 0.08);
  --color-illus-collab-1: var(--ultramarine-500);
  --color-illus-collab-2: var(--brass-400);
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 6px;
  --radius-xl: 6px;
  --radius-2xl: 10px;
  --radius-3xl: 12px;
  --radius-photo: 4.27px;
  --radius-full: 9999px;
  --radius-avatar: 6px;
  --shadow-sm: inset 0 0 0 1px var(--color-border-default);
  --shadow-md: inset 0 0 0 1px var(--color-border-default);
  --shadow-lg: inset 0 0 0 1px var(--color-border-strong);
  --shadow-ring: 0 0 0 1px var(--color-border-default);
  --shadow-glow-inset: inset 0 0 0 1px var(--color-overlay-on-dark);
  --shadow-card: inset 0 0 0 1px var(--color-border-strong);
  --shadow-soft: 0 0.765px 0.765px rgba(0, 0, 0, .25);
  --shadow-press: none;
  --duration-instant: 100ms;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 420ms;
  --duration-reveal: 600ms;
  --announcement-height: 0px;
  --ease-standard: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --font-size-display-1: 88px;
  --font-size-display-2: 44px;
  --font-size-display-3: 40px;
  --font-size-matrix-1: 105.48px;
  --font-size-matrix-2: 78.21px;
  --font-size-lead: 19px;
  --font-size-body: 18px;
  --font-size-body-sm: 17px;
  --font-size-eyebrow: 16.96px;
  --font-size-label: 16.02px;
  --font-size-label-sm: 14.71px;
  --font-size-caption: 12px;
  --font-weight-normal: 400;
  --font-weight-medium: 400;
  --font-weight-semibold: 400;
  --font-weight-bold: 400;
  --font-weight-thin: 400;
  --font-weight-extrabold: 400;
  --font-weight-black: 400;
  --font-leading-tight: 1.03;
  --font-leading-snug: 1.15;
  --font-leading-normal: 1.36;
  --type-family-body: var(--font-inter-loaded, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif);
  --type-family-sans: var(--font-primary, var(--font-haffer-loaded, 'Haffer', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif));
  --type-family-mono: var(--font-mono-loaded, 'Space Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace);
  --type-family-display: var(--font-display-loaded, 'Doto', var(--font-haffer-loaded, 'Haffer'), ui-monospace, monospace);
  --type-family-serif: Georgia, 'Times New Roman', serif;
  --fs-display-xl: clamp(64px, 7.8vw, 122px);
  --fs-display: clamp(44px, 4.4vw,  72px);
  --fs-hero-h1: clamp(32px, 3.1vw, 50px);
  --fs-article-h1: clamp(28px, 2.4vw, 40px);
  --fs-hero-h1-lg: calc(var(--fs-hero-h1) * 1.09);
  --font-size-h1: 34px;
  --font-size-h2: 30px;
  --font-size-h3: 18px;
  --font-size-h4: 16.96px;
  --font-size-h5: 16.02px;
  --font-size-h6: 14.71px;
  --lh-display: 0.9;
  --lh-heading: 1.15;
  --font-leading-body: 1.36;
  --lh-mono: 1.4;
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-eyebrow: 0.03em;
  --tracking-button: 0.09em;
  --button-radius-default: 0px;
  --button-radius-pill: 0px;
  --button-padding-x-sm: 10px;
  --button-padding-x-md: 16px;
  --button-padding-x-lg: 22px;
  --button-padding-y-sm: 5px;
  --button-padding-y-md: 6px;
  --button-padding-y-lg: 7px;
  --button-gap: 10px;
  --button-ghost-border: var(--border-hairline);
  --button-ghost-hover: var(--color-overlay-faint);
  --size-container-sm: 640px;
  --size-container-md: 768px;
  --size-container-lg: 1024px;
  --size-container-xl: 1280px;
  --size-container-7xl: 1280px;
  --z-base: 0;
  --z-raised: 10;
  --z-overlay: 20;
  --z-nav: 50;
  --surface-page: #F8F8F8;
  --surface-card: #FCFAFA;
  --surface-inverse: #18130A;
  --surface-band: #F5F5F5;
  --text-strong: #000000;
  --text-body: #171314;
  --text-muted: #565252;
  --text-heading: #141706;
  --text-accent: #6E6728;
  --text-on-inverse: #FFFFFF;
  --text-accent-inverse: #CEC985;
  --border-hairline: #C2C2C2;
  --border-rule: #000000;
  --border-inverse: rgba(255, 255, 255, .24);
  --border-on-dark: rgba(255, 255, 255, .4);
  --dot-faint: rgba(172, 163, 55, .28);
  --rule: 1px solid var(--border-rule);
  --rule-hairline: 1px solid var(--border-hairline);
  --rule-accent: 2px solid var(--border-accent);
  --pattern-dots: radial-gradient(var(--dot-primary) var(--dot-size), transparent calc(var(--dot-size) + 0.5px));
  --pattern-dots-faint: radial-gradient(var(--dot-faint) var(--dot-size), transparent calc(var(--dot-size) + 0.5px));
  --font-core: var(--type-family-body);
  --font-heading: var(--type-family-sans);
  --font-matrix: var(--type-family-display);
  --font-mono: var(--type-family-mono);
  --font-secondary: var(--type-family-body);
  --radius-chip: 0px;
  --radius-tag: var(--radius-full);
  --space-3: 12px;
  --space-11: 160px;
  --spacing-6xl: 160px;
  --brass-100: #EFEEE8;
  --brass-200: #CEC985;
  --brass-400: #ACA337;
  --brass-500: #978C39;
  --brass-700: #6E6728;
  --amber-400: #F4BA40;
  --ultramarine-500: #381AE3;
  --ultramarine-300: #7C6BF0;
  --ink-950: #100D0E;
  --ink-900: #171314;
  --ink-800: #18130A;
  --ink-700: #312628;
  --ink-600: #454256;
  --ink-500: #565252;
  --ink-450: #767068;
  --ink-400: #888888;
  --ink-300: #C2C2C2;
  --ink-200: #D7D0D1;
  --ink-100: #EFEFEF;
  --ink-050: #F5F5F5;
  --paper: #F8F8F8;
  --paper-raised: #FCFAFA;
  --paper-warm: #EFEEE8;
  --white: #FFFFFF;
  --black: #000000;
  --border-accent: #381AE3;
  --dot-primary: #ACA337;
  --dot-accent: #381AE3;
  --focus-ring: #381AE3;
  --gradient-grip: linear-gradient(48.576deg, #ACA337 43.57%, #381AE3 107.04%);
  --gradient-mark: linear-gradient(90deg, #ACA337 0%, #8C7D6F 48%, #4A30E1 100%);
  --font-weight-light: 300;
  --fw-heading: 400;
  --fw-display: 400;
  --fw-matrix: 600;
  --fw-mono-bold: 700;
  --size-display-1: 131.49px;
  --size-display-2: 83.12px;
  --size-display-3: 65.05px;
  --size-matrix-1: 105.48px;
  --size-matrix-2: 78.21px;
  --size-h1: 43.62px;
  --size-h2: 30px;
  --size-h3: 18px;
  --size-lead: 25px;
  --size-body: 20px;
  --size-body-sm: 19.67px;
  --size-label: 16.02px;
  --size-label-sm: 14.71px;
  --size-caption: 12px;
  --size-eyebrow: 16.96px;
  --font-leading-none: 0.9;
  --font-leading-relaxed: 1.4;
  --font-leading-loose: 1.5;
  --font-leading-h1: 1.05;
  --font-leading-h2: 1.15;
  --font-leading-h3: 1.4;
  --lh-matrix: 1.03;
  --track-display: 0.01em;
  --track-wordmark: -0.02em;
  --track-heading: -0.27px;
  --track-eyebrow: 0.03em;
  --track-mono: 0.01em;
  --track-vertical: 0.28em;
  --spacing-4xl: 80px;
  --spacing-5xl: 120px;
  --gutter: 60px;
  --gutter-narrow: 24px;
  --measure-page: 1307px;
  --measure-content: 1187px;
  --measure-wide: 48rem;
  --measure-subhead: 42rem;
  --measure-prose: 52ch;
  --measure-column: 352px;
  --section-y: 120px;
  --section-y-tight: 80px;
  --nav-height: 88px;
  --radius-none: 0px;
  --radius-page: 22.55px;
  --border-1: 1px;
  --border-2: 2px;
  --hairline: 0.5px;
  --shadow-drop: 0 0.765px 0.765px rgba(0, 0, 0, .25);
  --ease-grip: cubic-bezier(.22, .61, .36, 1);
  --duration-normal: 200ms;
  --dur: 200ms;
  --dot-size: 1.6px;
  --dot-pitch: 11.7px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 60px;
  --space-section-sm: 2rem;
  --space-section: 3rem;
  --space-section-lg: 3.5rem;
  --space-stack-tight: 0.5rem;
  --space-stack: 1rem;
  --space-stack-loose: 1.5rem;
  --space-stack-header: 2rem;
}

[data-theme='light'] {
  --color-surface-default: #f8f8f8;
  --color-surface-elevated: #fcfafa;
  --color-surface-sunken: var(--ink-050);
  --color-surface-inverse: var(--ink-800);
  --color-ink-primary: #171314;
  --color-ink-muted: #565252;
  --color-ink-subtle: var(--ink-450);
  --color-ink-on-inverse: #FFFFFF;
  --color-ink-on-accent: #FFFFFF;
  --color-border-default: var(--ink-200);
  --color-border-subtle: var(--ink-100);
  --color-border-strong: var(--ink-300);
  --color-border-interactive: var(--ink-500);
  --color-accent-default: #381ae3;
  --color-accent-hover: #2a14ab;
  --focus-ring: #381AE3;
  --color-ink-accent: #381AE3;
  --color-accent-2: var(--brass-400);
  --color-accent-3: var(--ultramarine-500);
  --color-accent-gradient-from: #aca337;
  --color-accent-gradient-to: #381ae3;
  --color-brand-primary: #aca337;
  --color-brand-secondary: #978c39;
  --color-success: #15803D;
  --color-danger: #B3261E;
  --color-warning: #B45309;
  --color-info: var(--color-accent-default);
  --surface-page: #F8F8F8;
  --surface-card: #FCFAFA;
  --surface-inverse: #18130A;
  --surface-band: #F5F5F5;
  --text-strong: #000000;
  --text-body: #171314;
  --text-muted: #565252;
  --text-heading: #141706;
  --text-accent: #6E6728;
  --text-on-inverse: #FFFFFF;
  --text-accent-inverse: #CEC985;
  --border-hairline: #C2C2C2;
  --border-rule: #000000;
  --border-inverse: rgba(255, 255, 255, .24);
  --dot-faint: rgba(172, 163, 55, .28);
  --button-ghost-border: var(--border-hairline);
  --button-ghost-hover: var(--color-overlay-faint);
  --shadow-sm: inset 0 0 0 1px var(--color-border-default);
  --shadow-md: inset 0 0 0 1px var(--color-border-default);
  --shadow-lg: inset 0 0 0 1px var(--color-border-strong);
  --shadow-ring: 0 0 0 1px var(--color-border-default);
  --shadow-card: inset 0 0 0 1px var(--color-border-strong);
  --rule: 1px solid var(--border-rule);
  --rule-hairline: 1px solid var(--border-hairline);
}

[data-theme^='dark'] {
  --color-surface-default: #18130A;
  --color-surface-elevated: var(--ink-800);
  --color-surface-sunken: var(--ink-800);
  --color-surface-inverse: var(--paper);
  --color-ink-primary: #EFEEE8;
  --color-ink-muted: rgba(239, 238, 232, .55);
  --color-ink-subtle: rgba(239, 238, 232, .50);
  --color-ink-on-inverse: var(--black);
  --color-border-default: rgba(255, 255, 255, .18);
  --color-border-subtle: rgba(255, 255, 255, .10);
  --color-border-strong: rgba(255, 255, 255, .5);
  --color-border-interactive: rgba(255, 255, 255, .7);
  --color-accent-default: #381AE3;
  --color-accent-hover: #4A30E1;
  --focus-ring: var(--ultramarine-300);
  --color-ink-accent: var(--ultramarine-300);
  --color-accent-2: var(--brass-200);
  --color-accent-3: var(--brass-400);
  --color-accent-gradient-from: #ACA337;
  --color-accent-gradient-to: #381AE3;
  --color-brand-primary: #CEC985;
  --color-brand-secondary: #978C39;
  --color-ink-on-accent: #FFFFFF;
  --color-success: #4ADE80;
  --color-danger: #F08A85;
  --color-warning: var(--amber-400);
  --color-info: var(--color-accent-default);
  --surface-page: #18130A;
  --surface-card: var(--ink-800);
  --surface-inverse: #F8F8F8;
  --surface-band: #100D0E;
  --text-strong: #FFFFFF;
  --text-body: #EFEEE8;
  --text-muted: rgba(239, 238, 232, .55);
  --text-heading: #FFFFFF;
  --text-accent: #CEC985;
  --text-on-inverse: #000000;
  --text-accent-inverse: #978C39;
  --border-hairline: rgba(255, 255, 255, .18);
  --border-rule: rgba(255, 255, 255, .5);
  --border-inverse: rgba(0, 0, 0, .2);
  --dot-faint: rgba(172, 163, 55, .22);
  --button-ghost-border: var(--border-on-dark);
  --button-ghost-hover: var(--color-overlay-on-dark);
  --shadow-sm: inset 0 0 0 1px var(--color-border-default);
  --shadow-md: inset 0 0 0 1px var(--color-border-default);
  --shadow-lg: inset 0 0 0 1px var(--color-border-strong);
  --shadow-ring: 0 0 0 1px var(--color-border-default);
  --shadow-card: inset 0 0 0 1px var(--color-border-strong);
  --rule: 1px solid var(--border-rule);
  --rule-hairline: 1px solid var(--border-hairline);
}