/*
 * V69 hero tune r2: отзывчивость планеты.
 * КРИТИЧНО: сфера (canvas), кольцо-эмиссия и орбитальный оверлей живут в
 * ТРЁХ контейнерах с одинаковым базовым inset 0 0 0 31%. На каждом
 * брейкпоинте все три ДОЛЖНЫ получать один и тот же inset, иначе синий
 * контур отслаивается от Земли (регрессия r1 исправлена здесь).
 * Мотор Земли не тронут. Rollback: удалить файл из index.html.
 */

/* средние окна: планета правее и выше, заголовок чист */
@media (min-width: 761px) and (max-width: 1250px) {
  .hero--v53 .global-sphere-stage,
  .hero--v53 .global-earth-emission,
  .hero--v53 .global-orbit-overlay {
    inset: 6% -14% 0 44%;
  }

  .hero--v53 .hero-copy {
    position: relative;
    z-index: 6;
  }
}

/* мобилка: сфера с кольцом и цепью уходит под копи одним блоком */
@media (max-width: 760px) {
  .hero--v53 {
    min-height: max(1010px, 100svh);
  }

  .hero--v53 .global-sphere-stage,
  .hero--v53 .global-earth-emission,
  .hero--v53 .global-orbit-overlay {
    inset: 42% -26% 5% -26%;
  }

  .hero--v53 .hero-copy {
    position: relative;
    z-index: 6;
  }

  /* контракт-строка дублируется ниже по сайту и на телефоне наезжала на плашку 45/73/10 */
  .hero--v53 .hero-route-contract {
    display: none;
  }

  .hero--v53 .engineer-link {
    margin-bottom: 16px;
  }

  .hero--v53 .global-sphere-stage canvas {
    filter: saturate(1.02) contrast(1.24) brightness(0.97);
  }
}

@media (max-width: 390px) {
  .hero--v53 .global-sphere-stage,
  .hero--v53 .global-earth-emission,
  .hero--v53 .global-orbit-overlay {
    inset: 44% -28% 4% -28%;
  }
}