/* =========================================================================
   Divad — Gallery / Portfolio (Figma 299:191, "Gallery v2")
   Hero reuses template-parts/page-hero.php.
   Sections: Heavy Works portfolio (tabs + bento), Fleet Powerhouse
   (bento + capability columns). CTA reuses template-parts/ready-cta.php.
   ========================================================================= */





/* ===== Responsive ======================================================== */
@media (max-width: 1200px) {
  .gallery-tabs {
    justify-content: start;
    margin: 40px 0;
  }
}
@media (max-width: 991px) {
  .gallery-grid,
  .gallery-grid.is-filtered {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: clamp(180px, 26vw, 240px);
  }

  .gallery-card:nth-child(n) { grid-column: auto; grid-row: auto; }
  .gallery-card:nth-child(4) { grid-column: 1 / 3; grid-row: span 2; }

  .gallery-fleet__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: clamp(240px, 40vw, 320px) clamp(150px, 24vw, 200px);
  }

  .fleet-tile--feature { grid-column: 1 / 3; grid-row: 1; }
  .fleet-tile--wide    { grid-column: 1 / 3; grid-row: 2; }
  .fleet-tile--small:nth-of-type(3) { grid-column: 1; grid-row: 3; }
  .fleet-tile--small:nth-of-type(4) { grid-column: 2; grid-row: 3; }

  .gallery-capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .gallery-grid,
  .gallery-grid.is-filtered {
    grid-template-columns: 1fr;
  }

  .gallery-card:nth-child(n) { grid-column: auto; grid-row: auto; }

  .gallery-fleet__grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-rows: 220px;
  }

  .fleet-tile--feature,
  .fleet-tile--wide,
  .fleet-tile--small:nth-of-type(3),
  .fleet-tile--small:nth-of-type(4) {
    grid-column: auto;
    grid-row: auto;
  }

  .gallery-capabilities {
    grid-template-columns: 1fr;
  }
}