@media (max-width: 1000px){
  .team-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width: 980px){
  .span-4,
  .span-8{
    grid-column:span 12;
  }

  .service-wheel{
    width:min(620px,94vw);
  }

  .service-node{
    width:150px;
  }
}

@media (max-width: 768px){
  .mc-h-desktop,
  .mc-body-desktop,
  .mc-sub-desktop{
    display:none !important;
  }

  .mc-h-mobile,
  .mc-body-mobile,
  .mc-sub-mobile{
    display:block !important;
  }
}

@media (max-width: 760px){
  .nav-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .nav-links{
    gap:14px;
  }

  .service-wheel{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    height:auto;
    aspect-ratio:auto;
  }

  .service-ring,
  .wheel-center{
    position:static;
    transform:none;
  }

  .wheel-center{
    width:auto;
    height:auto;
    border-radius:28px;
    order:-1;
  }

  .service-node{
    position:static;
    width:auto;
    transform:none;
  }

  .dome{
    height:auto;
    padding:20px;
  }

  .dome-arc{
    display:none;
  }

  .supplement{
    position:static;
    width:auto;
    margin-bottom:14px;
  }

  .contact-grid{
    justify-content:flex-start;
    gap:20px;
  }
}

@media (max-width: 720px){
  .careers-inner{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  .team-grid{
    grid-template-columns:1fr;
  }

  .mc-slide--bg{
    min-height:420px;
    background-position: center 25%;
  }

  .mc-slide--bg .mc-content{
    padding:30px 20px;
  }

  .mc-slide--bg .mc-content{
    max-width:92%;
    margin:0 auto;
    padding:90px 20px 60px;
  }

  .mc-arrow{
    top:38%;
    width:40px;
    height:40px;
  }
}