/* Файл СОБИРАЕТСЯ генератором (build.py::scene_css). Правьте
   HERO_DECO / HERO_MASCOTS и их мобильные пары в build.py,
   а не эти строки. */
@media (max-width: 767px) {
  .hero__deco.deco-1 { width: 15.0%; left: 11.0%; top: 7.0%; }
  .hero__deco.deco-2 { width: 10.6%; right: 7.5%; top: 5.0%; }
  .hero__deco.deco-3 { width: 9.0%; left: 31.6%; top: 15.7%; }
  .hero__deco.deco-4 { width: 23.0%; left: 4.8%; top: 84.0%; }
  .hero__deco.deco-5 { width: 21.0%; right: 8.0%; top: 83.5%; }
  .hero__mascot.mascot-1 { width: 37.7%; left: 0.0%; top: 30.0%; --still: 0.6897; }
  .hero__mascot.mascot-2 { width: 20.0%; left: 56.5%; top: 13.3%; --still: 0.7692; }
  .hero__mascot.mascot-3 { width: 35.5%; right: 0.0%; top: 32.0%; --still: 0.7042; }
}
@media (min-width: 768px) {
  .hero__deco.deco-1 { width: 8.6%; left: 9.5%; top: 10.0%; }
  .hero__deco.deco-2 { width: 6.0%; right: 9.9%; top: 9.0%; }
  .hero__deco.deco-3 { width: 6.0%; left: 35.27%; top: 14.68%; }
  .hero__deco.deco-4 { width: 9.8%; left: 19.35%; top: 71.36%; }
  .hero__deco.deco-5 { width: 7.5%; right: 18.35%; top: 70.43%; }
  .hero__mascot.mascot-1 { width: 17.0%; left: 5.15%; top: 40.04%; --still: 0.6897; }
  .hero__mascot.mascot-2 { width: 13.2%; left: 57.35%; top: 9.94%; --still: 0.7692; }
  .hero__mascot.mascot-3 { width: 17.0%; right: 5.2%; top: 42.74%; --still: 0.7042; }
}

.hero__mascot.mascot-1 { --still: 0.6897; }
.hero__mascot.mascot-2 { --still: 0.7692; }
.hero__mascot.mascot-3 { --still: 0.7042; }

.zone--1 { background: linear-gradient(306.85deg, #A9C9AE 0%, #658D6B 100%); }
.zone--2 { background: linear-gradient(306.85deg, #E2AE9B 0%, #B56C51 100%); }
.zone--3 { background: linear-gradient(306.85deg, #D2C6A8 0%, #938A74 100%); }
.zone--4 { background: linear-gradient(306.85deg, #BCB2D6 0%, #856FBF 100%); }
.zone--5 { background: linear-gradient(306.85deg, #CDB69E 0%, #B99671 100%); }
.zone--1 .zone__deco { height: 35.17%; }
.zone--2 .zone__deco { height: 33.79%; }
.zone--3 .zone__deco { height: 30.0%; }
.zone--4 .zone__deco { height: 34.14%; }
.zone--5 .zone__deco { height: 32.42%; }
.zone__mascot.zone-1 { width: 35.9%; right: 1.1%; bottom: -3.1%; --still: 0.6897; }
.zone__mascot.zone-2 { width: 31.0%; right: 3.1%; bottom: -0.1%; --still: 0.7692; }
.zone__mascot.zone-3 { width: 32.7%; right: 1.9%; bottom: 1.0%; --still: 0.7042; }
.zone__mascot.zone-4 { width: 31.2%; right: 0.1%; bottom: 2.4%; --still: 0.578; }
.zone__mascot.zone-5 { width: 20.3%; right: 6.7%; bottom: 13.4%; --still: 1.0; }
@media (min-width: 1100px) {
  .zone--1 .zone__deco { height: 43.48%; }
  .zone--2 .zone__deco { height: 41.78%; }
  .zone--3 .zone__deco { height: 37.09%; }
  .zone--4 .zone__deco { height: 42.21%; }
  .zone--5 .zone__deco { height: 40.07%; }
  .zone__mascot.zone-1 { width: 51.2%; right: -0.1%; bottom: -4.8%; }
  .zone__mascot.zone-2 { width: 44.2%; right: 3.1%; bottom: 1.4%; }
  .zone__mascot.zone-3 { width: 46.6%; right: -0.4%; bottom: 0.8%; }
  .zone__mascot.zone-4 { width: 29.3%; right: -1.9%; bottom: 2.2%; }
  .zone__mascot.zone-5 { width: 19.1%; right: 3.8%; bottom: 14.8%; }
}