:root {
  --bg: #F5F2ED;
  --bg-dark: #EDEAE3;
  --ink: #1A1714;
  --ink-mid: #3D3830;
  --ink-light: #7A7268;
  --red: #C0392B;
  --gold: #B8892A;
  --white: #FEFCF9;
  --border: rgba(26,23,20,0.1);
}

@keyframes fadeUp {
  from { opacity:0; transform:translateY(24px); }
  to   { opacity:1; transform:translateY(0); }
}

@keyframes pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(192,57,43,0.25); }
  50%     { box-shadow: 0 0 0 12px rgba(192,57,43,0); }
}

.fu  { animation: fadeUp 0.8s ease both; }
.fu1 { animation-delay: 0.1s; }
.fu2 { animation-delay: 0.25s; }
.fu3 { animation-delay: 0.4s; }
.fu4 { animation-delay: 0.55s; }

/* Без opacity:0 — элементы видны всегда, анимация только украшение */
.reveal         { transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal.visible { opacity:1 !important; transform:translateY(0) !important; }

.t123-container { max-width: 820px; margin: 0 auto; padding: 0 28px; }

.section-tag {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #B8892A;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Inter', sans-serif;
}
.section-tag::before {
  content: '';
  width: 24px;
  height: 1px;
  background: #B8892A;
  opacity: 0.6;
}

.section-h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  line-height: 1.15;
  color: #1A1714;
  margin-bottom: 16px;
}
.section-h2 em { font-style: italic; color: #C0392B; }