{
  "html": "<section class='projects'><div class='projects__inner'><h2 class='projects__title'>Наши направления</h2><div class='projects__grid'><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2v20M2 12h20'/><circle cx='12' cy='12' r='4'/></svg></div><h3 class='projects__card-title'>Contemporary</h3><p class='projects__card-text'>Свободный танец, импровизация и работа с дыханием.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18V5l12-2v13'/><circle cx='6' cy='18' r='3'/><circle cx='18' cy='16' r='3'/></svg></div><h3 class='projects__card-title'>Hip-Hop</h3><p class='projects__card-text'>Ритм, грув и уверенность в каждом движении.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z'/></svg></div><h3 class='projects__card-title'>Jazz-Funk</h3><p class='projects__card-text'>Энергия, пластика и яркая подача.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20c4-8 12-8 16 0'/><circle cx='12' cy='8' r='4'/></svg></div><h3 class='projects__card-title'>Stretching</h3><p class='projects__card-text'>Гибкость, здоровье спины и лёгкость тела.</p></a></div></div></section>",
  "css": ".projects { position: relative; overflow: hidden; } .projects::before { content: ''; position: absolute; inset: -20%; background: radial-gradient(circle at 20% 30%, rgba(79, 70, 229, 0.08) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(236, 72, 153, 0.06) 0%, transparent 40%); animation: projects-blob 18s ease-in-out infinite alternate; pointer-events: none; z-index: 0; } .projects .projects__inner { position: relative; z-index: 1; } .projects .projects__title { position: relative; display: inline-block; text-shadow: 3px 3px 0 rgba(79, 70, 229, 0.15), 6px 6px 0 rgba(236, 72, 153, 0.08); } .projects .projects__title::after { content: ''; position: absolute; left: 0; bottom: -12px; width: 100%; height: 4px; background: linear-gradient(90deg, #4f46e5, #ec4899, #4f46e5); background-size: 200% 100%; border-radius: 2px; animation: projects-wave 3s ease-in-out infinite; } .projects .projects__card { position: relative; overflow: hidden; } .projects .projects__card::after { content: ''; position: absolute; left: 28px; right: 28px; bottom: 20px; height: 2px; background: linear-gradient(90deg, #4f46e5, #ec4899); border-radius: 1px; transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease; } .projects .projects__card:hover::after { transform: scaleX(1); } @keyframes projects-blob { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(3%, -2%) scale(1.05); } 100% { transform: translate(-2%, 3%) scale(1.02); } } @keyframes projects-wave { 0%, 100% { background-position: 0% 50%; transform: scaleY(1); } 50% { background-position: 100% 50%; transform: scaleY(1.5); } }"
}