@media (max-width: 1100px){
  .brand-logo{height:140px}
  .display{font-size:56px}
  .display-cta{font-size:40px}
}
@media (max-width: 992px){
  .hero-grid{grid-template-columns:1fr;gap:24px}
  .display{font-size:44px}
  .grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 768px){
  .header-grid{grid-template-columns:1fr}
  .nav-landing{justify-content:center;margin-top:10px}
  .brand-logo{height:120px}
  .grid.cols-3{grid-template-columns:1fr}
  .display-cta{font-size:32px}
}
@media (max-width: 480px){
  .brand-logo{height:100px}
  .display{font-size:34px}
  .display-cta{font-size:26px}
}