/* ========= utilities.css ========= */
/* tiny, composable helpers only (keep small) */

.visually-hidden{
  position:absolute!important; height:1px; width:1px;
  overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;
}

.grid-2{ display:grid; gap:40px; grid-template-columns: 1.25fr .75fr; align-items:start }
.two-col{ display:grid; gap:42px; align-items:center; grid-template-columns:1fr 1fr }

.mt-0{ margin-top:0 } .mb-0{ margin-bottom:0 }
.mt-2{ margin-top:.5rem } .mb-2{ margin-bottom:.5rem }
.mt-4{ margin-top:1rem } .mb-4{ margin-bottom:1rem }

/* responsive helpers */
@media (max-width:1024px){
  .grid-2, .two-col{ grid-template-columns:1fr }
}