/* ARCHIMETRICA 770 — phone defaults retained; tablet adaptive restored to verified Build 750 behavior. */

/* Phone: if the compact view is primed, it is always two projects per row. */
@media (max-width:768px){
  body[data-page="home"][data-project-grid-view="compact"] .projects > .creative-grid,
  body[data-page="home"] .projects > .creative-grid.is-compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:8px!important;
    row-gap:8px!important;
    gap:8px!important;
  }
  body[data-page="home"][data-project-grid-view="compact"] .projects > .creative-grid .project-meta,
  body[data-page="home"] .projects > .creative-grid.is-compact .project-meta{
    display:none!important;
  }
  body[data-page="home"][data-project-grid-view="compact"] .projects > .creative-grid .project-image,
  body[data-page="home"] .projects > .creative-grid.is-compact .project-image{
    aspect-ratio:1/1!important;
  }
  body[data-page="home"][data-project-scope="all"] .project-scope-button[data-project-scope="all"]{
    color:#fff!important;
    font-weight:700!important;
  }
  body[data-page="home"][data-project-scope="all"] .project-scope-button[data-project-scope="all"]::after{
    transform:scaleX(1)!important;
  }
  body[data-page="home"][data-project-grid-view="compact"] [data-project-view-toggle]{
    opacity:1!important;
  }
}