@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/archivo-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/archivo-medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/archivo-semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/archivo-bold.ttf') format('truetype');
}

:root {
  --color-page: #f3f1e9;
  --color-text: #050505;
  --color-accent: #cd7f32;
  --color-white: #ffffff;
  --color-footer: #050505;
  --color-footer-text: #f3f1e9;
  --color-footer-muted: rgba(243, 241, 233, .6);
  --color-hero: #1b130f;
  --color-hero-text-muted: rgba(243, 241, 233, .8);
  --color-trusted: #9e6c48;
  --color-border: #dbd9d2;
  --color-approach-orbit-ring: rgba(5, 5, 5, 0.08);
  --color-text-muted: rgba(5, 5, 5, .5);
  --color-icon-surface: rgba(255, 255, 255, .4);
  --color-audit-card: #e5dfd6;
  --color-process-mid: #bc8d6c;
  --color-process-darkest: #4a3222;
	--color-chart-deep: #7c5237;
	--color-chart-muted: #cac1b4;
  --color-revenue-card: #2a201a;
  --color-process-outline: rgba(5, 5, 5, .02);
  --color-divider: rgba(5, 5, 5, .12);
  --color-form-line: rgba(5, 5, 5, .16);
  --color-error: #a93030;
  --color-error-surface: rgba(169, 48, 48, .1);
  --color-success: #69c365;
  --color-accent-on-dark: #e6a765;
  --color-dark-card: rgba(229, 223, 214, .1);
  --color-section-accent: var(--color-trusted);
  --font-primary: 'Archivo', Arial, sans-serif;
  --font-brand: Georgia, 'Times New Roman', serif;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fs-section-title-min: 24px;
  --fs-section-title-max: 54px;
  --fs-section-eyebrow: 20px;
  --fs-card-label: 22px;
  --lh-compact: 1.1;
  --lh-heading: 1.15;
  --tracking-eyebrow: -.02em;
  --section-padding-block: 120px;
  --space-section-heading: 24px;
  --space-section-content: 64px;
  --space-grid: 20px;
  --space-card-content: 28px;
  --space-card-padding: 24px;
  --radius-card: 24px;
  --size-icon: 44px;
  --dur-svg-loop: 2600ms;
  --fs-navigation: 20px;
  --fs-navigation-mobile: 14px;
  --size-header: 119px;
  --size-header-compact: 80px;
  --shadow-header: 0 8px 20px rgb(5 5 5 / .08);
  --space-header-inline: 88px;
  --space-header-inline-mobile: 16px;
  --size-contact-audit-tall-card: 1100px;
  --size-contact-audit-message: 136px;
  --color-error-404-muted: rgb(243 241 233 / .5);
  --size-error-404-content: 1358px;
  --size-error-404-copy: 1294px;
  --fs-error-404-code: 640px;
  --fs-error-404-title: 54px;
  --fs-error-404-description: 20px;
  --space-error-404-content: 44px;
  --space-error-404-copy: 16px;
  --dur-fast: 220ms;
	--dur-page-loader-exit: 420ms;
	--size-page-loader-bar-inline: 30px;
	--size-page-loader-count-box: 192px;
	--space-page-loader-count-inline: 30px;
	--space-page-loader-count-bottom: 24px;
	--fs-page-loader-count: 164px;
	--tracking-page-loader-count: -3.28px;
  --dur-counter: 1100ms;
  --dur-chart-stagger: 45ms;
  --color-metric-revenue: #cba15c;
  --color-metric-loss: #c47f5c;
  --color-metric-muted: rgba(243, 241, 233, .5);
  --color-metric-track: rgba(244, 239, 230, .08);
  --color-difference-photo-tint: rgba(71, 47, 29, .2);
  --color-image-hero-overlay: rgb(5 5 5 / 50%);
  --size-image-hero-block: 781px;
  --space-image-hero-content: 267px;
  --space-image-hero-copy: 26px;
  --size-image-hero-description: 529px;
  --fs-image-hero-title: 64px;
  --fs-image-hero-description: 24px;
  --space-editorial-statement-columns: 167px;
  --space-editorial-statement-content: 64px;
  --space-editorial-statement-heading: 24px;
  --space-editorial-statement-paragraph: 18px;
  --size-editorial-statement-copy: 862px;
  --size-editorial-statement-body: 715px;
  --size-editorial-statement-image: 567px;
  --radius-editorial-statement-image: 32px;
  --fs-editorial-statement-title: 54px;
  --fs-editorial-statement-body: 32px;
  --lh-editorial-statement-body: 1.4;
  --tracking-editorial-statement-title: -1.08px;
  --space-approach-orbit-columns: 80px;
  --space-approach-orbit-content: 44px;
  --space-approach-orbit-heading: 24px;
  --space-approach-orbit-items: 10px;
  --space-approach-orbit-item-block: 24px;
  --space-approach-orbit-item-inline: 32px;
  --space-approach-orbit-item-copy: 24px;
  --size-approach-orbit-diagram: 740px;
  --size-approach-orbit-ring-inner: 353.3px;
  --size-approach-orbit-ring-middle: 600px;
  --size-approach-orbit-ring-outer: 863px;
  --size-approach-orbit-core: 184px;
  --size-approach-orbit-core-inner: 132px;
  --size-approach-orbit-logo-inline: 106px;
  --size-approach-orbit-logo-block: 55px;
  --size-approach-orbit-radius: 300px;
  --size-approach-orbit-node: 110px;
  --size-approach-orbit-node-icon: 38px;
  --size-approach-orbit-item-icon: 32px;
  --radius-approach-orbit-diagram: 32px;
  --radius-approach-orbit-item: 24px;
  --fs-approach-orbit-title: 54px;
  --fs-approach-orbit-item: 24px;
  --tracking-approach-orbit-title: -1.08px;
  --tracking-approach-orbit-item: -.24px;
  --shadow-approach-orbit: 0 18px 19px rgb(0 0 0 / .02), 0 4px 10px rgb(0 0 0 / .03);
  --dur-approach-orbit: 24s;
  --space-team-values-section: 120px;
  --space-team-values-content: 64px;
  --space-team-values-heading: 24px;
  --space-team-values-description: 44px;
  --space-team-values-grid: 20px;
  --space-team-values-card-padding: 32px;
  --space-team-values-card-content: 24px;
  --space-team-values-card-copy: 14px;
  --size-team-values-heading: 1258px;
  --size-team-values-media: 568px;
  --size-team-values-media-block: 642px;
  --size-team-values-card: 311px;
  --size-team-values-icon-surface: 60px;
  --size-team-values-icon: 32px;
  --size-team-values-image: 169.58%;
  --position-team-values-image: -37.96%;
  --radius-team-values-media: 32px;
  --radius-team-values-card: 32px;
  --radius-team-values-icon: 12px;
  --fs-team-values-eyebrow: 20px;
  --fs-team-values-title: 64px;
  --fs-team-values-description: 32px;
  --fs-team-values-card-title: 24px;
  --fs-team-values-card-description: 18px;
  --tracking-team-values-eyebrow: -.4px;
  --tracking-team-values-title: -1.28px;
  --tracking-team-values-card: -.48px;
  --color-card-statement-border: rgba(5, 5, 5, .15);
  --space-card-statement-section: 120px;
  --space-card-statement-card-padding: 61px 64px;
  --space-card-statement-content: 50px;
  --space-card-statement-heading: 24px;
  --space-card-statement-eyebrow: 10px 12px;
  --size-card-statement-card: 828px;
  --size-card-statement-border: 2px;
  --size-card-statement-description: 700px;
  --size-card-statement-icon-surface: 100px;
  --size-card-statement-icon-inline: 61.6395px;
  --size-card-statement-icon-block: 45px;
  --position-card-statement-icon-block: -54px;
  --position-card-statement-icon-inline: 50px;
  --radius-card-statement-card: 32px;
  --radius-card-statement-eyebrow: 8px;
  --radius-card-statement-icon: 22px;
  --fs-card-statement-eyebrow: 20px;
  --fs-card-statement-title: 64px;
  --fs-card-statement-description: 32px;
  --tracking-card-statement-eyebrow: -.4px;
  --tracking-card-statement-title: -1.28px;
  --color-founders-role: var(--color-trusted);
  --space-founders-section-top: 120px;
  --space-founders-section-bottom: 60px;
  --space-founders-content: 64px;
  --space-founders-heading: 24px;
  --space-founders-grid: 20px;
  --space-founders-copy: 20px;
  --space-founders-copy-padding: 44px;
  --space-founders-name: 18px;
  --space-founders-paragraph: 20px;
  --space-founders-photo-inset: 32px;
  --size-founders-card: 600px;
  --size-founders-caption: 415px;
  --radius-founders-card: 32px;
  --fs-founders-eyebrow: 20px;
  --fs-founders-title: 64px;
  --fs-founders-badge: 12px;
  --fs-founders-caption: 20px;
  --fs-founders-name: 32px;
  --fs-founders-description: 20px;
  --color-team-mission-dash: rgba(5, 5, 5, .15);
  --space-team-mission-section-top: 60px;
  --space-team-mission-section-bottom: 120px;
  --space-team-mission-content: 64px;
  --space-team-mission-heading: 24px;
  --space-team-mission-grid: 10px;
  --space-team-mission-card-padding: 10px;
  --space-team-mission-portrait-copy: 20px;
  --space-team-mission-traits-padding: 20px;
  --space-team-mission-trait: 20px;
  --space-team-mission-trait-copy: 16px;
  --space-team-mission-copy-gap: 4px;
  --space-team-mission-avatar-overlap: -14px;
  --space-team-mission-brand-name-offset: -2px;
  --space-team-mission-message: 24px;
  --space-team-mission-message-padding: 24px 28px 28px;
  --space-team-mission-meta: 14px;
  --size-team-mission-card: 560px;
  --size-team-mission-avatar: 64px;
  --size-team-mission-icon: 44px;
  --size-team-mission-icon-graphic: 24px;
  --size-team-mission-brand-logo: 278px;
  --size-team-mission-logo-symbol: 134px;
  --radius-team-mission-card: 24px;
  --radius-team-mission-inner: 14px;
  --radius-team-mission-icon: 12px;
  --fs-team-mission-eyebrow: 20px;
  --fs-team-mission-title: 64px;
  --fs-team-mission-member: 24px;
  --fs-team-mission-role: 16px;
  --fs-team-mission-trait-title: 20px;
  --fs-team-mission-trait-description: 16px;
  --fs-team-mission-message: 24px;
  --fs-team-mission-brand-name: 42px;
  --color-brand-introduction-dash: rgba(5, 5, 5, .15);
  --space-brand-introduction-section-top: 60px;
  --space-brand-introduction-section-bottom: 80px;
  --space-brand-introduction-content: 64px;
  --space-brand-introduction-heading: 24px;
  --space-brand-introduction-panel: 16px;
  --space-brand-introduction-copy: 44px;
  --space-brand-introduction-paragraph: 18px;
  --space-brand-introduction-copy-content: 28px;
  --space-brand-introduction-button-inline: 44px;
  --size-brand-introduction-panel: 1400px;
  --size-brand-introduction-copy: 676px;
  --size-brand-introduction-panel-block: 444px;
  --size-brand-introduction-logo: 296.8px;
  --size-brand-introduction-logo-symbol: 146px;
  --size-brand-introduction-button: 54px;
  --radius-brand-introduction-panel: 32px;
  --radius-brand-introduction-inner: 22px;
  --fs-brand-introduction-eyebrow: 20px;
  --fs-brand-introduction-title: 64px;
  --fs-brand-introduction-copy: 24px;
  --fs-brand-introduction-button: 20px;
  --fs-brand-introduction-name: 45px;
  --space-about-story-section-top: 80px;
  --space-about-story-section-bottom: 120px;
  --space-about-story-inline: 88px;
  --space-about-story-layout: 44px;
  --space-about-story-copy: 16px;
  --size-about-story-content: 1156px;
  --size-about-story-image-inline: 313px;
  --size-about-story-image-block: 374px;
  --size-about-story-scroll: 800svh;
  --distance-about-story-reveal: 160px;
  --scale-about-story-image-start: .86;
  --radius-about-story-image: 20px;
  --fs-about-story-title: 32px;
  --fs-about-story-copy: 20px;
  --dur-about-story-opacity: 600ms;
  --dur-about-story-transform: 700ms;
  --color-scroll-text-reveal-muted: rgba(255, 255, 255, .4);
  --space-scroll-text-reveal-padding: 120px 88px;
  --space-scroll-text-reveal-cta: 84px;
  --space-scroll-text-reveal-content: 64px;
  --space-scroll-text-reveal-heading: 24px;
  --space-scroll-text-reveal-button-inline: 44px;
  --size-scroll-text-reveal-travel: 240svh;
  --size-scroll-text-reveal-copy: 1744px;
  --size-scroll-text-reveal-button: 54px;
  --fs-scroll-text-reveal-eyebrow: 20px;
  --fs-scroll-text-reveal-title: 64px;
  --fs-scroll-text-reveal-copy: 49px;
  --fs-scroll-text-reveal-button: 20px;
  --dur-scroll-text-reveal-character: 70ms;
  --space-philosophy-pillars-padding-block: 100px;
  --space-philosophy-pillars-section-gap: 64px;
  --space-philosophy-pillars-heading-gap: 24px;
  --space-philosophy-pillars-panel-gap: 20px;
  --space-philosophy-pillars-panel-padding: 20px;
  --space-philosophy-pillars-card-gap: 32px;
  --space-philosophy-pillars-card-padding: 32px;
  --space-philosophy-pillars-copy-gap: 12px;
  --size-philosophy-pillars-description: 1400px;
  --size-philosophy-pillars-icon: 44px;
  --size-philosophy-pillars-icon-graphic: 24px;
  --radius-philosophy-pillars-panel: 32px;
  --radius-philosophy-pillars-card: 24px;
  --radius-philosophy-pillars-icon: 12px;
  --fs-philosophy-pillars-eyebrow: 20px;
  --fs-philosophy-pillars-title: 64px;
  --fs-philosophy-pillars-description: 24px;
  --fs-philosophy-pillars-card-title: 24px;
  --fs-philosophy-pillars-card-description: 20px;
  --color-convergence-overlay: rgba(27, 19, 15, .2);
  --space-convergence-copy-inline: 160px;
  --space-convergence-copy-gap: 32px;
  --size-convergence-section: 740px;
  --size-convergence-diagram-inline: 724px;
  --size-convergence-diagram-block: 500px;
  --radius-convergence-diagram: 28px;
  --fs-convergence-title: 44px;
  --fs-convergence-node: 14px;
  --fs-convergence-caption: 12px;
  --dur-convergence-flow: 2800ms;
  --color-principles-cta-overlay: rgba(27, 19, 15, .2);
  --color-principles-cta-border: rgba(5, 5, 5, .15);
  --size-principles-cta-section: 740px;
  --size-principles-cta-title: 640px;
  --size-principles-cta-panel: 724px;
  --size-principles-cta-card: 120px;
  --size-principles-cta-icon-surface: 64px;
  --size-principles-cta-icon: 34px;
  --size-principles-cta-border: 2px;
  --space-principles-cta-copy-inline: 160px;
  --space-principles-cta-copy-gap: 32px;
  --space-principles-cta-panel-inline: 80px;
  --space-principles-cta-panel-padding: 44px;
  --space-principles-cta-panel-gap: 16px;
  --space-principles-cta-card-padding: 16px;
  --space-principles-cta-card-gap: 16px;
  --space-principles-cta-card-copy-gap: 4px;
  --radius-principles-cta-panel: 28px;
  --radius-principles-cta-card: 18px;
  --radius-principles-cta-icon: 14px;
  --fs-principles-cta-title: 44px;
  --fs-principles-cta-card-title: 24px;
  --fs-principles-cta-card-description: 18px;
  --dur-principles-cta-stagger: 120ms;
  --fs-difference-description: 24px;
  --fs-difference-caption: 20px;
  --radius-difference-photo: 32px;
  --space-difference-overlay: 40px;
  --space-difference-caption: 24px;
  --space-difference-stories: 24px;
  --space-why-different-section: 80px;
  --space-why-different-intro: 48px;
  /* Unitless metric tokens scale with each photo's --metric-unit. */
  --fs-metric-value: 44;
  --fs-metric-label: 14;
  --fs-metric-small: 12;
  --fs-metric-arrow: 11;
  --space-metric-content: 16;
  --space-metric-padding: 32;
  --radius-metric-card: 24;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --color-method-muted: rgba(5, 5, 5, .3);
  --color-method-frame: #eee8e0;
  --color-method-core-border: #cfc9c1;
  --color-method-pulse: #e0a777;
  --space-method-columns: 60px;
  --space-method-steps: 44px;
  --space-method-step-copy: 12px;
  --space-method-cards: 40px;
  --fs-method-step: 30px;
  --fs-method-description: 20px;
  --fs-method-card-title: 16px;
  --radius-method-card: 32px;
  --space-method-card-heading: 40px;
  --dur-method-flow: 2800ms;
  --dur-method-glow: 3200ms;
  /* Diagram geometry is proportional to the original 862px Figma card. */
  --fs-diagram-label: 1.566cqw;
  --fs-diagram-small: 1.39cqw;
  --fs-diagram-item: 1.624cqw;
  --radius-diagram-node: .928cqw;
  --space-diagram-row: 4.306cqw;
  --space-diagram-node: 1.174cqw;
  --space-diagram-panel: 3.248cqw;
  --space-diagram-gap: 1.856cqw;
  --radius-diagram-panel: 2.32cqw;
  --shadow-method-glow: 0 0 2cqw .5cqw color-mix(in srgb, var(--color-trusted) 22%, transparent);
  --space-advantage-columns: 80px;
  --space-advantage-copy: 44px;
  --space-advantage-copy-inner: 24px;
  --space-advantage-audit: 14px;
  --space-advantage-audit-padding: 16px;
  --size-advantage-panel: 658px;
  --size-advantage-icon: 60px;
  --radius-advantage-media: 32px;
  --radius-advantage-panel: 28px;
  --radius-advantage-row: 21px;
  --radius-advantage-inner: 14px;
  --fs-advantage-title: 54px;
  --fs-advantage-copy: 32px;
  --fs-advantage-log-title: 26px;
  --fs-advantage-item-title: 24px;
  --fs-advantage-item-copy: 18px;
  --fs-advantage-finding-title: 20px;
  --fs-advantage-finding-copy: 16px;
  --dur-advantage-reveal: 460ms;
  --color-tomorrow-progress-overlay: rgb(27 19 15 / 20%);
  --color-tomorrow-progress-border: rgb(5 5 5 / 15%);
  --size-tomorrow-progress-section: 740px;
  --size-tomorrow-progress-title: 640px;
  --size-tomorrow-progress-panel: 724px;
  --size-tomorrow-progress-chart: 416px;
  --space-tomorrow-progress-copy-inline: 160px;
  --space-tomorrow-progress-copy-gap: 32px;
  --space-tomorrow-progress-panel-inline: 80px;
  --space-tomorrow-progress-panel-padding: 32px;
  --space-tomorrow-progress-columns-gap: 14px;
  --radius-tomorrow-progress-panel: 28px;
  --radius-tomorrow-progress-bar: 20px;
  --radius-tomorrow-progress-fill: 16px;
  --size-tomorrow-progress-base: 50px;
  --fs-tomorrow-progress-title: 44px;
  --fs-tomorrow-progress-label: 16px;
  --fs-tomorrow-progress-value: 24px;
  --dur-tomorrow-progress-rise: 1200ms;
  --dur-tomorrow-progress-stagger: 180ms;
}

*, *::before, *::after { box-sizing: border-box; }
html {
	max-inline-size: 100%;
	overflow-x: clip;
	scroll-behavior: smooth;
}
body {
	min-inline-size: 0;
	max-inline-size: 100%;
	margin: 0;
	padding-block-start: var(--size-header);
	overflow-x: clip;
	background: var(--color-page);
	color: var(--color-text);
	font-family: var(--font-primary);
}
img { display: block; height: auto; max-width: 100%; }
.container { width: 100%; max-width: 1920px; margin-inline: auto; padding-inline: var(--space-header-inline); }
.section { padding-block: var(--section-padding-block); background: var(--color-page); }
.section--dark { --color-section-accent: var(--color-accent-on-dark); background: var(--color-hero); color: var(--color-white); }
.title { margin: 0; font-size: clamp(var(--fs-section-title-min), 6.4vw, var(--fs-section-title-max)); font-weight: var(--fw-bold); line-height: var(--lh-heading); }
.title__highlight { color: var(--color-section-accent); font-style: italic; }
.subtitle { margin: 0; color: var(--color-section-accent); font-size: var(--fs-section-eyebrow); font-weight: var(--fw-bold); line-height: var(--lh-compact); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }
.icon { display: block; inline-size: 100%; block-size: 100%; flex: none; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.prose { max-width: 840px; font-size: 18px; line-height: 1.55; }
.prose > :first-child { margin-block-start: 0; }
.prose > :last-child { margin-block-end: 0; }
.prose h2 { margin-block: 48px 16px; font-size: 28px; line-height: var(--lh-heading); }
.prose h3 { margin-block: 32px 12px; font-size: 22px; line-height: var(--lh-heading); }
.prose p, .prose ul, .prose ol { margin-block: 0 18px; }
.prose ul, .prose ol { padding-inline-start: 24px; }
.prose li + li { margin-block-start: 8px; }
.prose a { color: inherit; text-decoration-color: var(--color-accent); text-underline-offset: 3px; }
.prose a:hover, .prose a:focus-visible { color: var(--color-accent); }
.privacy-terms__inner { max-width: 1120px; }
.privacy-terms__header { display: grid; gap: var(--space-section-heading); margin-block-end: var(--space-section-content); }
.site-footer__newsletter-consent-link { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.site-header { --size-header-current: var(--size-header); position: fixed; z-index: 10; inset: 0 0 auto; width: 100%; background: var(--color-page); transition: box-shadow var(--dur-fast) var(--ease-out); }
.site-header.is-compact { --size-header-current: var(--size-header-compact); box-shadow: var(--shadow-header); }
.admin-bar .site-header { inset-block-start: 32px; }
body.admin-bar { padding-block-start: calc(var(--size-header) + 32px); }
.site-header__inner { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: var(--size-header-current); transition: min-height var(--dur-fast) var(--ease-out); }
.site-header__brand { display: flex; width: 106px; height: 55px; align-items: center; }
.site-header__brand .custom-logo-link, .site-header__brand .custom-logo { display: block; width: 106px; height: 55px; }
.site-header__brand .custom-logo { object-fit: contain; }
.site-header__navigation { grid-column: 2; grid-row: 1; }
.site-menu { display: flex; align-items: center; gap: 28px; margin: 0; padding: 0; list-style: none; }
.site-menu a { display: grid; min-height: 54px; place-items: center; padding: 10px; color: inherit; font-size: var(--fs-navigation); font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; transition: opacity var(--dur-fast) var(--ease-out); }
.site-menu .current-menu-item > a { color: var(--color-trusted); }
.site-menu a:hover, .site-menu a:focus-visible { opacity: .65; }
.site-header__actions { display: flex; grid-column: 3; grid-row: 1; justify-self: end; align-items: center; gap: 16px; }
.button { display: inline-flex; height: 54px; align-items: center; justify-content: center; padding: 10px 24px; border: 1px solid transparent; font: inherit; font-size: var(--fs-navigation); font-weight: 700; line-height: 1.3; text-decoration: none; white-space: nowrap; transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out); }
.button--primary { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-white); }
.button--outline { border-color: var(--color-text); background: transparent; color: var(--color-text); }
.button:hover, .button:focus-visible { opacity: .78; }
.site-header__toggle { display: none; }
.site-header__quote-link { width: 172px; }
.site-header__contact-link { width: 154px; }

.error-404 { display: grid; min-height: calc(100svh - 119px); place-items: center; overflow: hidden; padding: 32px; background: var(--color-hero); color: var(--color-page); }
.error-404__content { display: flex; width: min(100%, var(--size-error-404-content)); flex-direction: column; align-items: flex-start; gap: var(--space-error-404-content); }
.error-404__code { display: flex; margin: 0; color: var(--color-page); font-size: var(--fs-error-404-code); font-weight: var(--fw-bold); line-height: .9; letter-spacing: -.02em; }
.error-404__code-accent { color: var(--color-accent); }
.error-404__copy { display: flex; width: min(100%, var(--size-error-404-copy)); flex-direction: column; gap: var(--space-error-404-copy); }
.error-404__title { margin: 0; font-size: var(--fs-error-404-title); font-weight: var(--fw-semibold); line-height: 1.1; letter-spacing: -.02em; }
.error-404__description { margin: 0; color: var(--color-error-404-muted); font-size: var(--fs-error-404-description); font-weight: var(--fw-medium); line-height: 1.5; }
.error-404__link { flex: none; }

.home-hero { position: relative; min-height: 1071px; overflow: hidden; background: var(--color-hero); color: var(--color-page); }
.home-hero__content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding-top: 168px; text-align: center; }
.home-hero__copy { display: flex; flex-direction: column; align-items: center; gap: 28px; }
.home-hero__title { max-width: 1120px; margin: 0; font-size: 64px; font-weight: 700; line-height: 1; letter-spacing: -1.28px; text-transform: uppercase; }
.home-hero__description { max-width: 920px; margin: 0; color: var(--color-page); font-size: 20px; font-weight: 600; line-height: 1.15; }
.home-hero__description--mobile { display: none; }
.home-hero__cta { margin-top: 64px; }
.home-hero__illustration { position: absolute; top: 556px; left: 50%; width: 1080px; transform: translateX(-50%); }
.home-hero__illustration-image { width: 100%; max-width: none; }

.trusted-logos { display: flex; flex-direction: column; gap: 44px; overflow: hidden; padding-top: 100px; background: var(--color-page); }
.trusted-logos__title { margin: 0; color: var(--color-trusted); font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: -.4px; text-align: center; text-transform: uppercase; }
.trusted-logos__viewport { width: 100%; height: 100px; overflow: hidden; }
.trusted-logos__track { display: flex; width: max-content; animation: trusted-logos-marquee 26s linear infinite; will-change: transform; }
.trusted-logos__group { display: flex; flex: none; align-items: center; gap: 90px; padding-inline-end: 90px; }
.trusted-logos__logo { display: block; flex: none; width: auto; height: auto; max-width: none; }

.real-numbers { display: flex; flex-direction: column; gap: 64px; padding-block: 120px; background: var(--color-page); }
.real-numbers__intro { display: flex; flex-direction: column; align-items: center; gap: 44px; text-align: center; }
.real-numbers__heading-group { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.real-numbers__eyebrow { margin: 0; color: var(--color-trusted); font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: -.4px; text-transform: uppercase; }
.real-numbers__title { display: flex; flex-direction: column; margin: 0; font-size: 54px; font-weight: 700; line-height: 1.15; letter-spacing: -1.08px; }
.real-numbers__title em { color: var(--color-trusted); font-style: italic; }
.real-numbers__title-mobile { display: none; }
.real-numbers__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.real-numbers__card { position: relative; height: 624px; overflow: hidden; border-radius: 32px; color: var(--color-white); opacity: 0; transform: scale(1.16); transition: opacity 720ms var(--ease-out) var(--numbers-card-delay), transform 720ms var(--ease-out) var(--numbers-card-delay); }
.real-numbers__card.is-visible { opacity: 1; transform: none; }
.real-numbers__image { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.real-numbers__card:first-child .real-numbers__image { width: 110%; margin-left: -10%; object-position: right center; }
.real-numbers__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 51.174%, rgba(5, 5, 5, .54) 100%); pointer-events: none; }
.real-numbers__card-content { position: absolute; inset-inline: 32px; bottom: 29px; display: flex; flex-direction: column; gap: 8px; }
.real-numbers__metric { display: flex; align-items: baseline; gap: 8px; }
.real-numbers__value, .real-numbers__label, .real-numbers__quote { margin: 0; font-weight: 700; }
.real-numbers__value { flex: none; font-size: 54px; line-height: 1.1; letter-spacing: -1.62px; text-transform: uppercase; white-space: nowrap; }
.real-numbers__label { font-size: 20px; line-height: 1.1; white-space: nowrap; }
.real-numbers__quote { font-size: 17px; font-style: italic; line-height: 1; }

.why-brewmetrics { display: flex; flex-direction: column; gap: 64px; padding-block: 120px; background: var(--color-page); }
.why-brewmetrics__intro { display: flex; justify-content: center; text-align: center; }
.why-brewmetrics__heading-group { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.why-brewmetrics__eyebrow { margin: 0; color: var(--color-trusted); font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: -.4px; text-transform: uppercase; }
.why-brewmetrics__title { display: flex; flex-direction: column; margin: 0; font-size: 54px; font-weight: 700; line-height: 1.15; letter-spacing: -1.08px; }
.why-brewmetrics__title em { color: var(--color-trusted); font-style: italic; }
.why-brewmetrics__title-mobile { display: none; }
.why-brewmetrics__comparison { display: grid; width: 100%; max-width: 1576px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.why-brewmetrics__column { display: flex; flex-direction: column; }
.why-brewmetrics__card { border: 1px solid var(--color-border); }
.why-brewmetrics__card--lead { border-radius: 24px; padding: 32px; }
.why-brewmetrics__card--list { display: flex; flex-direction: column; gap: 24px; border-radius: 24px; padding: 32px; }
.why-brewmetrics__column--traditional .why-brewmetrics__card { background: transparent; }
.why-brewmetrics__column--brewmetrics .why-brewmetrics__card { background: var(--color-white); }
.why-brewmetrics__item { display: flex; min-width: 0; align-items: center; gap: 18px; }
.why-brewmetrics__icon { display: grid; width: 56px; height: 56px; flex: none; place-items: center; padding: 16px; border: 1px solid rgb(219 217 210 / 50%); border-radius: 12px; background: var(--color-icon-surface); }
.why-brewmetrics__column--brewmetrics .why-brewmetrics__icon { background: var(--color-page); }
.why-brewmetrics__icon-image { width: 24px; height: 24px; object-fit: contain; }
.why-brewmetrics__item-text { min-width: 0; margin: 0; font-size: 24px; font-weight: 600; line-height: 1.35; }
.why-brewmetrics__column--traditional .why-brewmetrics__item-text { color: var(--color-text-muted); }
.why-brewmetrics__column--brewmetrics .why-brewmetrics__card--lead .why-brewmetrics__item-text { color: var(--color-trusted); }

.audit-findings { display: flex; flex-direction: column; gap: 44px; padding-block: 120px; background: var(--color-page); }
.audit-findings__intro { display: flex; justify-content: center; text-align: center; }
.audit-findings__heading-group { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.audit-findings__eyebrow { margin: 0; color: var(--color-trusted); font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: -.4px; text-transform: uppercase; }
.audit-findings__title { display: flex; flex-direction: column; margin: 0; font-size: 54px; font-weight: 700; line-height: 1.15; letter-spacing: -1.08px; }
.audit-findings__title em { color: var(--color-trusted); font-style: italic; }
.audit-findings__description { max-width: 960px; color: var(--color-text-muted); font-size: 24px; font-weight: 600; line-height: 1.25; }
.audit-findings__description p { margin: 0; }
.audit-findings__description-mobile { display: none; }
.audit-findings__content { display: contents; }
.audit-findings__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.audit-findings__card { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; gap: 20px; padding: 32px; border-radius: 32px; background: var(--color-audit-card); }
.audit-findings__card-body { display: flex; flex-direction: column; gap: 18px; padding-bottom: 20px; border-bottom: 1px solid var(--color-divider); }
.audit-findings__card-label, .audit-findings__card-title, .audit-findings__card-description, .audit-findings__card-insight, .audit-findings__footnote { margin: 0; }
.audit-findings__card-label { color: var(--color-trusted); font-size: 16px; font-weight: 600; line-height: 1.35; }
.audit-findings__card-copy { display: flex; flex-direction: column; gap: 12px; }
.audit-findings__card-title { font-size: 28px; font-weight: 600; line-height: 1.2; }
.audit-findings__card-description { color: var(--color-text-muted); font-size: 20px; font-weight: 500; line-height: 1.25; }
.audit-findings__card-insight { color: var(--color-trusted); font-size: 20px; font-weight: 600; line-height: 1.25; }
.audit-findings__footnote { color: var(--color-text-muted); font-size: 20px; font-weight: 600; line-height: 1.15; text-align: center; }

.site-footer { display: flex; width: 100%; flex-direction: column; gap: 64px; overflow: hidden; padding-block: 84px 59px; background: var(--color-footer); color: var(--color-footer-text); }
.site-footer__marquee { width: 100%; overflow: hidden; }
.site-footer__marquee-track { display: flex; width: max-content; animation: footer-marquee 30s linear infinite; will-change: transform; }
.site-footer__marquee-group { display: flex; flex: none; align-items: center; gap: 44px; padding-inline-end: 44px; }
.site-footer__marquee-group span { flex: none; font-size: 84px; font-weight: 700; line-height: 1.1; letter-spacing: -1.68px; text-transform: uppercase; white-space: nowrap; }
.site-footer__marquee-group .site-footer__marquee-separator { color: var(--color-footer-text); opacity: .4; }
.site-footer__inner { display: grid; grid-template-columns: 564px auto; align-items: start; justify-content: space-between; padding-bottom: 46px; }
.site-footer__newsletter { display: flex; flex-direction: column; gap: 20px; }
.site-footer__newsletter-intro { margin: 0 0 24px; font-size: 16px; font-weight: 600; line-height: 1.2; }
.site-footer__newsletter-form { display: flex; height: 42px; align-items: start; justify-content: space-between; border-bottom: 1px solid rgba(243, 241, 233, .4); }
.site-footer__newsletter-form input, .site-footer__newsletter-form button { min-width: 0; padding: 0 0 18px; border: 0; background: transparent; color: var(--color-footer-text); font: inherit; font-size: 18px; font-weight: 600; line-height: 1.15; text-transform: uppercase; }
.site-footer__newsletter-form input { width: 100%; outline: 0; }
.site-footer__newsletter-form input::placeholder { color: var(--color-footer-muted); opacity: 1; }
.site-footer__newsletter-form button { cursor: default; }
.site-footer__newsletter-consent { max-width: 564px; margin: 0; color: var(--color-footer-muted); font-size: 14px; font-weight: 500; line-height: 1.25; }
.site-footer__links { display: grid; grid-template-columns: 188px 212px 88px; gap: 84px; }
.site-footer__column { display: flex; flex-direction: column; gap: 24px; }
.site-footer__heading { margin: 0; color: var(--color-footer-text); font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: -.4px; text-transform: uppercase; }
.site-footer__menu, .site-footer__contact-list, .site-footer__social-list { display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 0; list-style: none; }
.site-footer__menu a, .site-footer__contact-list p, .site-footer__contact-list a, .site-footer__text-link { margin: 0; color: var(--color-footer-muted); font-size: 14px; font-weight: 700; line-height: 1.1; letter-spacing: -.28px; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color var(--dur-fast) var(--ease-out); }
.site-footer__menu a:hover, .site-footer__menu a:focus-visible, .site-footer__contact-list a:hover, .site-footer__contact-list a:focus-visible, .site-footer__text-link:hover, .site-footer__text-link:focus-visible, .site-footer__privacy-link:hover, .site-footer__privacy-link:focus-visible { color: var(--color-footer-text); }
.site-footer__legal { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 600; line-height: 1.1; }
.site-footer__legal p { margin: 0; }
.site-footer__privacy-link { color: var(--color-footer-text); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }

@keyframes footer-marquee {
  to { transform: translateX(-50%); }
}

@keyframes trusted-logos-marquee {
  to { transform: translateX(-50%); }
}

[data-accordion-panel] { display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 360ms var(--ease-out); }
[data-accordion-panel] > * { min-height: 0; }
[data-accordion].is-open [data-accordion-panel] { grid-template-rows: 1fr; }
.bm-reveal { opacity: 0; transform: translateY(20px); transition: opacity 600ms ease, transform 600ms var(--ease-out); }
.bm-reveal.is-visible { opacity: 1; transform: none; }

@media (min-width: 1024px) and (max-width: 1919px) {
  body { zoom: calc(100vw / 1920px); }
}

@media (max-width: 1023px) {
  :root {
    --size-header: 72px;
    --size-header-compact: 60px;
    --section-padding-block: 80px;
    --fs-difference-description: 16px;
    --fs-difference-caption: 18px;
    --radius-difference-photo: 20px;
    --space-difference-caption: 14px;
    --space-why-different-section: 80px;
    --space-why-different-intro: 44px;
    --space-method-steps: 16px;
    --space-method-step-copy: 8px;
    --space-method-cards: 24px;
    --fs-method-step: 20px;
    --fs-method-description: 14px;
    --fs-method-card-title: 14px;
    --radius-method-card: 20px;
    --space-method-card-heading: 20px;
    --fs-section-title-max: 24px;
    --fs-section-eyebrow: 12px;
    --fs-card-label: 14px;
    --space-section-heading: 16px;
    --space-section-content: 44px;
    --space-grid: 8px;
    --space-card-content: 20px;
    --space-card-padding: 20px;
    --radius-card: 20px;
    --size-icon: 32px;
		--size-page-loader-bar-inline: 16px;
		--size-page-loader-count-box-mobile: 75px;
		--space-page-loader-count-inline: 16px;
		--space-page-loader-count-bottom: 18px;
		--fs-page-loader-count: 64px;
		--tracking-page-loader-count: -1.28px;
    --size-image-hero-block: 579px;
    --space-image-hero-content: 221px;
    --space-image-hero-copy: 18px;
    --fs-image-hero-title: 28px;
    --fs-image-hero-description: 16px;
    --space-editorial-statement-layout-mobile: 44px;
    --space-editorial-statement-content-mobile: 32px;
    --space-editorial-statement-heading-mobile: 16px;
    --space-editorial-statement-paragraph-mobile: 14px;
    --size-editorial-statement-image-mobile: 300px;
    --radius-editorial-statement-image-mobile: 20px;
    --fs-editorial-statement-eyebrow-mobile: 12px;
    --fs-editorial-statement-title-mobile: 24px;
    --fs-editorial-statement-body-mobile: 16px;
    --tracking-editorial-statement-title-mobile: -.48px;
    --space-approach-orbit-layout-mobile: 8px;
    --space-approach-orbit-content-mobile: 44px;
    --space-approach-orbit-heading-mobile: 16px;
    --space-approach-orbit-items-mobile: 8px;
    --space-approach-orbit-item-padding-mobile: 24px;
    --space-approach-orbit-item-copy-mobile: 18px;
    --size-approach-orbit-diagram-mobile: min(343px, calc(100vw - 32px));
    --size-approach-orbit-ring-inner: calc(var(--size-approach-orbit-diagram-mobile) * .489796);
    --size-approach-orbit-ring-middle: calc(var(--size-approach-orbit-diagram-mobile) * .798834);
    --size-approach-orbit-ring-outer: calc(var(--size-approach-orbit-diagram-mobile) * 1.05831);
    --size-approach-orbit-core: calc(var(--size-approach-orbit-diagram-mobile) * .291545);
    --size-approach-orbit-core-inner: calc(var(--size-approach-orbit-diagram-mobile) * .244898);
    --size-approach-orbit-logo-inline: calc(var(--size-approach-orbit-diagram-mobile) * .196662);
    --size-approach-orbit-logo-block: calc(var(--size-approach-orbit-diagram-mobile) * .102041);
    --size-approach-orbit-radius: calc(var(--size-approach-orbit-diagram-mobile) * .390671);
    --size-approach-orbit-node: calc(var(--size-approach-orbit-diagram-mobile) * .157434);
    --size-approach-orbit-node-icon: calc(var(--size-approach-orbit-diagram-mobile) * .058309);
    --size-approach-orbit-item-mobile: 68px;
    --size-approach-orbit-item-icon-mobile: 20px;
    --radius-approach-orbit-diagram-mobile: 20px;
    --radius-approach-orbit-item-mobile: 20px;
    --fs-approach-orbit-eyebrow-mobile: 12px;
    --fs-approach-orbit-title-mobile: 24px;
    --fs-approach-orbit-item-mobile: 16px;
    --tracking-approach-orbit-title-mobile: -.48px;
    --tracking-approach-orbit-item-mobile: -.16px;
    --space-team-values-section: 80px;
    --space-team-values-content-mobile: 44px;
    --space-team-values-heading-mobile: 16px;
    --space-team-values-description-mobile: 24px;
    --space-team-values-layout-mobile: 16px;
    --space-team-values-cards-mobile: 12px;
    --space-team-values-card-padding-mobile: 24px;
    --space-team-values-card-content-mobile: 20px;
    --space-team-values-card-copy-mobile: 14px;
    --size-team-values-media-mobile: min(343px, calc(100vw - 32px));
    --size-team-values-card-mobile: 244px;
    --size-team-values-icon-surface-mobile: 44px;
    --size-team-values-icon-mobile: 20px;
    --radius-team-values-media-mobile: 20px;
    --radius-team-values-card-mobile: 20px;
    --radius-team-values-icon-mobile: 10px;
    --fs-team-values-eyebrow-mobile: 12px;
    --fs-team-values-title-mobile: 24px;
    --fs-team-values-description-mobile: 16px;
    --fs-team-values-card-title-mobile: 20px;
    --fs-team-values-card-description-mobile: 16px;
    --tracking-team-values-title: -.48px;
    --tracking-team-values-card: -.4px;
    --space-card-statement-section: 80px;
    --space-card-statement-container-mobile: 24px;
    --space-card-statement-card-padding-mobile: 21.5px 24px;
    --space-card-statement-content-mobile: 24px;
    --space-card-statement-heading-mobile: 16px;
    --space-card-statement-eyebrow-mobile: 6px 8px;
    --size-card-statement-icon-surface-mobile: 64px;
    --size-card-statement-icon-inline-mobile: 39.449px;
    --size-card-statement-icon-block-mobile: 28.8px;
    --position-card-statement-icon-block-mobile: -36px;
    --position-card-statement-icon-inline-mobile: 32px;
    --radius-card-statement-card-mobile: 20px;
    --radius-card-statement-eyebrow-mobile: 4px;
    --radius-card-statement-icon-mobile: 12px;
    --fs-card-statement-eyebrow-mobile: 12px;
    --fs-card-statement-title-mobile: 24px;
    --fs-card-statement-description-mobile: 16px;
    --tracking-card-statement-eyebrow-mobile: -.24px;
    --tracking-card-statement-title-mobile: -.48px;
    --space-founders-section-top: 80px;
    --space-founders-section-bottom: 40px;
    --space-founders-content: 44px;
    --space-founders-heading: 16px;
    --space-founders-grid: 12px;
    --space-founders-copy: 20px;
    --space-founders-copy-padding: 24px 20px;
    --space-founders-name: 14px;
    --space-founders-paragraph: 14px;
    --space-founders-photo-inset: 12px;
    --size-founders-card: 300px;
    --size-founders-caption: 312px;
    --radius-founders-card: 20px;
    --fs-founders-eyebrow: 12px;
    --fs-founders-title: 24px;
    --fs-founders-badge: 12px;
    --fs-founders-caption: 14px;
    --fs-founders-name: 24px;
    --fs-founders-description: 14px;
    --space-team-mission-section-top: 40px;
    --space-team-mission-section-bottom: 80px;
    --space-team-mission-content: 44px;
    --space-team-mission-heading: 16px;
    --space-team-mission-card-padding: 8px;
    --space-team-mission-portrait-copy: 20px;
    --space-team-mission-traits-padding: 16px;
    --space-team-mission-trait: 18px;
    --space-team-mission-message: 44px;
    --space-team-mission-message-padding: 20px;
    --space-team-mission-meta: 12px;
    --size-team-mission-brand-card: 303px;
    --size-team-mission-icon: 40px;
    --size-team-mission-icon-graphic: 20px;
    --size-team-mission-brand-logo: 239px;
    --size-team-mission-logo-symbol: 115px;
    --radius-team-mission-card: 20px;
    --radius-team-mission-icon: 10px;
    --fs-team-mission-eyebrow: 12px;
    --fs-team-mission-title: 24px;
    --fs-team-mission-trait-title: 16px;
    --fs-team-mission-trait-description: 14px;
    --fs-team-mission-message: 16px;
    --fs-team-mission-brand-name: 36px;
    --space-brand-introduction-section-top: 80px;
    --space-brand-introduction-section-bottom: 40px;
    --space-brand-introduction-content: 44px;
    --space-brand-introduction-heading: 16px;
    --space-brand-introduction-panel: 8px;
    --space-brand-introduction-copy: 20px;
    --space-brand-introduction-paragraph: 12px;
    --space-brand-introduction-copy-content: 28px;
    --space-brand-introduction-button-inline: 24px;
    --size-brand-introduction-panel-block: 288px;
    --size-brand-introduction-logo: 239px;
    --size-brand-introduction-logo-symbol: 115px;
    --size-brand-introduction-button: 44px;
    --radius-brand-introduction-panel: 24px;
    --radius-brand-introduction-inner: 18px;
    --fs-brand-introduction-eyebrow: 12px;
    --fs-brand-introduction-title: 24px;
    --fs-brand-introduction-copy: 16px;
    --fs-brand-introduction-button: 14px;
    --fs-brand-introduction-name: 36px;
    --space-about-story-section-top: 40px;
    --space-about-story-section-bottom: 80px;
    --space-about-story-inline: 16px;
    --space-about-story-layout: 32px;
    --space-about-story-copy: 12px;
    --size-about-story-image-inline: 100%;
    --size-about-story-image-block: 384px;
    --distance-about-story-reveal: 48px;
    --fs-about-story-title: 24px;
    --fs-about-story-copy: 16px;
    --space-scroll-text-reveal-padding: 80px 16px;
    --space-scroll-text-reveal-cta: 64px;
    --space-scroll-text-reveal-content: 44px;
    --space-scroll-text-reveal-heading: 16px;
    --space-scroll-text-reveal-button-inline: 24px;
    --size-scroll-text-reveal-travel: 240svh;
    --size-scroll-text-reveal-copy: 343px;
    --size-scroll-text-reveal-button: 44px;
    --fs-scroll-text-reveal-eyebrow: 12px;
    --fs-scroll-text-reveal-title: 24px;
    --fs-scroll-text-reveal-copy: 20px;
    --fs-scroll-text-reveal-button: 14px;
    --space-philosophy-pillars-padding-block: 80px;
    --space-philosophy-pillars-section-gap: 44px;
    --space-philosophy-pillars-heading-gap: 16px;
    --space-philosophy-pillars-panel-gap: 12px;
    --space-philosophy-pillars-panel-padding: 12px;
    --space-philosophy-pillars-card-gap: 24px;
    --space-philosophy-pillars-card-padding: 20px;
    --space-philosophy-pillars-copy-gap: 10px;
    --size-philosophy-pillars-description: 343px;
    --size-philosophy-pillars-icon-graphic: 20px;
    --radius-philosophy-pillars-panel: 20px;
    --radius-philosophy-pillars-card: 14px;
    --radius-philosophy-pillars-icon: 10px;
    --fs-philosophy-pillars-eyebrow: 12px;
    --fs-philosophy-pillars-title: 24px;
    --fs-philosophy-pillars-description: 16px;
    --fs-philosophy-pillars-card-title: 20px;
    --fs-philosophy-pillars-card-description: 16px;
    --space-convergence-copy-inline: 16px;
    --fs-error-404-code: 144px;
    --fs-error-404-title: 24px;
    --fs-error-404-description: 14px;
    --space-error-404-copy: 10px;
    --size-convergence-section: auto;
    --size-convergence-diagram-inline: 324px;
    --size-convergence-diagram-block: 230px;
    --radius-convergence-diagram: 16px;
    --fs-convergence-title: 24px;
    --fs-convergence-node: 7px;
    --fs-convergence-caption: 7px;
    --size-principles-cta-section: auto;
    --size-principles-cta-copy-mobile: 329px;
    --size-principles-cta-visual-mobile: 375px;
    --size-principles-cta-title-mobile: 343px;
    --size-principles-cta-panel-mobile: 324px;
    --size-principles-cta-card-mobile: 53.702px;
    --size-principles-cta-icon-surface-mobile: 32px;
    --size-principles-cta-icon-mobile: 17px;
    --size-principles-cta-border-mobile: .895px;
    --size-principles-cta-button-mobile: 44px;
    --space-principles-cta-copy-inline: 16px;
    --space-principles-cta-copy-block-mobile: 80px;
    --space-principles-cta-button-inline-mobile: 24px;
    --space-principles-cta-panel-inline-mobile: 32px;
    --space-principles-cta-panel-padding-mobile: 19.691px;
    --space-principles-cta-panel-gap-mobile: 14px;
    --space-principles-cta-card-padding-mobile: 7.16px;
    --space-principles-cta-card-gap-mobile: 7.16px;
    --space-principles-cta-card-copy-gap-mobile: 3px;
    --radius-principles-cta-panel-mobile: 16px;
    --radius-principles-cta-card-mobile: 11px;
    --radius-principles-cta-icon-mobile: 6px;
    --fs-principles-cta-title: 24px;
    --fs-principles-cta-card-title-mobile: 12px;
    --fs-principles-cta-card-description-mobile: 10px;
    --size-tomorrow-progress-section: auto;
    --size-tomorrow-progress-copy-mobile: 329px;
    --size-tomorrow-progress-visual-mobile: 375px;
    --fs-tomorrow-progress-title: 24px;
    --fs-tomorrow-progress-title-mobile: clamp(20px, 6.4vw, 24px);
    --size-tomorrow-progress-title-mobile: 343px;
    --size-tomorrow-progress-panel-mobile: 308px;
    --size-tomorrow-progress-chart-mobile: 164px;
    --space-tomorrow-progress-copy-inline: 16px;
    --space-tomorrow-progress-copy-block-mobile: 80px;
    --space-tomorrow-progress-panel-inline-mobile: 32px;
    --space-tomorrow-progress-panel-padding-mobile: 14px;
    --space-tomorrow-progress-columns-gap-mobile: 6px;
    --radius-tomorrow-progress-panel-mobile: 16px;
    --radius-tomorrow-progress-bar-mobile: 9px;
    --radius-tomorrow-progress-fill-mobile: 7px;
    --size-tomorrow-progress-base: 24px;
    --fs-tomorrow-progress-label: 12px;
    --fs-tomorrow-progress-value: 10px;
  }
  .container { padding-inline: var(--space-header-inline-mobile); }
  .site-header::after { position: fixed; z-index: 0; inset: var(--size-header-current) 0 0; visibility: hidden; background: rgba(5, 5, 5, .32); content: ''; opacity: 0; pointer-events: none; transition: opacity var(--dur-fast) var(--ease-out), visibility var(--dur-fast) var(--ease-out); }
  .admin-bar .site-header::after { inset-block-start: calc(var(--size-header-current) + 32px); }
  .site-header.is-menu-open::after { visibility: visible; opacity: 1; }
  .site-header__inner { z-index: 1; }
  .site-header__inner { display: flex; min-height: var(--size-header-current); justify-content: space-between; }
  .site-header__brand, .site-header__brand .custom-logo-link, .site-header__brand .custom-logo { width: 77.091px; height: 40px; }
  .site-header__actions { display: flex; gap: 20px; }
  .site-header__quote-link { width: 135px; height: 40px; padding: 10px 24px; font-size: var(--fs-navigation-mobile); }
  .site-header__contact-link { display: none; }
  .site-header__toggle { display: grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 0; background: transparent; color: var(--color-text); }
  .site-header__toggle-icon { position: relative; display: block; width: 32px; height: 32px; }
  .site-header__toggle-icon span { position: absolute; right: 5px; left: 5px; height: 2px; border-radius: 999px; background: currentColor; transform-origin: center; transition: transform 280ms var(--ease-out), opacity 180ms var(--ease-out); }
  .site-header__toggle-icon span:nth-child(1) { top: 7px; }
  .site-header__toggle-icon span:nth-child(2) { top: 15px; }
  .site-header__toggle-icon span:nth-child(3) { top: 23px; }
  .site-header__toggle.is-open .site-header__toggle-icon span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .site-header__toggle.is-open .site-header__toggle-icon span:nth-child(2) { opacity: 0; transform: scaleX(.55); }
  .site-header__toggle.is-open .site-header__toggle-icon span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .site-header__navigation { position: absolute; inset: var(--size-header-current) 0 auto; z-index: 1; display: block; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-8px); padding: 24px 16px 23px; background: var(--color-page); transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility var(--dur-fast) var(--ease-out); }
  .site-header__navigation.is-open { visibility: visible; opacity: 1; pointer-events: auto; transform: none; }
  .site-menu { flex-direction: column; align-items: flex-start; gap: 17px; padding: 0; }
  .site-menu a { display: block; min-height: 0; padding: 0; font-size: 16px; line-height: 1.2; }
  .error-404 { min-height: calc(100svh - 72px); padding: 32px 16px; place-items: center; }
  .error-404__content { gap: 44px; }
  .error-404__code { font-size: 144px; letter-spacing: -2.88px; }
  .error-404__copy { gap: 10px; }
  .error-404__title { font-size: 24px; letter-spacing: -.48px; }
  .error-404__description { font-size: 14px; line-height: 1.2; }
  .error-404__link { height: 40px; font-size: 14px; }
  .home-hero { min-height: 659px; }
  .home-hero__content { padding-top: 99px; }
  .home-hero__copy { width: min(100%, 343px); gap: 14px; }
  .home-hero__title { max-width: none; font-size: 30px; line-height: 1.1; letter-spacing: -.6px; }
  .home-hero__description { max-width: none; font-size: 14px; line-height: 1.25; }
  .home-hero__description--desktop { display: none; }
  .home-hero__description--mobile { display: block; }
  .home-hero__cta { height: 44px; margin-top: 32px; padding-inline: 24px; font-size: 14px; }
  .home-hero__illustration { top: 418px; width: 511px; }
  .trusted-logos { gap: 32px; padding-top: 80px; }
  .trusted-logos__title { font-size: 16px; letter-spacing: -.32px; }
  .trusted-logos__viewport { height: 44px; }
  .trusted-logos__track { animation-duration: 18s; }
  .trusted-logos__group { gap: 32px; padding-inline-end: 32px; }
  .trusted-logos__logo--square { width: 44px; height: 44px; }
  .trusted-logos__logo--wide { width: auto; height: 38px; }
  .real-numbers { gap: 44px; padding-block: 80px; }
  .real-numbers__intro { gap: 32px; }
  .real-numbers__heading-group { width: 100%; gap: 16px; }
  .real-numbers__eyebrow { font-size: 12px; letter-spacing: -.24px; }
  .real-numbers__title { width: 100%; font-size: 24px; line-height: 1.15; letter-spacing: -.48px; }
  .real-numbers__title-desktop { display: none; }
  .real-numbers__title-mobile { display: block; }
  .real-numbers__cta { height: 44px; padding-inline: 24px; font-size: 14px; }
  .real-numbers__cards { grid-template-columns: 1fr; gap: 16px; }
  .real-numbers__card { height: 380px; border-radius: 20px; }
  .real-numbers__card:first-child .real-numbers__image { width: 111%; margin-left: -10.5%; }
  .real-numbers__overlay { background: linear-gradient(180deg, transparent 40.075%, rgba(5, 5, 5, .54) 100%); }
  .real-numbers__card:nth-child(2) .real-numbers__overlay { background: linear-gradient(180deg, transparent 44.355%, rgba(5, 5, 5, .54) 100%); }
  .real-numbers__card:nth-child(3) .real-numbers__overlay { background: linear-gradient(180deg, transparent 51.174%, rgba(5, 5, 5, .54) 100%); }
  .real-numbers__card-content { inset-inline: 18px; bottom: 18px; gap: 4px; }
  .real-numbers__metric { gap: 6px; }
  .real-numbers__value { font-size: 32px; letter-spacing: -.96px; }
  .real-numbers__label { font-size: 14px; }
  .real-numbers__quote { font-size: 14px; line-height: 1; }
  .why-brewmetrics { gap: 44px; padding-block: 80px; }
  .why-brewmetrics__heading-group { width: 100%; gap: 16px; }
  .why-brewmetrics__eyebrow { font-size: 12px; letter-spacing: -.24px; }
  .why-brewmetrics__title { width: 100%; font-size: 24px; line-height: 1.15; letter-spacing: -.48px; }
  .why-brewmetrics__title-desktop { display: none; }
  .why-brewmetrics__title-mobile { display: block; }
  .why-brewmetrics__comparison { grid-template-columns: 1fr; gap: 12px; }
  .why-brewmetrics__card--lead { border-radius: 16px; padding: 16px; }
  .why-brewmetrics__card--list { gap: 16px; border-radius: 16px; padding: 16px; }
  .why-brewmetrics__item { gap: 14px; }
  .why-brewmetrics__icon { width: 44px; height: 44px; padding: 12px; border-radius: 10px; }
  .why-brewmetrics__icon-image { width: 20px; height: 20px; }
  .why-brewmetrics__item-text { font-size: 18px; }
  .audit-findings { gap: 44px; padding-block: 80px; }
  .audit-findings__heading-group { width: 100%; gap: 16px; }
  .audit-findings__eyebrow { font-size: 12px; letter-spacing: -.24px; }
  .audit-findings__title { width: 100%; font-size: 24px; line-height: 1.15; letter-spacing: -.48px; }
  .audit-findings__description { width: 100%; font-size: 16px; line-height: 1.25; }
  .audit-findings__description-desktop { display: none; }
  .audit-findings__description-mobile { display: block; }
  .audit-findings__content { display: flex; width: 100%; flex-direction: column; gap: 24px; }
  .audit-findings__cards { grid-template-columns: 1fr; gap: 12px; }
  .audit-findings__card { gap: 20px; padding: 24px; border-radius: 20px; }
  .audit-findings__card-body { gap: 14px; padding-bottom: 20px; }
  .audit-findings__card-label { font-size: 14px; }
  .audit-findings__card-title { font-size: 24px; }
  .audit-findings__card-description, .audit-findings__card-insight { font-size: 16px; }
  .audit-findings__footnote { font-size: 16px; line-height: 1.2; }
  .site-footer { gap: 28px; padding-block: 48px 42px; }
  .site-footer__marquee-group { gap: 20px; padding-inline-end: 20px; }
  .site-footer__marquee-group span { font-size: 42px; letter-spacing: -.84px; }
  .site-footer__inner { display: flex; flex-direction: column; gap: 34px; padding-bottom: 0; }
  .site-footer__newsletter { width: 100%; gap: 18px; }
  .site-footer__newsletter-intro { max-width: 343px; margin-bottom: 12px; font-size: 16px; line-height: 1.2; }
  .site-footer__newsletter-form { height: 26px; }
  .site-footer__newsletter-form input, .site-footer__newsletter-form button { padding-bottom: 8px; font-size: 14px; }
  .site-footer__newsletter-consent { max-width: 343px; font-size: 12px; line-height: 1.2; }
  .site-footer__links { width: 100%; grid-template-columns: 1fr 1fr; gap: 20px 40px; }
  .site-footer__navigation { grid-column: 1 / -1; }
  .site-footer__column { gap: 10px; }
  .site-footer__heading { font-size: 20px; }
  .site-footer__menu, .site-footer__contact-list, .site-footer__social-list { gap: 12px; }
  .site-footer__menu a, .site-footer__contact-list p, .site-footer__contact-list a, .site-footer__text-link { font-size: 14px; line-height: 1.1; white-space: normal; }
  .site-footer__legal { flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 8px; font-size: 12px; }
  .prose { font-size: 16px; }
  .prose h2 { margin-block: 36px 12px; font-size: 24px; }
  .prose h3 { margin-block: 28px 10px; font-size: 20px; }
  .privacy-terms__header { margin-block-end: 40px; }
}

@media (max-width: 782px) {
  .admin-bar .site-header { inset-block-start: 46px; }
  body.admin-bar { padding-block-start: calc(var(--size-header) + 46px); }
  .admin-bar .site-header::after { inset-block-start: calc(var(--size-header-current) + 46px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .site-footer__marquee-track { animation: none; }
  .trusted-logos__track { animation: none; }
  .real-numbers__card { opacity: 1; transform: none; transition: none; }
}