@media (max-width:700px){
  .banner-photo img{aspect-ratio:1.35; object-position:65% center}

  .file{grid-template-columns:34px 1fr auto; row-gap:.3rem}
  .file__meta{grid-column:2; font-size:.68rem}
  .file__new{grid-column:2}
}

@media (max-width:640px){
  .rule{grid-template-columns:1fr}
}

@media (max-width:620px){
  .hero__proof{grid-template-columns:repeat(2,1fr); row-gap:26px}

  .committee .people{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:600px){
  .hero__card .hc-bars{grid-template-columns:1fr}

  .steps{grid-template-columns:1fr}
}

@media (max-width:560px){
  .signals{grid-template-columns:1fr}

  .map__tip{width:170px; padding:.7rem .8rem}
  .map__hint{font-size:.66rem}

  .dims{grid-template-columns:1fr}

  .modal .field-row{grid-template-columns:1fr}
}

@media (max-width:520px){
  .brand img{height:54px}
  .nav.is-stuck .brand img{height:44px}

  .footer__grid{grid-template-columns:1fr}
}

@media (max-width:420px){
  .rben__nm{font-size:.78rem}
  .rben__row{grid-template-columns:22px 1fr auto; gap:.5rem}
}