/* =========================================================
   CONDITIONS PAGE
   ========================================================= */

/* CONDITIONS HERO */
.conditions-hero{
  background-image: url("/assets/conditions/hero.jpg"); /* placeholder */
  background-position: center 20%;
}

.conditions-narrow{
  max-width: 78ch;
}

.conditions-body{
  margin-bottom: 14px;
  color: var(--muted);
}

.conditions-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.conditions-grid .card{
  text-align: center;
  padding: 20px;
}

@media (max-width: 980px){
  .conditions-hero{
    padding: 90px 0 100px;
  }

  .conditions-grid{
    grid-template-columns: 1fr;
  }
}