{
  "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='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='24' cy='24' r='20' fill='#FF6B6B'/><path d='M24 8C24 8 16 16 16 24C16 32 24 40 24 40C24 40 32 32 32 24C32 16 24 8 24 8Z' fill='#FFE66D'/><circle cx='24' cy='24' r='4' fill='#4ECDC4'/></svg></div><h3 class='projects__card-title'>День рождения</h3><p class='projects__card-text'>Весёлый праздник с играми, конкурсами и сладкими призами.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='8' y='16' width='32' height='24' rx='4' fill='#4ECDC4'/><path d='M16 16V12C16 9.79086 17.7909 8 20 8H28C30.2091 8 32 9.79086 32 12V16' stroke='#FF6B6B' stroke-width='4'/><circle cx='24' cy='28' r='4' fill='#FFE66D'/></svg></div><h3 class='projects__card-title'>Выпускной в саду</h3><p class='projects__card-text'>Торжественное мероприятие с шарами, фотозоной и шоу.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M24 4L30 18H44L33 27L37 42L24 33L11 42L15 27L4 18H18L24 4Z' fill='#FFE66D'/><circle cx='24' cy='24' r='6' fill='#FF6B6B'/></svg></div><h3 class='projects__card-title'>Новый год</h3><p class='projects__card-text'>Сказочная программа с Дедом Морозом и снежными шарами.</p></a></div></div></section>",
  "css": ".projects .projects__card { position: relative; filter: drop-shadow(0 6px 10px rgba(37, 99, 235, 0.08)); animation: projects-float-shadow 4s ease-in-out infinite; } .projects .projects__card:nth-child(2) { animation-delay: 0.6s; } .projects .projects__card:nth-child(3) { animation-delay: 1.2s; } .projects .projects__card::before { content: ''; position: absolute; top: 18px; left: 18px; width: 10px; height: 10px; border-radius: 50%; background: #3b82f6; transform: scale(0); transition: transform 0.3s ease; } .projects .projects__card:hover::before, .projects .projects__card:focus-visible::before { transform: scale(1); } .projects .projects__card:hover { transform: translateY(-4px) translate(var(--projects-mx, 0px), var(--projects-my, 0px)); box-shadow: 0 12px 24px -8px rgba(37, 99, 235, 0.18); } .projects .projects__icon { transition: transform 0.35s ease, box-shadow 0.35s ease; border-radius: 50%; } .projects .projects__card:focus-within .projects__icon { box-shadow: 0 0 0 6px rgba(96, 165, 250, 0.25), 0 0 24px 4px rgba(59, 130, 246, 0.35); transform: scale(1.08); } @keyframes projects-float-shadow { 0%, 100% { filter: drop-shadow(0 6px 10px rgba(37, 99, 235, 0.08)); } 50% { filter: drop-shadow(0 14px 18px rgba(37, 99, 235, 0.16)); } }"
}