/* =================================================================
   Good Bones Digital — Services Page Styles (Tier 2)
   ================================================================= */

@layer components {
  .services-page .services-grid {
    gap: var(--space-lg);
  }

  .service-card__img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: var(--radius, 0.5rem);
    margin-bottom: var(--space-sm, 0.75rem);
  }
} /* @layer components */