/* === TF2 Build Font === */
@font-face {
  font-family: 'TF2Build';
  src: url('/static/fonts/tf2build.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'TF2Build', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #913a1e;
  color: #913a1e;
  scroll-behavior: smooth;
}

h1, h2, h3 {
  font-family: 'TF2Build', sans-serif;
  color: #913a1e;
  letter-spacing: 0.5px;
}

a {
  transition: color 0.2s ease-in-out;
}

pre {
  overflow-x: auto;
  font-size: 0.9rem;
}

#site-title {
  line-height: 1;
  color: ;
}

.bg-999 {
  background-color: #120a08;

  background-image:
    /* центральное мягкое тепло */
    radial-gradient(circle at center,
      rgba(241, 129, 73, 0.10) 0%,
      rgba(62, 39, 35, 0.25) 40%,
      rgba(18, 10, 8, 0.95) 100%),

    /* верхний тёплый свет */
    radial-gradient(circle at top,
      rgba(241, 129, 73, 0.12) 0%,
      transparent 60%),

    /* нижняя глубина */
    radial-gradient(circle at bottom,
      rgba(106, 69, 53, 0.25) 0%,
      transparent 65%),

    /* боковой лёгкий glow */
    radial-gradient(circle at left,
      rgba(241, 129, 73, 0.08) 0%,
      transparent 70%),

    radial-gradient(circle at right,
      rgba(241, 129, 73, 0.08) 0%,
      transparent 70%);
}
.bg-998 {
  background-color: #35302c;
}
.bg-999 {
  background: linear-gradient(
    to bottom,
    #2a2724 0%,
    #35302c 30%,
    #3f3a36 50%,
    #35302c 70%,
    #2a2724 100%
  );
}
.slideshow-image {
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;

    width: calc(100% + 60px);
    height: calc(100% + 60px);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    filter: blur(8px) brightness(0.5);

    opacity: 0;
    transform: scale(1.08);

    animation: slideshow 48s infinite linear;
    will-change: opacity, transform;
}

/* 6 изображений по 8 секунд */
.slideshow-image:nth-child(1) { animation-delay: 0s; }
.slideshow-image:nth-child(2) { animation-delay: 8s; }
.slideshow-image:nth-child(3) { animation-delay: 16s; }
.slideshow-image:nth-child(4) { animation-delay: 24s; }
.slideshow-image:nth-child(5) { animation-delay: 32s; }
.slideshow-image:nth-child(6) { animation-delay: 40s; }

@keyframes slideshow {
    /* Невидимо */
    0% {
        opacity: 0;
        transform: scale(1.08);
    }

    /* Плавное появление */
    8% {
        opacity: 1;
    }

    /* Остаётся видимым */
    25% {
        opacity: 1;
        transform: scale(1.03);
    }

    /* Медленное исчезновение */
    33% {
        opacity: 0;
        transform: scale(1);
    }

    /* Остальное время скрыто */
    100% {
        opacity: 0;
    }
}