@media (max-width:1200px){
  .btn--member i{display:none}
  .btn--member{padding:.7em .85em}
}

@media (max-width:1150px){
  .nav__links,.nav__cta{display:none}
  .burger{display:flex}
}

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

  .steps{grid-template-columns:1fr 1fr}
  .steps::before{display:none}

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

@media (max-width:940px){
  .budget{grid-template-columns:1fr; gap:24px}
}

@media (max-width:900px){
  .hero__fig{margin:0}

  .hero__grid{grid-template-columns:1fr; gap:48px}
  .hero__visual{max-width:440px; margin:0 auto; width:100%}

  .sim{grid-template-columns:1fr}
  .result{position:static}

  .map-wrap{grid-template-columns:1fr}
  .parks{max-height:none; -webkit-mask-image:none; mask-image:none}

  .comm{grid-template-columns:1fr}
  .comm__media figure:first-child{transform:none}

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

@media (max-width:860px){
  .cards-3{grid-template-columns:1fr}

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

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

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

  .chain{grid-template-columns:1fr; gap:6px}
  .chain__arrow{transform:rotate(90deg); padding:2px 0}
}

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

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

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

  .bm__head{display:none}
  .bm__row{grid-template-columns:1fr}
  .bm__row > div + div{border-left:0; border-top:1px dashed var(--line)}
  .bm__row > div[data-h]::before{
    content:attr(data-h); display:block; font-family:var(--serif); font-weight:600;
    font-size:.78rem; letter-spacing:.04em; text-transform:uppercase;
    color:var(--leaf-deep); margin-bottom:.6rem;
  }
}

@media (max-width:760px){
  .ind__head{grid-template-columns:36px 1fr auto; gap:12px}
  .ind__head .tag{grid-column:2; justify-self:start}
  .ind__inner{padding-left:clamp(18px,4vw,28px)}

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

  .blob-tl,.blob-tr,.blob-bl,.blob-br{border-radius:var(--radius-l)!important}
  .door--a,.door--b{border-radius:var(--radius-l)!important}
}
