@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/figtree-v9-latin-regular.8f98dd642986f1fa.woff2') format('woff2');
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/figtree-v9-latin-500.953a6a4294b1205a.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-v23-latin-regular.3b646991d30055a9.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-v23-latin-500.0717336fb31fcdcd.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-v23-latin-600.8960851d691c054e.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-v23-latin-700.42e7b0c143c19df9.woff2') format('woff2');
}

@font-face {
  font-family: 'Hind Guntur';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/hind-guntur-v14-latin-700.a2b09081efdf5722.woff2') format('woff2');
}

@font-face {
  font-family: 'Ryker';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ryker-demo-bold.d068dd151c7ee26b.woff2') format('woff2');
}

@font-face {
  font-family: 'Ryker Fallback';
  font-style: normal;
  font-weight: 700;
  src: local('Arial Bold'), local('Arial-BoldMT');
  size-adjust: 100.46%;
  ascent-override: 77.5405%;
  descent-override: 24.1879%;
  line-gap-override: 0.9954%;
}

@font-face {
  font-family: 'Plex Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  size-adjust: 100.63%;
  ascent-override: 101.8598%;
  descent-override: 27.3282%;
  line-gap-override: 0.0000%;
}

@font-face {
  font-family: 'Plex Fallback';
  font-style: normal;
  font-weight: 500;
  src: local('Arial');
  size-adjust: 102.19%;
  ascent-override: 100.3061%;
  descent-override: 26.9114%;
  line-gap-override: 0.0000%;
}

@font-face {
  font-family: 'Plex Fallback Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  size-adjust: 92.76%;
  ascent-override: 110.4972%;
  descent-override: 29.6456%;
  line-gap-override: 0.0000%;
}

@font-face {
  font-family: 'Figtree Fallback';
  font-style: normal;
  font-weight: 500;
  src: local('Arial');
  size-adjust: 102.69%;
  ascent-override: 92.5149%;
  descent-override: 24.3460%;
  line-gap-override: 0.0000%;
}


*, *::before, *::after { box-sizing: border-box; }

* { margin: 0; }

html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--bg-studio);
  color: var(--ink);
  font: 400 16px/24px var(--font-ui);
  overflow-x: hidden;
}
img, svg, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }

h2 {
  font: 700 clamp(27px, 0.85vw + 21px, 33px)/1.3 var(--font-display);
  color: var(--ink);
}

@media (hover: none), (pointer: coarse) {
  input, select, textarea { font-size: 16px; }
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

.skip-link {
  position: absolute; left: -9999px;
}
.skip-link:focus {
  left: var(--sp-16); top: var(--sp-16); z-index: 100;
  padding: var(--sp-12) var(--sp-16);
  background: var(--white); color: var(--ink); border-radius: var(--radius-md);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}