/* ============================================
   Park.dog — Projects Page CSS
   Owns: projects-page-only styling.
   ============================================ */

/* ============================================================
   RESPONSIVE — tablet (≤1024) and mobile (≤767).
   Project gallery cards (4:3 placeholder images) collapse via
   global grid rules; this trims the image area + headings.
   ============================================================ */

/* ---- Tablet (≤1024px) ---- */
@media (max-width: 1024px) {
    /* Project card image area: keep 4:3 ratio but shrink min-height */
    .parkdog-project-img,
    .parkdog-project-img .elementor-widget-container,
    .parkdog-project-img img { min-height: 220px !important; }
    .page-id-42 .elementor-widget-heading h3 { font-size: 18px !important; }
}

/* ---- Mobile (≤767px) ---- */
@media (max-width: 767px) {
    /* Image placeholder tighter on mobile */
    .parkdog-project-img,
    .parkdog-project-img .elementor-widget-container,
    .parkdog-project-img img { min-height: 200px !important; }

    /* Page header tighter */
    .parkdog-page-header { padding: 40px 24px !important; }
    .page-id-42 .parkdog-page-header .elementor-widget-heading h2 { font-size: 30px !important; line-height: 1.15 !important; }
    .page-id-42 .elementor-widget-heading h3 { font-size: 16px !important; }
}