@media(max-width:900px){
  .site-header,.site-header.is-hidden{
    transform:none!important;
    animation:none!important;
  }

  #menu:not(.open){
    display:none!important;
  }

  #menu.open{
    position:fixed;
    z-index:11;
    inset:0;
    display:flex!important;
    width:100vw;
    height:100vh;
    height:100dvh;
    padding:88px 24px 32px;
    overflow-y:auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#0a0a0a;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none!important;
  }
}

@media(max-width:560px){
  .client-wall h2{
    font-size:clamp(40px,13.5vw,52px);
  }

  .sub-hero h1{
    font-size:clamp(23px,7.4vw,44px);
  }
}