/* Made by scripts/prepare.mjs from the site's global.css. Do not edit. */
:root {
  --paper: #f7f7f5;
  --white: #ffffff;
  --ink: #0c111c;
  --ink-2: #191f2b;
  --text: #0c111c;
  --muted: #535b69;
  --line: rgb(12 17 28 / 0.12);
  --blue: #0850ab;
  --blue-deep: #0c4290;
  --blue-bright: #4d91e2;
  --on-blue: #ffffff;
  --on-blue-muted: rgb(255 255 255 / 0.8);
  --on-blue-line: rgb(255 255 255 / 0.22);
  --on-blue-soft: rgb(255 255 255 / 0.4);
  --on-ink: #eef1f6;
  --on-ink-muted: rgb(238 241 246 / 0.7);
  --on-ink-line: rgb(255 255 255 / 0.1);
  --on-ink-soft: rgb(255 255 255 / 0.18);
  
  --link-line-paper: rgb(12 17 28 / 0.5);
  --link-line: var(--link-line-paper);
  --link-line-blue: rgb(255 255 255 / 0.6);
  --link-line-ink: rgb(238 241 246 / 0.4);
  
  --line-strong: rgb(12 17 28 / 0.56);
  --on-blue-edge: var(--link-line-blue);
  --on-ink-edge: var(--link-line-ink);
  --press-on-white: color-mix(in srgb, var(--white), var(--ink) 8%);
  
  --pill-tint: color-mix(in srgb, var(--blue) 8%, var(--white));
  --pill-tint-edge: color-mix(in srgb, var(--blue) 18%, transparent);
  
  --edge-dash-w: 1.5px;
  --edge-dash: var(--edge-dash-w) dashed var(--line-strong);

  
  --shadow-art: 0 8px 16px rgb(12 17 28 / 0.24);
  --shadow-art-near: 0 1px 2px rgb(12 17 28 / 0.18);
  
  --shadow-render-1: 0 1px 1px rgb(12 17 28 / 0.22);
  
  --plate-face: linear-gradient(
    180deg,
    var(--white),
    color-mix(in srgb, var(--white), var(--paper) 75%)
  );
  --plate-edge: 0 0 0 1px rgb(12 17 28 / 0.09);
  --plate-rim: inset 0 1px 0 var(--white);
  --shadow-plate: 0 24px 48px -28px rgb(12 17 28 / 0.35);
  --shadow-proud: 0 30px 60px -10px rgb(12 17 28 / 0.28);
  
  --shadow-float:
    0 0 0 1px rgb(12 17 28 / 0.06), 0 1px 2px rgb(12 17 28 / 0.06),
    0 4px 8px -2px rgb(12 17 28 / 0.06), 0 16px 32px -12px rgb(12 17 28 / 0.12),
    0 44px 80px -28px color-mix(in srgb, var(--blue-deep) 30%, transparent);
  --wall: rgb(12 17 28 / 0.08);
  
  --sheet-lift: drop-shadow(0 0 0.5px rgb(12 17 28 / 0.45))
    drop-shadow(0 1px 0 rgb(12 17 28 / 0.1));
  
  --shadow-contact: 0 1px 1px rgb(0 0 0 / 0.5), 0 2px 6px rgb(0 0 0 / 0.4);
  
  --shadow-on-ink: 0 12px 32px rgb(0 0 0 / 0.4);

  
  --lift-contact-ink: 0 0 0 1px rgb(0 0 0 / 0.35), 0 1px 2px rgb(0 0 0 / 0.6);
  --lift-low-ink:
    0 4px 8px rgb(0 0 0 / 0.32), 0 12px 24px rgb(0 0 0 / 0.38),
    0 26px 44px rgb(0 0 0 / 0.4);

  --focus-ring: var(--blue);

  
  --frame-edge: var(--line);
  
  --phone-corner: 13% / 6.5%;
  
  --shadow-hand:
    0 2px 4px rgb(12 17 28 / 0.16), 0 14px 28px rgb(12 17 28 / 0.22);

  
  
  --text-h1: min(clamp(2.875rem, 1.34375rem + 6.29vw, 8.5rem), 15vw);
  
  --text-page: min(clamp(2.5rem, 1.56875rem + 3.81vw, 6rem), 13vw);
  
  --text-h2: min(clamp(2.125rem, 1.6125rem + 2.1vw, 4rem), 12.5vw);
  --text-h3: var(--text-h2);
  
  --text-h2-fill: max(var(--text-h2), min(5vw - 1rem, 5rem));
  --text-page-fill: max(var(--text-page), min(10vw - 4rem, 8rem));
  
  --text-h4-fill: max(var(--text-h4), min(2.5vw - 0.75rem, var(--text-lead)));
  
  --text-lead: clamp(1.375rem, 1.14375rem + 0.95vw, 2.25rem);
  
  --text-h4: clamp(1.25rem, 1.15625rem + 0.38vw, 1.625rem);
  
  --text-title: 2rem;
  
  --text-lede: clamp(1.1875rem, 1.11875rem + 0.29vw, 1.5rem);
  
  --text-body: clamp(1.0625rem, 0.78125rem + 0.45vw, 1.25rem);
  
  --text-read: clamp(1.1875rem, 1.14375rem + 0.19vw, 1.375rem);
  
  --text-read-h2: clamp(2.25rem, 2.1225rem + 0.523vw, 2.75rem);
  
  --text-ui: clamp(0.9375rem, 0.75rem + 0.2084vw, 1rem);
  
  --text-meta: 0.875rem;
  --text-small: var(--text-meta);

  
  --measure-body: 36em;
  --measure-lede: 30em;
  --measure-lead: 22em;
  --measure-read: 36em;
  --text-col: 40rem;
  --measure: 30rem;
  --measure-short: 24rem;

  
  --max-w: 1280px;
  --max-w-work: 1700px;
  
  --max-w-figure: 1100px;
  
  --read-col: calc(var(--text-read) * 36);
  
  --shot-w: min(calc(100vw - 2 * var(--gutter)), var(--max-w-work));
  
  --work-out: max(
    0px,
    (var(--shot-w) - min(var(--max-w), 100vw) + 2 * var(--gutter)) / 2
  );
  
  --phone-w: 19rem;
  
  --review-card-w: 22rem;
  
  --review-card-w-sm: 19rem;
  
  --check-card-w: 32.5rem;
  
  --site-phone-w: clamp(13.75rem, 11.89rem + 7.62vw, 18.75rem);
  --pair-phone-w: min(
    12.5rem,
    max(min(1.79rem + 28.57vw, 8.75rem), 5.64rem + 7.62vw)
  );
  --gutter: clamp(20px, 5vw, 56px);
  --grid-gap: clamp(24px, 3.34vw, 48px);
  --cols-12: repeat(12, minmax(0, 1fr));
  
  --content-w: calc(min(100vw, var(--max-w)) - 2 * var(--gutter));
  --header-h: 72px;
  
  --tap: 48px;
  
  --pill-h: 28px;
  
  --art-card-pad: clamp(20px, 1rem + 1.2vw, 32px);
  
  --cover-w: 240px;
  
  --label-lh: 1.3;
  
  --lede-lh: 1.45;
  
  --inline-tap: max(0.65em, calc(23px - 0.65em));
  
  --slope: 0.08;
  --slant: calc(var(--slope) * 100vw);
  
  --cut-lean: 0.25;
  
  --head-cut: polygon(0 0, 100% 0, 100% calc(100% - var(--slant)), 0 100%);
  
  --grain: 0.06;
  --grain-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");

  
  --gap-pair: 12px;
  
  --gap-title: clamp(18px, 0.75rem + 1vw, 26px);
  
  --gap-line: 2px;
  
  --row-y: 18px;
  
  --gap-tag: 8px;
  
  --gap-field: 16px;
  
  --gap-snug: 10px;
  --gap-text: clamp(1.5rem, 0.9rem + 1.8vw, 2.5rem);
  --gap-item: clamp(2rem, 1rem + 2.2vw, 3rem);
  
  --space-group: clamp(3.5rem, 2.5625rem + 3.81vw, 7rem);
  --space-section: clamp(6rem, 4.5rem + 6.1vw, 12rem);
  --space-chapter: clamp(8.5rem, 6.0625rem + 9.9vw, 17.5rem);
  
  --bleed: calc((100vw - min(100vw, var(--max-w))) / 2 + var(--gutter));

  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  
  --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
  --dur-press: 120ms;
  --dur-label: 120ms;
  --dur-hover: 260ms;
  
  --dur-capsule: 280ms;
  
  --dur-menu-in: 420ms;
  --dur-menu-out: 240ms;
  --dur-menu-calm: 120ms;
  --dur-enter: 700ms;
  
  --dur-fold: 380ms;
  --dur-answer-out: 100ms;
  --dur-answer-hold: 120ms;
  
  --dur-stage-out: 150ms;
  --dur-stage-in: 280ms;
  --leave:
    opacity var(--dur-stage-out) var(--ease-in),
    visibility 0s linear var(--dur-stage-out);
  --arrive:
    opacity var(--dur-stage-in) var(--ease-out) var(--dur-stage-out),
    visibility 0s;
  --dur-draw: 900ms;
  
  --stagger-draw: 70ms;
  --dur-xfade: 600ms;
  
  --dur-arrive: 1400ms;
  
  --dur-drift: 16s;
  
  --dur-wipe: 400ms;
  
  --dur-morph: 450ms;
  --dur-field-in: 120ms;
  
  --dur-field-hand: 300ms;
  
  --dur-tick: 200ms;
  --dur-error-in: 160ms;
  --stagger: 90ms;
  
  --lag-scroll: 180ms;
  
  --rise-msg: 8px;
  
  --dur-card: 550ms;

  
  --rise: 28px;
  --rise-x: calc(var(--rise) * -0.9135);
  --rise-y: calc(var(--rise) * 0.4067);
  
  --ghost: 0.22;
  
  --again: 0.35;
}
:root {
  --h1-font: var(--font-display);
  --h1-size: var(--text-h1);
  --h1-wght: 540;
  --h1-wdth: 100%;
  --h1-track: -0.015em;
  --h1-track-lg: -0.025em;
  --h1-word: 0.06em;
  --h1-word-lg: 0.02em;
  --h1-lh: 0.95;

  --h2-font: var(--font-display);
  --h2-size: var(--text-h2);
  --h2-wght: 540;
  --h2-wdth: 100%;
  --h2-track: -0.015em;
  --h2-track-lg: -0.015em;
  --h2-word: 0.06em;
  --h2-word-lg: 0.05em;
  --h2-lh: 1.06;
  
  --page-track: -0.02em;
  --page-lh: 1.02;

  --h3-font: var(--font-display);
  --h3-size: var(--text-h3);
  --h3-wght: 560;
  --h3-wdth: 100%;
  --h3-track: 0em;
  --h3-track-lg: -0.008em;
  --h3-word: 0.06em;
  --h3-word-lg: 0.02em;
  --h3-lh: 1.08;

  --h4-font: var(--font-body);
  --h4-wght: 600;
  --h4-wdth: 100%;
  --h4-track: -0.01em;
  --h4-track-lg: -0.01em;
  --h4-word: 0em;
  --h4-word-lg: 0em;
  --h4-lh: 1.25;

  
  --lead-wght: 500;
  --lead-track: -0.012em;
  --lead-lh: 1.25;

  
  --mock-font: "Archivo Their", "Archivo Fallback", Arial, sans-serif;
  --mock-wght: 600;
  --mock-wdth: 100%;
  --mock-track: -0.005em;
  
  --mock-row: 36px;
  --mark-wght: 800;
  --mark-wdth: 125%;
  --mark-track: 0.02em;
}
:root {
  --their-ground: #efe9df;
  --their-ink: #1b1a17;
  --their-muted: color-mix(in srgb, var(--their-ink) 70%, var(--their-ground));
  --their-line: color-mix(in srgb, var(--their-ink) 16%, var(--their-ground));
  
  --text-their-slip: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
  --slip-mark-wght: 700;
  --slip-mark-wdth: 112%;
}
:root {
  --card-hang: var(--space-group);
}
:root {
  --radius-pill: 999px;
  --radius-lg: 20px;
  --radius-md: 12px;
  
  --radius-sm: 6px;
  
  --radius-print: 4px;
}
:root {
  --font-display:
    "Fraunces Variable", "Fraunces Fallback", "Fraunces Fallback Times",
    Georgia, serif;
  --font-body: "Hanken Grotesk Variable", "Hanken Fallback", Arial, sans-serif;
}