@import '../../brand/tokens/verge.tokens.css?v=045c331ca1d14101e4a6';

:root {
  --font-display: 'Manrope Variable', 'Manrope', 'DM Sans', Arial, sans-serif;
  --font-text: 'DM Sans Variable', 'DM Sans', Arial, sans-serif;
  --u: 8px;
  --gutter: clamp(16px, 4.4vw, 72px);
  --measure: 34rem;
  --ease: cubic-bezier(.22, 1, .36, 1);
  
  --fs-hero: clamp(2.375rem, 1.3rem + 4.3vw, 5.5rem);
  --fs-h2: clamp(2rem, 1.25rem + 2.6vw, 4rem);
  --fs-line: clamp(1.75rem, 1.2rem + 2vw, 3.25rem);
  --fs-body: clamp(1.0625rem, 1rem + .22vw, 1.25rem);
  --fs-lede: clamp(1.1875rem, 1.05rem + .45vw, 1.5rem);
  --fs-label: .8125rem;
  --line-top: clamp(88px, 13svh, 136px);
  --line-h: calc(var(--fs-line) * 1.15);
  color-scheme: light;
}

@view-transition { navigation: auto; }
.masthead .lockup { view-transition-name: verge-lockup; }

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--v-ivory); color: var(--v-text-primary); -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--v-ivory); color: var(--v-text-primary);
  font: 400 var(--fs-body)/1.55 var(--font-text);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  font-feature-settings: 'tnum' 0;
}
h1, h2, h3 { font-family: var(--font-display); font-weight: 500; letter-spacing: -.022em; line-height: 1.04; margin: 0; }
h1 { font-size: var(--fs-hero); }
h2 { font-size: var(--fs-h2); }
p { margin: 0; }
p + p { margin-top: 1em; }
a { color: var(--v-cobalt); text-underline-offset: .2em; text-decoration-thickness: 1px; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
svg { display: block; overflow: visible; }
::selection { background: var(--v-sand); color: var(--v-ink); }
:focus-visible { outline: 3px solid var(--v-focus); outline-offset: 3px; border-radius: 2px; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: var(--gutter); top: -100px; z-index: 100; background: var(--v-ink); color: var(--v-ivory); padding: 12px 16px; text-decoration: none; }
.skip:focus { top: 12px; }

.split-line { padding-bottom: .06em; }


  :where(html:not(.motion-ok)) *, :where(html:not(.motion-ok)) *::before, :where(html:not(.motion-ok)) *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  :where(html:not(.motion-ok))::view-transition-group(*), :where(html:not(.motion-ok))::view-transition-old(*), :where(html:not(.motion-ok))::view-transition-new(*) { animation: none !important; }