/* Captured Figma values plus dated owner runtime overrides. Source: design/website-tokens.json. */
:root {
  --white:#fff;
  --wash:#f5f5f7;
  --ink:#1d1d1f;
  --secondary:#6e6e73;
  --blue:#0071e3;
  --link-blue:#0066cc;
  --line:#d2d2d7;
  --control-border:#86868b;
  --control-wash:#f1f1f3;
  --logo-ink:#171b24;
  --text-on-ink:#fff;
  --muted-on-ink:#a1a1a6;
  --giving-surface:#f5f5f7;
  --giving-border:#d2d2d7;
  --giving-accent:#0066cc;
  --content-max:1060px;
  --page-gutter:40px;
  --column-gutter:16px;
  --section-spacing:112px;
  --personal-section-spacing:64px;
  --title-to-subtitle:28px;
  --copy-to-actions:28px;
  --card-padding:24px;
  --heading-stack:16px;
  --merch-content-gap:24px;
  --card-radius:24px;
  --selector-gap:4px;
  --selector-padding:4px;
  --selector-inline:14px;
  --selector-radius:28px;
  --selector-item-radius:24px;
  --control-stroke:1px;
  --control-height:44px;
  --personal-title-size:48px;
  --personal-title-line:52px;
  --personal-title-tracking:-.28px;
  --personal-body-size:17px;
  --personal-body-line:22.95px;
  --feature-copy-gap:8px;
  --product-content-gap:12px;
  --product-grid-gap:20px;
  --product-caption-gap:6px;
  --cause-links-gap:24px;
  --giving-layout-gap:60px;
  --merch-hero-gap:36px;
  --merch-story-gap:12px;
  --contribution-size:64px;
  --contribution-line:70.4px;
  --type-display-family:"TinyBook Wordmark", "Quicksand", var(--font);
  --type-display-weight:680;
  --type-display-tracking:-.035em;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --action-height:44px;
  --action-inline:24px;
  --action-size:16px;
  --compact-action-inline:14px;
  --link-size:16px;
  --label-size:14px;
  --label-gap:16px;
  --caption-size:13px;
  --action-icon-size:18px;
  --icon-control-size:44px;
  --segment-size:14px;
  --choice-title-size:16px;
  --choice-description-size:13px;
  --heading-copy-gap:28px;
  --photo-parallax-travel:24px;
  --photo-parallax-rate:.08;
  --giving-stat-size:112px;
  --giving-section-block:96px;
  --giving-section-start:#0759c8;
  --giving-section-end:#0642a1;
  --highlight-gutter:clamp(32px,6.25vw,96px);
  --highlight-width:1440px;
  --highlight-height:620px;
  --highlight-gap:24px;
  --highlight-radius:28px;
  --highlight-copy-inline:48px;
  --highlight-copy-block:40px;
  --highlight-title-size:32px;
  --highlight-body-size:18px;
  --story-detail-height:220px;
  --story-zoom-palm:1.42;
  --story-zoom-lid:1.7;
  --story-zoom-origin-palm:50% 62%;
  --story-zoom-origin-lid:74% 78%;
  --story-card-radius:24px;
  --story-stack-gap:16px;
  --showroom-gap:32px;
  --faq-block-space:160px;
  --faq-content-gap:64px;
  --offer-float-rise:12px;
  --support-link-size:14px;
}
@media(max-width:650px) {
  :root {
    --page-gutter:32px;
    --column-gutter:13.6px;
    --section-spacing:61.2px;
    --personal-section-spacing:48px;
    --title-to-subtitle:20.4px;
    --copy-to-actions:21.25px;
    --card-padding:20.4px;
    --heading-stack:12px;
    --card-radius:20.4px;
    --personal-title-size:34px;
    --personal-title-line:37.4px;
    --personal-title-tracking:-.17px;
    --personal-body-size:16px;
    --personal-body-line:21.6px;
    --product-content-gap:8px;
    --product-grid-gap:13.6px;
    --giving-layout-gap:28px;
    --merch-hero-gap:24px;
    --contribution-size:56px;
    --contribution-line:61.6px;
    --type-display-tracking:-.03em;
    --control-height:32px;
    --action-height:36px;
    --action-inline:18px;
    --compact-action-inline:12px;
    --action-size:14px;
    --link-size:14px;
    --label-size:13px;
    --label-gap:14px;
    --caption-size:12px;
    --action-icon-size:16px;
    --icon-control-size:32px;
    --segment-size:13px;
    --choice-title-size:15px;
    --choice-description-size:12px;
    --selector-inline:12px;
    --heading-copy-gap:20px;
    --photo-parallax-travel:32px;
    --photo-parallax-rate:.14;
    --giving-stat-size:72px;
    --giving-section-block:56px;
    --highlight-gutter:var(--page-gutter);
    --highlight-height:480px;
    --highlight-gap:16px;
    --highlight-radius:24px;
    --highlight-copy-inline:24px;
    --highlight-copy-block:28px;
    --highlight-title-size:24px;
    --highlight-body-size:16px;
    --story-detail-height:180px;
    --story-zoom-palm:1.28;
    --story-zoom-lid:1.36;
    --story-zoom-origin-palm:50% 62%;
    --story-zoom-origin-lid:65% 80%;
    --faq-block-space:128px;
    --faq-content-gap:48px;
    --showroom-gap:24px;
  }
}
@media(max-width:359px) {
  :root {
    --page-gutter:24px;
    --compact-action-inline:10px;
    --selector-inline:9px;
    --photo-parallax-travel:16px;
    --giving-stat-size:64px;
  }
}