@charset "UTF-8";

@media (max-width: 980px){
  .hero__grid{ grid-template-columns: 1fr; }
  .cards{ grid-template-columns: repeat(2, 1fr); }
  .split{ grid-template-columns: 1fr; }
  .about{ grid-template-columns: 1fr; }
  .contact{ grid-template-columns: 1fr; }
  .nav{ display: none; } /* se quiser, dá pra colocar menu mobile depois */
  .brand__logo{ width: 280px; }
}

@media (max-width: 560px){
  .trust{ grid-template-columns: 1fr; }
  .cards{ grid-template-columns: 1fr; }
  .btn{ justify-content: center; font-size: 0.7em; }
  .hero__cta{ width: 100%; }
  .hero{background-position: left; background-image: none;}
  .topbar__inner{gap:0;}
  .hero::before{background:none;}
  .hero h1{color: var(--ink);}
  .hero .lead{color: var(--ink);}
  .eyebrow{color: var(--ink);}
  .btn--ghost{border-color: var(--ink); color:var(--ink);}
  .btn--ghost:hover{color:white; border-color: #8C6E45;}
  .footer__grid{
  grid-template-columns: 1.2fr ;
}
}