/* Marketing-page tokens. Pill controls; 32px enclosures; inner radii subtract the 6px bezel.
   Layers: content 0, floating navigation 10, skip link 30; the menu uses the browser top layer. */
@font-face {
  font-family: Geist;
  src: url('../assets/fonts/geist-latin.woff2') format('woff2');
  font-style: normal; font-weight: 100 900; font-display: swap;
}
:root {
  color-scheme: light dark;
  --paper: light-dark(#f4f5f6, #151719);
  --sheet: light-dark(#fcfcfd, #202326);
  --sheet-2: light-dark(#edeff1, #272b2e);
  --sheet-3: light-dark(#e5e8eb, #303538);
  --ink: light-dark(#22272b, #f3f4f5);
  --ink-2: light-dark(#576068, #b6bdc3);
  --ink-3: light-dark(#626a71, #a0a9b1);
  --ink-4: light-dark(#c2c8ce, #42494f);
  --clay: light-dark(#a74825, #e69b7c);
  --resin-light: #ed873e;
  --resin-glow: inset 0 0 32px -12px var(--resin-light), 0 0 40px -16px var(--resin-light);
  --clay-tint: light-dark(#f4e7df, #3b2d27);
  --on-clay: light-dark(#fcfcfd, #201810);
  --line: light-dark(#dfe3e7, #363d43);
  --line-strong: light-dark(#aeb7bf, #65707a);
  --shade: light-dark(#66727f, #080b0e);
  --on-ink: var(--paper);
  --highlight: light-dark(#fcfcfdcc, #fcfcfd16);
  --pass: light-dark(#236542, #95d3af);
  --pass-tint: light-dark(#e8f1ec, #223a2c);
  --fail: light-dark(#9b3933, #efaaa4);
  --fail-tint: light-dark(#f7e9e7, #432e2b);
  --warn: light-dark(#805710, #e6bd74);
  --selection: var(--clay-tint);
  --font-sans: Geist, system-ui, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --t-display: clamp(2.625rem, 4.3vw, 4.125rem);
  --t-h2: clamp(2rem, 3.4vw, 3.25rem);
  --t-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --t-lead: clamp(1.0625rem, 1.45vw, 1.25rem);
  --t-body: 1rem; --t-ui: .9375rem; --t-small: .875rem; --t-meta: .8125rem;
  --t-legend: .75rem; --t-micro: .6875rem; --t-numeral: clamp(3rem, 5.5vw, 5rem);
  --w-text: 400; --w-medium: 500; --w-semi: 550; --w-display: 600;
  --lh-display: 1.06; --lh-head: 1.1; --lh-text: 1.6; --lh-ui: 1.4;
  --track-display: -.055em; --track-head: -.045em; --track-legend: .09em;
  --s0: 0; --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.25rem;
  --s6: 1.5rem; --s8: 2rem; --s10: 2.5rem; --s12: 3rem; --s16: 4rem; --s20: 5rem;
  --provider-width: 8.5rem; --provider-wide: 10rem; --provider-height: 2rem;
  --s24: 6rem; --s28: 7rem; --s32: 8rem; --s40: 10rem;
  --hair: 1px; --rule: 2px; --focus: 3px; --bezel: 6px;
  --r-card: 2rem; --r-panel: 1.25rem; --r-key: 999px; --r-full: 999px;
  --r-inner: calc(var(--r-card) - var(--bezel));
  --r-input: .75rem; --icon: 1.25rem; --led: .375rem;
  --gutter: clamp(1rem, 4vw, 4rem); --page: 80rem; --measure: 39rem;
  --section: clamp(6rem, 10vw, 9rem); --nav-top: 1.5rem; --nav-height: 4.5rem;
  --hero-limit: 53.125rem; --product-width: 68rem; --measure-hero: 30ch; --measure-intro: 42ch;
  --measure-small: 25ch; --measure-wide: 75ch; --measure-id: 20ch; --t-code: .9em;
  --sculpture-layer: 3; --nav-layer: 10; --skip-layer: 30; --hero-art-ratio: 1.13;
  --shadow: 0 2px 4px color-mix(in srgb, var(--shade) 3%, transparent),
    0 24px 64px -24px color-mix(in srgb, var(--shade) 18%, transparent);
  --inner: inset 0 1px 0 var(--highlight);
  --nav-shadow: 0 8px 32px -16px color-mix(in srgb, var(--shade) 25%, transparent);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-key: cubic-bezier(.32, .72, 0, 1);
  --t-key: 250ms; --t-fade: 500ms; --t-reveal: 900ms;
  --travel: 1.5rem; --press: .98; --hover-shift: 2px; --blur: 20px;
}
:root[data-theme='light'] { color-scheme: light; }
:root[data-theme='dark'] { color-scheme: dark; }
@media (max-width: 767px) {
  :root { --gutter: 1rem; --section: 4rem; --nav-top: .75rem; --nav-height: 3.75rem; --r-card: 1.5rem; }
}
@media (prefers-contrast: more) {
  :root { --ink-2: var(--ink); --ink-3: var(--ink); --line: var(--line-strong); }
}
@media print {
  :root, :root[data-theme] {
    color-scheme: light; --t-display: 28pt; --t-h2: 21pt; --t-h3: 12pt; --t-lead: 11pt;
    --t-body: 9pt; --t-ui: 9pt; --t-small: 8pt; --t-meta: 7pt; --t-legend: 7pt; --t-numeral: 28pt;
    --section: 6mm; --gutter: 0mm; --page: 100%; --shadow: none; --nav-shadow: none;
  }
}
@page { size: A4; margin: 14mm; }