/* ==========================================================================
   Home page only. Everything shared with the island and content templates
   lives in components.css, which loads on every request.
   ========================================================================== */

/* The island grid is deliberately not a tidy four-up: alternate tiles drop,
   and the aspect ratio alternates with them. */

@media (max-width: 759px) {
  .isl-grid .tile:nth-child(even) { margin-top: 40px; aspect-ratio: 4 / 5; }
}

@media (min-width: 760px) {
  .isl-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .isl-grid .tile:nth-child(even) { margin-top: 56px; }
}