/* ─── ШРИФТЫ ─── */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,200;0,9..144,300;1,9..144,200;1,9..144,300&family=Epilogue:wght@300;400;500&display=swap');

/* ─── ОСНОВА ─── */
body, .t-body {
  background-color: #f9f8f6 !important;
  font-family: 'Epilogue', sans-serif !important;
  font-weight: 300 !important;
}

/* ─── ЗАГОЛОВКИ ─── */
.t-heading, h1, h2, h3,
.t-title, .t-uptitle {
  font-family: 'Fraunces', serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
}

/* ─── НАВИГАЦИЯ ─── */
.t-menu__link {
  font-family: 'Epilogue', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8c8984 !important;
}
.t-menu__link:hover { color: #111010 !important; }

/* Шапка — прозрачная до скролла */
.t-header {
  background: rgba(249,248,246,0) !important;
  transition: background 0.3s, box-shadow 0.3s !important;
  border-bottom: 1px solid transparent !important;
}
.t-header_sticky {
  background: rgba(249,248,246,0.96) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #e8e5e0 !important;
  box-shadow: none !important;
}

/* ─── КНОПКИ ─── */
.t-btn {
  font-family: 'Epilogue', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 16px 40px !important;
  transition: background 0.2s, transform 0.15s !important;
}
.t-btn:hover { transform: translateY(-1px) !important; }

/* Основная кнопка */
.t-btn_md {
  background-color: #1a2a44 !important;
  color: #ffffff !important;
  border: none !important;
}
.t-btn_md:hover { background-color: #243656 !important; }

/* ─── ТЕКСТ БЛОКИ ─── */
.t-text, .t-descr {
  font-family: 'Epilogue', sans-serif !important;
  font-weight: 300 !important;
  color: #8c8984 !important;
  line-height: 1.85 !important;
}

/* ─── КАРТОЧКИ ─── */
.t-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #e8e5e0 !important;
  transition: background 0.25s !important;
}
.t-card:hover { background: #f3f1ee !important; }

/* ─── ФОРМА ─── */
.t-input, .t-textarea {
  font-family: 'Epilogue', sans-serif !important;
  font-weight: 300 !important;
  background: #f3f1ee !important;
  border: 1px solid #e8e5e0 !important;
  border-radius: 0 !important;
  color: #111010 !important;
  padding: 15px 18px !important;
  transition: border-color 0.2s !important;
}
.t-input:focus, .t-textarea:focus {
  border-color: #1a2a44 !important;
  background: #ffffff !important;
  outline: none !important;
}

/* ─── РАЗДЕЛИТЕЛИ / ЛИНИИ ─── */
.t-separator {
  border-color: #e8e5e0 !important;
  opacity: 1 !important;
}

/* ─── UPTITLE (метки секций) ─── */
.t-uptitle {
  font-family: 'Epilogue', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #1a2a44 !important;
}

/* ─── FOOTER ─── */
.t-footer {
  background: #f9f8f6 !important;
  border-top: 1px solid #e8e5e0 !important;
}

/* ─── ПЛАВНОЕ ПОЯВЛЕНИЕ БЛОКОВ ─── */
.t-animate {
  transition: opacity 0.7s ease, transform 0.7s ease !important;
}
