/* === ЛЕТАЮЩИЕ НОТЫ (ваш код, оставляем как есть) === */
  .site-notes {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 999;
      overflow: hidden;
  }
  .site-note {
      position: absolute;
      color: rgba(255,168,0,0.35);
      font-size: 42px;
      animation: floatNoteSite 15s linear infinite;
      opacity: 0;
  }
  .site-note:nth-child(1) { left: 5%;  top: 90%; animation-delay: 0s;  font-size: 36px; }
  .site-note:nth-child(2) { left: 85%; top: 85%; animation-delay: 3s;  font-size: 48px; }
  .site-note:nth-child(3) { left: 45%; top: 95%; animation-delay: 6s;  font-size: 40px; }
  .site-note:nth-child(4) { left: 70%; top: 80%; animation-delay: 9s;  font-size: 52px; }
  .site-note:nth-child(5) { left: 15%; top: 88%; animation-delay: 12s; font-size: 44px; }

  @keyframes floatNoteSite {
      0% { transform: translateY(0) rotate(0deg); opacity: 0; }
      10% { opacity: 0.35; }
      90% { opacity: 0.18; }
      100% { transform: translateY(-110vh) rotate(40deg); opacity: 0; }
  }

  @media (max-width: 768px) {
      .site-note { animation-duration: 22s; }
      .site-note:nth-child(4), .site-note:nth-child(5) { display: none; }
      .site-note:nth-child(1) { font-size: 28px; left: 10%; top: 92%; }
      .site-note:nth-child(2) { font-size: 34px; left: 80%; top: 88%; }
      .site-note:nth-child(3) { font-size: 30px; left: 45%; top: 95%; }
  }

  /* ===== СКРЫТИЕ ПЕРВОГО БЛОКА ДО ЗАГРУЗКИ (БЕЗ VISIBILITY) ===== */
  #rec2400685371 {
    opacity: 0;
    transition: opacity 0.6s ease;
    will-change: opacity;
    pointer-events: none; /* чтобы не мешал кликам, пока скрыт */
  }
  #rec2400685371.loaded {
    opacity: 1;
    pointer-events: auto;
  }

  /* ===== ДОПОЛНИТЕЛЬНО: КАРТИНКА ПОЯВЛЯЕТСЯ ВМЕСТЕ С БЛОКОМ ===== */
  #rec2400685371 img.tn-atom__img {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  #rec2400685371.loaded img.tn-atom__img {
    opacity: 1;
  }
/* Скрытый заголовок (только для SEO и скринридеров) */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}