/* Větší mobilní plástev: dvě buňky ve třech provázaných řadách. */
@media(max-width:680px){
  .home-page .hive-stage{
    width:100%!important;
    height:min(calc(103.7vw + 28px),546px)!important;
    min-height:0!important;
    margin:24px auto 0!important;
    overflow:visible;
  }
  .home-page .interactive-hive,
  .home-page .interactive-hive[data-active]{
    position:relative!important;
    left:50%!important;
    top:0!important;
    width:90vw!important;
    max-width:450px!important;
    height:min(103.7vw,518px)!important;
    min-height:0!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    filter:drop-shadow(0 18px 32px rgba(17,18,15,.10))!important;
  }
  .home-page .interactive-hive .hex.core{display:none!important}
  .home-page .interactive-hive .hex:not(.core){
    position:absolute!important;
    right:auto!important;
    bottom:auto!important;
    width:40%!important;
    height:40%!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:clamp(12px,3.8vw,22px)!important;
    transform:none!important;
    clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important;
    box-shadow:none!important;
    border:0!important;
  }
  .home-page .interactive-hive .hex:nth-child(2){left:20%!important;top:0!important}
  .home-page .interactive-hive .hex:nth-child(3){left:60%!important;top:0!important}
  .home-page .interactive-hive .hex:nth-child(4){left:0!important;top:30%!important}
  .home-page .interactive-hive .hex:nth-child(5){left:40%!important;top:30%!important}
  .home-page .interactive-hive .hex:nth-child(6){left:20%!important;top:60%!important}
  .home-page .interactive-hive .hex:nth-child(7){left:60%!important;top:60%!important}
  .home-page .interactive-hive .hex strong{font-size:clamp(10px,3vw,14px)!important;letter-spacing:.055em}
  .home-page .interactive-hive .hex small{display:none!important}
  .home-page .interactive-hive .hex-icon{width:clamp(31px,9vw,45px)!important;height:clamp(31px,9vw,45px)!important;margin-bottom:5px!important}
  .home-page .interactive-hive .hex-icon svg{width:84%!important;height:84%!important}
  .home-page .interactive-hive .hex:not(.core):hover,
  .home-page .interactive-hive .hex:not(.core).is-active{transform:scale(1.035)!important;z-index:5}
}
@media(max-width:350px){
  .home-page .hive-stage{height:356px!important}
  .home-page .interactive-hive,.home-page .interactive-hive[data-active]{height:332px!important}
}