/* Verified against Figma 2005:27 / 2010:2737. Fluid interpolations are implementation decisions. */
:root {
  color-scheme: dark;
  --mr-color-background: #080a0d;
  --mr-color-surface: #13171c;
  --mr-color-surface-alt: #0d1014;
  --mr-color-text: #f0f2f5;
  --mr-color-text-secondary: #b8c2cc;
  --mr-color-text-muted: #a9afb7;
  --mr-color-border: #303640;
  --mr-color-accent: #f07730;
  --mr-color-action: #f2a33c;
  --mr-color-on-action: #080a0d;
  --mr-color-white: #fff;
  /* Local variants: do not extend these to every card, rule or field. */
  --mr-color-blog-card: #1b1b1b;
  --mr-color-detail-rule: #404a57;
  --mr-color-field-line: #6b7580;
  --mr-color-field-placeholder: #b8bfc9;
  --mr-font-heading: 'League Spartan', sans-serif;
  --mr-font-body: 'Inter', sans-serif;
  --mr-weight-regular: 400;
  --mr-weight-medium: 500;
  --mr-weight-semibold: 600;
  --mr-text-label: .8125rem;
  --mr-text-small: .9375rem;
  --mr-text-body: clamp(1rem, .977rem + .095vw, 1.0625rem);
  --mr-text-lead: clamp(1rem, .861rem + .571vw, 1.375rem);
  --mr-text-card: clamp(1.625rem, 1.439rem + .762vw, 2.125rem);
  --mr-text-section: clamp(2.125rem, 1.8rem + 1.334vw, 3rem);
  --mr-text-hero: clamp(2.5rem, 1.664rem + 3.429vw, 4.75rem);
  --mr-text-stat: clamp(3.25rem, 2.5rem + 1.25vw, 4rem);
  --mr-leading-body: 1.55;
  --mr-leading-heading: 1.15;
  --mr-leading-hero: 1.15;
  --mr-leading-lead: 1.5;
  --mr-space-1: .25rem;
  --mr-space-2: .5rem;
  --mr-space-3: .75rem;
  --mr-space-4: 1rem;
  --mr-space-5: 1.25rem;
  --mr-space-6: 1.5rem;
  --mr-space-7: 1.75rem;
  --mr-space-8: 2rem;
  --mr-space-10: 2.5rem;
  --mr-space-12: 3rem;
  --mr-space-14: 3.5rem;
  --mr-space-16: 4rem;
  --mr-space-18: 4.5rem;
  --mr-space-20: 5rem;
  --mr-space-22: 5.5rem;
  --mr-space-24: 6rem;
  --mr-space-28: 7rem;
  --mr-container: 82rem;
  --mr-gutter: 1.25rem;
  --mr-section-space: 4rem;
  --mr-grid-gap: 2rem;
  --mr-border-width: 1px;
  --mr-radius-small: .1875rem;
  --mr-radius-image: .25rem;
  --mr-radius-control: .3125rem;
  --mr-touch-target: 2.75rem;
  --mr-duration-fast: 200ms;
  --mr-duration-base: 300ms;
  --mr-duration-enter: 550ms;
  --mr-duration-portrait: 800ms;
  --mr-delay-portrait: 200ms;
  --mr-duration-workspace: 780ms;
  --mr-workspace-distance: 24px;
  --mr-duration-count: 1700ms;
  --mr-motion-distance: 16px;
  --mr-motion-stagger: 75ms;
  --mr-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --mr-ease-emphasized: cubic-bezier(.2, .8, .2, 1);
  --mr-transition: var(--mr-duration-fast) var(--mr-ease-standard);
  --mr-carousel-duration: 300ms;
  --mr-layer-header: 10;
  --mr-layer-menu: 20;
  --mr-layer-skip: 100;
}
@media (min-width: 64rem) {
  :root { --mr-gutter: 4rem; --mr-section-space: 7rem; --mr-leading-heading: 1.02; --mr-leading-hero: .95; }
}

@media (max-width: 47.999rem) {
  :root { --mr-motion-distance: 12px; --mr-motion-stagger: 60ms; }
}