/* Hammersmith Services — design tokens, generated from brand.json by build.py. Do not edit by hand. */
/* Mark: Joined · Palette: Midnight & Lagoon · Type: Helvetica framework */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,700;1,300&family=Jost:wght@500&display=swap');

:root {
  /* Named colors */
  --hs-midnight: #0E1B2C;
  --hs-lagoon: #127E8E;
  --hs-harbor: #4A5866;
  --hs-lagoon-light: #7FC6D0;
  --hs-rule: #CDD6DE;
  --hs-white: #FFFFFF;
  --hs-alert: #B23A2A;
  /* Roles: use these in components */
  --hs-mark-a: #0E1B2C;
  --hs-mark-b: #127E8E;
  --hs-ink: #0E1B2C;
  --hs-text: #0E1B2C;
  --hs-text-2: #4A5866;
  --hs-accent: #127E8E;
  --hs-accent-on-dark: #7FC6D0;
  --hs-rule: #CDD6DE;
  --hs-paper: #FFFFFF;
  --hs-dark: #0E1B2C;
  --hs-alert: #B23A2A;
  /* Type families */
  --hs-font-display: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --hs-font-text: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --hs-font-label: Jost, "Helvetica Neue", Arial, sans-serif;
  --hs-font-quote: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Type styles */
  --hs-display-family: var(--hs-font-display);
  --hs-display-size: 64px;
  --hs-display-line: 1.04;
  --hs-display-weight: 700;
  --hs-display-tracking: -0.025em;
  --hs-h1-family: var(--hs-font-display);
  --hs-h1-size: 44px;
  --hs-h1-line: 1.08;
  --hs-h1-weight: 700;
  --hs-h1-tracking: -0.02em;
  --hs-h2-family: var(--hs-font-display);
  --hs-h2-size: 30px;
  --hs-h2-line: 1.15;
  --hs-h2-weight: 700;
  --hs-h2-tracking: -0.015em;
  --hs-h3-family: var(--hs-font-display);
  --hs-h3-size: 21px;
  --hs-h3-line: 1.3;
  --hs-h3-weight: 700;
  --hs-h3-tracking: -0.01em;
  --hs-body-lg-family: var(--hs-font-text);
  --hs-body-lg-size: 18px;
  --hs-body-lg-line: 1.6;
  --hs-body-lg-weight: 300;
  --hs-body-lg-tracking: 0em;
  --hs-body-family: var(--hs-font-text);
  --hs-body-size: 16px;
  --hs-body-line: 1.65;
  --hs-body-weight: 300;
  --hs-body-tracking: 0em;
  --hs-body-print-family: var(--hs-font-text);
  --hs-body-print-size: 10.5pt;
  --hs-body-print-line: 1.5;
  --hs-body-print-weight: 400;
  --hs-body-print-tracking: 0em;
  --hs-small-family: var(--hs-font-text);
  --hs-small-size: 13px;
  --hs-small-line: 1.5;
  --hs-small-weight: 400;
  --hs-small-tracking: 0em;
  --hs-label-family: var(--hs-font-label);
  --hs-label-size: 12px;
  --hs-label-line: 1.3;
  --hs-label-weight: 500;
  --hs-label-tracking: 0.125em;
  --hs-quote-family: var(--hs-font-quote);
  --hs-quote-size: 22px;
  --hs-quote-line: 1.4;
  --hs-quote-weight: 300;
  --hs-quote-tracking: 0em;
  /* Spacing and radius */
  --hs-space-1: 4px;
  --hs-space-2: 8px;
  --hs-space-3: 12px;
  --hs-space-4: 16px;
  --hs-space-5: 24px;
  --hs-space-6: 32px;
  --hs-space-7: 48px;
  --hs-space-8: 64px;
  --hs-space-9: 96px;
  --hs-radius-0: 0px;
  --hs-radius-1: 2px;
}

/* One class per type style, so markup never hard-codes a font or size. */
.hs-display { font-family: var(--hs-display-family); font-size: var(--hs-display-size); line-height: var(--hs-display-line); font-weight: var(--hs-display-weight); letter-spacing: var(--hs-display-tracking); }
.hs-h1 { font-family: var(--hs-h1-family); font-size: var(--hs-h1-size); line-height: var(--hs-h1-line); font-weight: var(--hs-h1-weight); letter-spacing: var(--hs-h1-tracking); }
.hs-h2 { font-family: var(--hs-h2-family); font-size: var(--hs-h2-size); line-height: var(--hs-h2-line); font-weight: var(--hs-h2-weight); letter-spacing: var(--hs-h2-tracking); }
.hs-h3 { font-family: var(--hs-h3-family); font-size: var(--hs-h3-size); line-height: var(--hs-h3-line); font-weight: var(--hs-h3-weight); letter-spacing: var(--hs-h3-tracking); }
.hs-body-lg { font-family: var(--hs-body-lg-family); font-size: var(--hs-body-lg-size); line-height: var(--hs-body-lg-line); font-weight: var(--hs-body-lg-weight); letter-spacing: var(--hs-body-lg-tracking); }
.hs-body { font-family: var(--hs-body-family); font-size: var(--hs-body-size); line-height: var(--hs-body-line); font-weight: var(--hs-body-weight); letter-spacing: var(--hs-body-tracking); }
.hs-body-print { font-family: var(--hs-body-print-family); font-size: var(--hs-body-print-size); line-height: var(--hs-body-print-line); font-weight: var(--hs-body-print-weight); letter-spacing: var(--hs-body-print-tracking); }
.hs-small { font-family: var(--hs-small-family); font-size: var(--hs-small-size); line-height: var(--hs-small-line); font-weight: var(--hs-small-weight); letter-spacing: var(--hs-small-tracking); }
.hs-label { font-family: var(--hs-label-family); font-size: var(--hs-label-size); line-height: var(--hs-label-line); font-weight: var(--hs-label-weight); letter-spacing: var(--hs-label-tracking); text-transform: uppercase; }
.hs-quote { font-family: var(--hs-quote-family); font-size: var(--hs-quote-size); line-height: var(--hs-quote-line); font-weight: var(--hs-quote-weight); letter-spacing: var(--hs-quote-tracking); font-style: italic; }