/* Shared website system. Film paper surfaces soften the light marketing ground. */
:root {
  color-scheme: light;
  --deep: #0B0D0D;
  --ground: #F6F1E8;
  --panel: #FFFCF7;
  --plane: var(--panel);
  --ink: #111317;
  --muted: #58616B;
  --dark-muted: #B8C1CA;
  --teal: #254C49;
  --cream: #E5D6BD;
  --blue: #8BA7B4;
  --tint-teal: #E5ECE9;
  --tint-blue: #E8EEF1;
  --tint-cream: #F1EBE1;
  --tint-red: #F4E5E1;
  --focus: #356374;
  --signal: #E84232;
  --action: #BC3026;
  --success: #246B4E;
  --partial: #8A6500;
  --on-action: #FFFFFF;
  --line: #D8D2C8;
  --border-strong: #8B959D;
  --glass: rgb(255 252 247 / .96);
  --glass-soft: rgb(246 241 232 / .94);
  --control-gray: #E2E6E8;
  --control-glass: rgb(226 230 232 / .9);
  --control-glass-hover: rgb(238 241 243 / .96);
  --control-border: rgb(118 126 133 / .42);
  --control-highlight: rgb(255 255 255 / .86);
  --glass-line: rgb(17 19 23 / .12);
  --highlight: rgb(255 255 255 / .8);
  --shadow: rgb(17 19 23 / .08);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-36: 144px;
  --radius-media: 4px;
  --radius-menu: 16px;
  --radius-control: 999px;
  --motion-fast: 180ms;
  --motion-panel: 220ms;
  --motion-evidence: 450ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  --max: 1320px;
  --gutter: 48px;
  --header-height: 94px;
  --font-display: Mediaoric, Arial, sans-serif;
  --font-reading: 'Source Sans 3', Arial, sans-serif;
  --type-body: 16px;
  --type-hero: clamp(48px, 5vw, 72px);
  --type-section: clamp(36px, 3.34vw, 48px);
  --type-subsection: clamp(32px, 2.78vw, 40px);
}
@media(max-width:1100px) { :root { --gutter:32px; } }
@media(max-width:950px) { :root { --header-height:98px; } }
@media(max-width:600px) { :root { --gutter:20px; --type-body:16px; } }
@media(prefers-reduced-motion:reduce) { :root { --motion-fast:0ms; --motion-panel:0ms; --motion-evidence:0ms; } }