/* Keep the approved composition readable between the phone and desktop layouts. */
@media(min-width:701px) and (max-width:950px){
  .hero{min-height:860px}
  .hero h1{top:24%;width:90%}
  .hero-aside{top:auto;bottom:145px;width:44%;max-width:330px}
  .service-steps h3{font-size:clamp(22px,3vw,29px)}
}
@media(min-width:701px) and (max-width:850px){
  .projects-head h2{font-size:clamp(64px,8.6vw,72px)}
  .projects-head h2 em{font-size:clamp(50px,7.2vw,60px)}
  .work-entry__title{font-size:clamp(34px,4.8vw,48px)}
}
@media(max-width:700px){
  .nav-menu{position:relative}
  .nav-menu::before{content:"";position:absolute;inset:-2px}
  .form-actions button{min-height:44px}
}
@media(max-width:359px){
  .hero{min-height:800px}
  .hero-serif{font-size:12.5vw}
  .case-hero h1{font-size:14vw}
  .service-close h2{font-size:40px}
  .error-art h1{font-size:47vw}
}