@font-face {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/proximanova-regular.woff2") format("woff2"), url("../fonts/proximanova-regular.woff") format("woff");
}

@font-face {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/proxima_nova_bold.woff2") format("woff2");
}

@font-face {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("../fonts/ProximaNova-Extrabld.woff") format("woff");
}

@font-face {
  font-family: "MulishLocal";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/mulish-regular-webfont.woff2") format("woff2"), url("../fonts/mulish-regular-webfont.woff") format("woff");
}

@font-face {
  font-family: "MulishLocal";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/mulish-semibold-webfont.woff2") format("woff2"), url("../fonts/mulish-semibold-webfont.woff") format("woff");
}

@font-face {
  font-family: "MulishLocal";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Mulish-Bold.woff2") format("woff2"), url("../fonts/Mulish-Bold.woff") format("woff");
}

@font-face {
  font-family: "MulishLocal";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/mulish-extrabold-webfont.woff2") format("woff2"), url("../fonts/mulish-extrabold-webfont.woff") format("woff");
}

:root {
  --nyclaw-color-maroon: #861b1e;
  --nyclaw-color-maroon-dark: #6c1518;
  --nyclaw-color-gold: #d2b05e;
  --nyclaw-color-charcoal: #393939;
  --nyclaw-color-ink: #111111;
  --nyclaw-color-text: #393939;
  --nyclaw-color-muted: rgb(57 57 57 / 60%);
  --nyclaw-color-line: #d3d3d3;
  --nyclaw-color-light: #f8f8f8;
  --nyclaw-color-black: #000000;
  --nyclaw-color-white: #ffffff;
  --nyclaw-font-body: "MulishLocal", "Mulish", Arial, sans-serif;
  --nyclaw-font-heading: "ProximaNova", Arial, sans-serif;
  --nyclaw-layout-content: 1160px;
  --nyclaw-layout-wide: 1320px;
  --nyclaw-radius: 0;
}

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

html.has-open-popup {
  overflow: hidden;
}

body {
  margin: 0;
  background: var(--nyclaw-color-white);
  color: var(--nyclaw-color-text);
  font-family: var(--nyclaw-font-body);
  font-size: 18px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: var(--nyclaw-color-maroon);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

a:hover,
a:focus {
  color: var(--nyclaw-color-maroon-dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--nyclaw-color-ink);
  font-family: var(--nyclaw-font-heading);
  font-weight: 800;
  line-height: 1;
  margin: 0 0 0.75em;
}

p {
  margin: 0 0 1.25em;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.screen-reader-text:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
  z-index: 100000;
}