/* Canonical foundations. Reference canvas: 1710 CSS px, not device pixels. */
.landing-page { --radius-control:0px; --radius-panel:0px; --radius-photo:0px; --type-case-summary:var(--text-16); --type-why-heading:var(--text-20); }
:root {
  --type-studio-title:36px;
  --type-studio-manifesto:28px;
  --line-studio-manifesto:1.2;
  --color-studio-wordmark:#ffffff38;
  --color-studio-rule:#ffffff38;
  --interaction-duration: 220ms;
  --interaction-ease: var(--motion-standard);
  --interaction-line-width: 1px;
  --interaction-focus-width: 2px;
  --interaction-focus-offset: 4px;
  --color-case-rule: #e3e3e3;
  --color-case-label: var(--color-muted);
  --color-case-euphoria: #b738c8;
  --type-case-heading: var(--text-28);
  --type-review-quote: var(--type-case-heading);
  --line-review-quote:1.19;
  --color-case-surface: #f5f2ef;
  --color-accent: #f78e37;
  --color-wave-ink: #191817;
  --color-wave-light: #ff8b1a;
  --color-wave-middle: #c56617;
  --color-wave-shadow: #704019;
  --color-wave-tip: #ff8110;
  --color-ink: #1f1d1c;
  --color-reading: #454240;
  --color-paper: #fff;
  --color-surface: #f5f5f4;
  --color-muted: #686563;
  --color-border: #d8d3cf;
  --color-before: #bcb9b5;
  --color-track: #e3e1de;
  --color-review-surface: #faf7f5;
  --color-steel: #707070;
  --color-dark-rule: #424242;
  --color-dark-muted: #8f8e8d;
  --color-hatch: #e6d0bf;
  --orange: var(--color-accent);
  --ink: var(--color-ink);
  --font-family: "Inter Tight", Arial, sans-serif;
  --tracking: 0;
  --text-12: 12px;
  --text-14: 14px;
  --text-16: 16px;
  --text-18: 18px;
  --text-20: 20px;
  --text-22: 22px;
  --text-24: 24px;
  --text-26: 26px;
  --text-28: 28px;
  --text-32: 32px;
  --text-36: 36px;
  --text-40: 40px;
  --text-44: 44px;
  --text-48: 48px;
  --text-56: 56px;
  --text-64: 64px;
  --text-72: 72px;
  --text-84: 84px;
  --text-88: 88px;
  --text-96: 96px;
  --text-112: 112px;
  --text-128: 128px;
  --text-180: 180px;
  --text-220: 220px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-112: 112px;
  --space-200: 200px;
  --section-gap: var(--space-80);
  --radius-control: 6px;
  --radius-panel: 8px;
  --radius-photo: 24px;
  --duration-fast: 180ms;
  --duration-normal: 240ms;
  --motion-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --page-gutter: 12px;
  --hero-x: var(--page-gutter);
  --topbar-h: 72px;
  --type-reading-major: var(--text-48);
  --type-hero: var(--text-36);
  --type-brand-promise: var(--text-28);
  --type-campaign-promise: var(--text-32);
  --type-section: var(--text-40);
  --type-service: var(--text-32);
  --type-manifesto: var(--text-32);
  --line-manifesto: 36px;
  --type-body: var(--text-18);
  --type-reading: var(--text-18);
  --type-article-title: var(--text-36);
  --type-lead: var(--text-18);
  --type-card-title: var(--text-32);
  --type-result: var(--text-24);
  --type-metric: var(--text-32);
  --type-stat: var(--text-88);
  --type-label: var(--text-14);
  --type-nav: var(--text-18);
  --type-menu-display: var(--text-40);
  --type-control: var(--text-16);
  --font-20: var(--type-body);
  --font-24: var(--type-lead);
  --font-32: var(--type-card-title);
  --font-72: var(--type-service);
}

@media (min-width:600px) {
  .cases-v3 { --type-case-heading:var(--text-26); }
}
@media (max-width:599px) {
  .landing-page {
    --page-gutter:var(--space-16);
    --type-studio-manifesto:var(--text-22);
    --line-studio-manifesto:1.35;
    --type-review-quote:var(--text-22);
    --line-review-quote:1.3;
    --type-case-heading:var(--text-22);
    --type-section:var(--text-36);
    --type-service:var(--text-28);
    --type-body:var(--text-16);
    --type-lead:var(--text-16);
    --type-stat:var(--text-84);
  }
}
/* Main landing refinement: shared roles without changing article or hero type. */
@media(min-width:600px) {
  .landing-page { --type-case-heading:var(--text-28); --type-review-quote:var(--text-28); --line-review-quote:1.3; --type-why-heading:var(--text-24); }
}
@media(min-width:1100px) {
  .landing-page { --type-section:var(--text-48); }
}
@media(min-width:1400px) {
  .landing-page { --type-section:var(--text-56); }
}
@media(min-width:1600px) {
  .landing-page { --type-section:var(--text-64); }
}
@media (min-width: 600px) {
  :root {
    --type-menu-display: var(--text-64);
    --topbar-h: 88px;
    --type-reading-major: var(--text-64);
    --type-brand-promise: var(--text-36);
    --type-campaign-promise: var(--text-48);
    --type-case-heading: var(--text-32);
    --type-hero: var(--text-48);
    --type-manifesto: var(--text-40);
    --line-manifesto: 44px;
    --type-section: var(--text-48);
    --type-service: var(--text-40);
    --type-result: var(--text-28);
    --type-metric: var(--text-40);
    --type-stat: var(--text-112);
  }
}
@media (min-width: 768px) {
  :root { --page-gutter: 16px; }
}
@media (min-width: 1100px) {
  :root { --type-reading: var(--text-20); }
  :root { --section-gap:var(--space-200); }
  :root {
    --page-gutter: 20px;
    --type-hero: var(--text-44);
    --type-campaign-promise: var(--text-48);
    --type-section: var(--text-56);
    --type-service: var(--text-44);
    --type-manifesto: var(--text-44);
    --line-manifesto: 48px;
    --type-card-title: var(--text-40);
    --type-stat: var(--text-128);
  }
}
@media (min-width: 1400px) {
  :root {
    --type-hero: var(--text-56);
    --type-campaign-promise: var(--text-64);
    --type-section: var(--text-64);
    --type-service: var(--text-56);
    --type-manifesto: var(--text-56);
    --line-manifesto: 60px;
    --type-card-title: var(--text-44);
    --type-body: var(--text-20);
    --type-lead: var(--text-24);
    --type-nav: var(--text-20);
    --type-stat: var(--text-180);
  }
}
@media (min-width: 600px) {
  :root { --type-article-title: var(--text-48); --type-studio-title:var(--text-48); --type-studio-manifesto:var(--text-32); }
}
@media (min-width: 1100px) {
  :root { --type-article-title: var(--text-56); --type-studio-title:var(--text-48); --type-studio-manifesto:var(--text-32); --line-studio-manifesto:1.15; }
}
@media (min-width: 1600px) {
  :root {
    --type-studio-title:var(--text-72);
    --type-studio-manifesto:42px;
    --line-studio-manifesto:47px;
    --type-brand-promise: var(--text-40);
    --topbar-h: 96px;
    --type-hero: var(--text-84);
    --type-campaign-promise: var(--text-72);
    --type-section: var(--text-72);
    --type-service: var(--text-64);
    --type-manifesto: var(--text-64);
    --line-manifesto: 68px;
    --type-stat: var(--text-220);
  }
}