/* Локальные шрифты */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/oswald-v57-cyrillic_cyrillic-ext_latin_latin-ext-200.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v57-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v57-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v57-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v51-cyrillic_cyrillic-ext_latin_latin-ext-100.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v51-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v51-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2');
}

/* ANIMATIONS */
.fade-up{opacity:0;transform:translateY(40px);transition:opacity 1000ms var(--ease-quiet),transform 1000ms var(--ease-quiet)}
.fade-up.is-in{opacity:1;transform:none}
@keyframes spin-cw{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* BUTTONS */
.btn-wrapper { margin: 2.5rem auto 0; display: flex; width: fit-content; }
.btn-primary{display:inline-flex;align-items:center;gap:1rem;padding:1.1rem 2rem;border:1px solid var(--gold-500);color:var(--gold-500);font-size:12px;letter-spacing:0.3em;text-transform:uppercase;font-weight:400;transition: background 200ms var(--ease-precise), color 200ms var(--ease-precise), border-color 200ms var(--ease-precise);background:var(--bg-card);margin: 0;}
.btn-primary:hover{background:var(--gold-500);color:#1a1f26;border-color:var(--gold-500)}
.btn-primary::after{content:'→';font-size:1.2rem;line-height:0}