/* ArtToSlipAway typography. Modified from Literata (SIL OFL 1.1). */
@font-face {
  font-family: "ATS Nocturne Text";
  src: url("/static/fonts/ats-nocturne-text.woff2?v=1") format("woff2-variations");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "ATS Nocturne Display";
  src: url("/static/fonts/ats-nocturne-display.woff2?v=1") format("woff2");
  font-style: normal;
  font-weight: 535;
  font-display: swap;
}

:root {
  --ats-font-text: "ATS Nocturne Text", Georgia, "Times New Roman", serif;
  --ats-font-display: "ATS Nocturne Display", "ATS Nocturne Text", Georgia, serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--ats-font-text) !important;
  font-optical-sizing: auto;
}

body {
  font-weight: 350;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

p,
li,
.description,
.lead,
.short,
.full,
.article-content,
.legal-content {
  font-weight: 350;
  letter-spacing: .004em;
}

h1,
h2,
.hero-title,
.section-title,
.main-title,
.cta-title,
.type,
.main-label {
  font-family: var(--ats-font-display) !important;
  font-weight: 535 !important;
  font-variation-settings: normal;
  letter-spacing: .012em;
  text-wrap: balance;
}

h1 {
  letter-spacing: .003em;
}

h3,
.sub-title,
.card-title {
  font-family: var(--ats-font-text) !important;
  font-weight: 575 !important;
  letter-spacing: .006em;
}

nav,
.button,
button,
label,
.meta-label,
.ats-breadcrumbs {
  font-weight: 550;
  font-variation-settings: normal;
}

.type,
.main-label,
.meta-label,
label {
  letter-spacing: .08em;
}

input,
select,
textarea {
  font-variation-settings: normal;
}

@media (max-width: 600px) {
  h1, h2, h3 { letter-spacing: .006em; }
}