@font-face {
  font-family: Inter;
  src: url(../../fonts/inter/Inter-Light.woff2) format("woff2"),
       url(../../fonts/inter/Inter-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Inter;
  src: url(../../fonts/inter/Inter-Italic.woff2) format("woff2"),
       url(../../fonts/inter/Inter-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(../../fonts/inter/Inter-Medium.woff2) format("woff2"),
       url(../../fonts/inter/Inter-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(../../fonts/inter/Inter-SemiBold.woff2) format("woff2"),
       url(../../fonts/inter/Inter-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

* {
  word-spacing: normal !important;
}

html,
body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(17, 17, 17, 0.72);
  letter-spacing: 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

p,
li,
label,
input,
textarea,
select,
button {
  font-family: inherit;
  font-weight: 400;
  color: rgba(17, 17, 17, 0.72);
  letter-spacing: 0;
  line-height: 1.55;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: inherit;
  font-weight: 600;
  color: #111;
  letter-spacing: +0.004em;
}

h1,
.h1,
.display-1 {
  line-height: 1.08;
  letter-spacing: -0.000em;
}

h2,
.h2,
.display-2 {
  line-height: 1.12;
  letter-spacing: -0.003em;
}

h3,
.h3 {
  line-height: 1.18;
}

.nav-link,
.meta,
.post-category {
  font-family: inherit;
  font-weight: 500;
  color: #111;
  letter-spacing: 0;
}

[data-group="page-title"] .display-1 {
  font-weight: 600;
  font-size: clamp(44px, 5.4vw, 60px) !important;
  letter-spacing: 0.002em;
  line-height: 1.06;
}

[data-group="page-title"] .display-1 em {
  font-style: italic;
  font-weight: 600;
}

[data-group="page-title"] .lead {
  font-weight: 400;
  color: rgba(17, 17, 17, 0.70);
  letter-spacing: 0;
  line-height: 1.55;
  font-size: clamp(16px, 1.15vw, 18px) !important;
}

.btn {
  font-weight: 500;
  letter-spacing: 0;
}