/* Сгенерировано tools/hero_dancers.py — правьте генератор, а не этот файл. */

.hero {
  position: relative;
  overflow: hidden;
}

.hero-inner {
  position: relative;
  z-index: 1;
}

.hero-dancers {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dancer {
  position: absolute;
  bottom: 0;
  width: auto;
  color: #fff;
  opacity: 0.5;
}

.dancer g {
  transform-box: view-box;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.dancer-a {
  right: calc(50% + 330px);
  height: 260px;
}

.dancer-b {
  left: calc(50% + 300px);
  height: 269px;
  transform: scaleX(-1);
}

/* Уже 1200px по бокам от текста места нет — балерины встают дуэтом под кнопкой */
@media (max-width: 1199px) {
  .hero {
    padding-bottom: 220px;
  }

  .dancer-a {
    right: calc(50% - 5px);
    height: 210px;
  }

  .dancer-b {
    left: calc(50% - 27px);
    height: 218px;
  }
}

@media (max-width: 768px) {
  .hero {
    padding-bottom: 175px;
  }

  .dancer-a {
    right: calc(50% - 2px);
    height: 168px;
  }

  .dancer-b {
    left: calc(50% - 20px);
    height: 174px;
  }
}

.dancer-a g {
  animation-duration: 8.3s;
}

.dancer-b g {
  animation-duration: 10s;
  animation-delay: -2.5s;
}

@media (prefers-reduced-motion: reduce) {
  .dancer g {
    animation-play-state: paused;
  }

  .dancer-a g {
    animation-delay: -2.8s;
  }

  .dancer-b g {
    animation-delay: -2.5s;
  }
}

.da-body {
  transform-origin: 0px 0px;
  animation-name: da-body;
}

.da-l-thigh {
  transform-origin: 97px 142px;
  animation-name: da-l-thigh;
}

.da-l-calf {
  transform-origin: 97px 200px;
  animation-name: da-l-calf;
}

.da-l-foot {
  transform-origin: 97px 256px;
  animation-name: da-l-foot;
}

.da-r-thigh {
  transform-origin: 103px 142px;
  animation-name: da-r-thigh;
}

.da-r-calf {
  transform-origin: 103px 200px;
  animation-name: da-r-calf;
}

.da-r-foot {
  transform-origin: 103px 256px;
  animation-name: da-r-foot;
}

.da-l-upper {
  transform-origin: 86.5px 97px;
  animation-name: da-l-upper;
}

.da-l-fore {
  transform-origin: 73.8px 69.8px;
  animation-name: da-l-fore;
}

.da-l-hand {
  transform-origin: 89.3px 47.7px;
  animation-name: da-l-hand;
}

.da-r-upper {
  transform-origin: 113.5px 97px;
  animation-name: da-r-upper;
}

.da-r-fore {
  transform-origin: 126.2px 69.8px;
  animation-name: da-r-fore;
}

.da-r-hand {
  transform-origin: 110.7px 47.7px;
  animation-name: da-r-hand;
}

@keyframes da-body {
  0% { transform: translateY(12.1px); }
  6% { transform: translateY(12.1px); }
  16% { transform: translateY(23.7px); }
  28% { transform: translateY(0px); }
  40% { transform: translateY(0px); }
  52% { transform: translateY(0px); }
  60% { transform: translateY(0px); }
  72% { transform: translateY(12.1px); }
  82% { transform: translateY(23.7px); }
  92% { transform: translateY(12.1px); }
  100% { transform: translateY(12.1px); }
}

@keyframes da-l-thigh {
  0% { transform: rotate(0deg); }
  6% { transform: rotate(0deg); }
  16% { transform: rotate(26deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(0deg); }
  60% { transform: rotate(0deg); }
  72% { transform: rotate(0deg); }
  82% { transform: rotate(26deg); }
  92% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes da-l-calf {
  0% { transform: rotate(0deg); }
  6% { transform: rotate(0deg); }
  16% { transform: rotate(-52deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(0deg); }
  60% { transform: rotate(0deg); }
  72% { transform: rotate(0deg); }
  82% { transform: rotate(-52deg); }
  92% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes da-l-foot {
  0% { transform: rotate(76deg); }
  6% { transform: rotate(76deg); }
  16% { transform: rotate(102deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(0deg); }
  60% { transform: rotate(0deg); }
  72% { transform: rotate(76deg); }
  82% { transform: rotate(102deg); }
  92% { transform: rotate(76deg); }
  100% { transform: rotate(76deg); }
}

@keyframes da-r-thigh {
  0% { transform: rotate(0deg); }
  6% { transform: rotate(0deg); }
  16% { transform: rotate(-26deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(0deg); }
  60% { transform: rotate(0deg); }
  72% { transform: rotate(0deg); }
  82% { transform: rotate(-26deg); }
  92% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes da-r-calf {
  0% { transform: rotate(0deg); }
  6% { transform: rotate(0deg); }
  16% { transform: rotate(52deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(0deg); }
  60% { transform: rotate(0deg); }
  72% { transform: rotate(0deg); }
  82% { transform: rotate(52deg); }
  92% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes da-r-foot {
  0% { transform: rotate(-76deg); }
  6% { transform: rotate(-76deg); }
  16% { transform: rotate(-102deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(0deg); }
  60% { transform: rotate(0deg); }
  72% { transform: rotate(-76deg); }
  82% { transform: rotate(-102deg); }
  92% { transform: rotate(-76deg); }
  100% { transform: rotate(-76deg); }
}

@keyframes da-l-upper {
  0% { transform: rotate(-144deg); }
  6% { transform: rotate(-144deg); }
  16% { transform: rotate(-124deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(-86deg); }
  60% { transform: rotate(-86deg); }
  72% { transform: rotate(-105deg); }
  82% { transform: rotate(-144deg); }
  92% { transform: rotate(-144deg); }
  100% { transform: rotate(-144deg); }
}

@keyframes da-l-fore {
  0% { transform: rotate(-109deg); }
  6% { transform: rotate(-109deg); }
  16% { transform: rotate(-143deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(-48deg); }
  60% { transform: rotate(-48deg); }
  72% { transform: rotate(-48deg); }
  82% { transform: rotate(-109deg); }
  92% { transform: rotate(-109deg); }
  100% { transform: rotate(-109deg); }
}

@keyframes da-l-hand {
  0% { transform: rotate(-67deg); }
  6% { transform: rotate(-67deg); }
  16% { transform: rotate(-61deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(-17deg); }
  60% { transform: rotate(-17deg); }
  72% { transform: rotate(-17deg); }
  82% { transform: rotate(-67deg); }
  92% { transform: rotate(-67deg); }
  100% { transform: rotate(-67deg); }
}

@keyframes da-r-upper {
  0% { transform: rotate(144deg); }
  6% { transform: rotate(144deg); }
  16% { transform: rotate(124deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(86deg); }
  60% { transform: rotate(86deg); }
  72% { transform: rotate(105deg); }
  82% { transform: rotate(144deg); }
  92% { transform: rotate(144deg); }
  100% { transform: rotate(144deg); }
}

@keyframes da-r-fore {
  0% { transform: rotate(109deg); }
  6% { transform: rotate(109deg); }
  16% { transform: rotate(143deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(48deg); }
  60% { transform: rotate(48deg); }
  72% { transform: rotate(48deg); }
  82% { transform: rotate(109deg); }
  92% { transform: rotate(109deg); }
  100% { transform: rotate(109deg); }
}

@keyframes da-r-hand {
  0% { transform: rotate(67deg); }
  6% { transform: rotate(67deg); }
  16% { transform: rotate(61deg); }
  28% { transform: rotate(0deg); }
  40% { transform: rotate(0deg); }
  52% { transform: rotate(17deg); }
  60% { transform: rotate(17deg); }
  72% { transform: rotate(17deg); }
  82% { transform: rotate(67deg); }
  92% { transform: rotate(67deg); }
  100% { transform: rotate(67deg); }
}

.db-body {
  transform-origin: 0px 0px;
  animation-name: db-body;
}

.db-s-foot {
  transform-origin: 170px 268px;
  animation-name: db-s-foot;
}

.db-w-thigh {
  transform-origin: 168px 154px;
  animation-name: db-w-thigh;
}

.db-w-calf {
  transform-origin: 168px 212px;
  animation-name: db-w-calf;
}

.db-w-foot {
  transform-origin: 168px 268px;
  animation-name: db-w-foot;
}

.db-torso {
  transform-origin: 169px 154px;
  animation-name: db-torso;
}

.db-far-upper {
  transform-origin: 170px 110px;
  animation-name: db-far-upper;
}

.db-far-fore {
  transform-origin: 158.8px 137.8px;
  animation-name: db-far-fore;
}

.db-far-hand {
  transform-origin: 140.7px 157.9px;
  animation-name: db-far-hand;
}

.db-near-upper {
  transform-origin: 170px 110px;
  animation-name: db-near-upper;
}

.db-near-fore {
  transform-origin: 177.8px 139px;
  animation-name: db-near-fore;
}

.db-near-hand {
  transform-origin: 203.8px 146px;
  animation-name: db-near-hand;
}

@keyframes db-body {
  0% { transform: translateY(10.5px); }
  8% { transform: translateY(10.5px); }
  22% { transform: translateY(0px); }
  34% { transform: translateY(0px); }
  46% { transform: translateY(0px); }
  56% { transform: translateY(0px); }
  68% { transform: translateY(0px); }
  76% { transform: translateY(0px); }
  90% { transform: translateY(10.5px); }
  100% { transform: translateY(10.5px); }
}

@keyframes db-s-foot {
  0% { transform: rotate(-70deg); }
  8% { transform: rotate(-70deg); }
  22% { transform: rotate(0deg); }
  34% { transform: rotate(0deg); }
  46% { transform: rotate(0deg); }
  56% { transform: rotate(0deg); }
  68% { transform: rotate(0deg); }
  76% { transform: rotate(0deg); }
  90% { transform: rotate(-70deg); }
  100% { transform: rotate(-70deg); }
}

@keyframes db-w-thigh {
  0% { transform: rotate(23.2deg); }
  8% { transform: rotate(23.2deg); }
  22% { transform: rotate(96deg); }
  34% { transform: rotate(96deg); }
  46% { transform: rotate(105deg); }
  56% { transform: rotate(105deg); }
  68% { transform: rotate(96deg); }
  76% { transform: rotate(96deg); }
  90% { transform: rotate(23.2deg); }
  100% { transform: rotate(23.2deg); }
}

@keyframes db-w-calf {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(0deg); }
  34% { transform: rotate(0deg); }
  46% { transform: rotate(51deg); }
  56% { transform: rotate(51deg); }
  68% { transform: rotate(0deg); }
  76% { transform: rotate(0deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-w-foot {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(3deg); }
  34% { transform: rotate(3deg); }
  46% { transform: rotate(-8deg); }
  56% { transform: rotate(-8deg); }
  68% { transform: rotate(3deg); }
  76% { transform: rotate(3deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-torso {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(14deg); }
  34% { transform: rotate(14deg); }
  46% { transform: rotate(7deg); }
  56% { transform: rotate(7deg); }
  68% { transform: rotate(14deg); }
  76% { transform: rotate(14deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-far-upper {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(71deg); }
  34% { transform: rotate(71deg); }
  46% { transform: rotate(84deg); }
  56% { transform: rotate(84deg); }
  68% { transform: rotate(71deg); }
  76% { transform: rotate(71deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-far-fore {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(-25deg); }
  34% { transform: rotate(-25deg); }
  46% { transform: rotate(-27deg); }
  56% { transform: rotate(-27deg); }
  68% { transform: rotate(-25deg); }
  76% { transform: rotate(-25deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-far-hand {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(-22deg); }
  34% { transform: rotate(-22deg); }
  46% { transform: rotate(-24deg); }
  56% { transform: rotate(-24deg); }
  68% { transform: rotate(-22deg); }
  76% { transform: rotate(-22deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-near-upper {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(-115deg); }
  34% { transform: rotate(-115deg); }
  46% { transform: rotate(-160deg); }
  56% { transform: rotate(-160deg); }
  68% { transform: rotate(-115deg); }
  76% { transform: rotate(-115deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-near-fore {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(63deg); }
  34% { transform: rotate(63deg); }
  46% { transform: rotate(96deg); }
  56% { transform: rotate(96deg); }
  68% { transform: rotate(63deg); }
  76% { transform: rotate(63deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes db-near-hand {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(0deg); }
  22% { transform: rotate(26deg); }
  34% { transform: rotate(26deg); }
  46% { transform: rotate(52deg); }
  56% { transform: rotate(52deg); }
  68% { transform: rotate(26deg); }
  76% { transform: rotate(26deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}