/* ========== 1024px — Tablet (matches source lg: breakpoint) ========== */
@media (max-width: 1024px) {
    .section { padding: 3.5rem 0; }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }

    /* Header — source hides nav at lg (1024px), not md (768px) */
    .header-nav { display: none; }
    .header-phone { display: none; }
    .mobile-toggle { display: flex; }

    /* Hero — stack vertically at lg */
    .hero-content { flex-direction: column; text-align: center; padding-top: 3rem; padding-bottom: 3rem; }
    .hero-text h1 { font-size: 2.75rem; }
    .hero-portrait { max-width: 300px; margin: 0 auto; }
    .hero-overlay { background: linear-gradient(to bottom, rgba(10,10,10,0.9), rgba(10,10,10,0.6)); }

    /* Why Choose — stack alternating rows */
    .feature-row { grid-template-columns: 1fr; gap: 1.5rem; }
    .feature-row--reverse { direction: ltr; }
    .feature-row-image img { height: 300px; }

    /* Testimonials — stack */
    .testimonial-layout { grid-template-columns: 1fr; gap: 2rem; }
    .testimonial-images-stack { height: 250px; }
    .timg { width: 45%; height: 180px; }

    /* Practice Areas + About — stack sidebar above content */
    .pa-about-layout { grid-template-columns: 1fr; }

    /* Footer offices — source uses lg:grid-cols-5 */
    .footer-offices-grid { grid-template-columns: repeat(3, 1fr); }
    .footer-brand { grid-column: 1 / -1; text-align: center; margin-bottom: 1rem; }
    .footer-brand-accent { margin: 1rem auto 0; }

    /* Other grids */
    .case-results-layout { grid-template-columns: 1fr; }
    .case-results-image { display: none; }
    .pa-grid { grid-template-columns: repeat(2, 1fr); }
    .interviews-featured { grid-template-columns: 1fr; }
    .dropdown-menu { min-width: 500px; }
    .dropdown-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ========== 768px — Mobile (matches source md: breakpoint) ========== */
@media (max-width: 768px) {
    body { padding-top: 65px; }
    .section { padding: 3rem 0; }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }
    .section-title { font-size: 1.5rem; }

    /* Hero */
    .hero-text h1 { font-size: 2rem; }
    .hero-portrait { max-width: 250px; }

    /* Grids */
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }

    /* Press collage — switch from scatter to 2-col grid on mobile */
    .press-collage { min-height: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; padding: 1rem; }
    .press-center-text { grid-column: 1 / -1; position: relative; background: none; padding: 1rem 0; }
    .press-polaroid { position: relative; transform: none !important; width: 100%; padding: 6px 6px 24px; }

    /* Appearances grid — 2-col on mobile */
    .appearances-grid { grid-template-columns: repeat(2, 1fr); }

    /* Consultation form — stack inputs */
    .consultation-form-row { grid-template-columns: 1fr; }

    /* Footer */
    .footer-offices-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-links-grid { grid-template-columns: repeat(2, 1fr); }
    .pa-grid { grid-template-columns: 1fr; }

    /* Testimonials */
    .testimonial-images-stack { height: 200px; }
    .timg { width: 40%; height: 150px; }
    .testimonial-quote p { font-size: 1.125rem; }

    /* Consultation */
    .consultation-inner h2 { font-size: 1.375rem; }
}

/* ========== 480px — Small mobile ========== */
@media (max-width: 480px) {
    .section { padding: 2.5rem 0; }
    h1 { font-size: 1.75rem; }
    .hero-text h1 { font-size: 1.75rem; }
    .footer-offices-grid { grid-template-columns: 1fr; }
    .footer-links-grid { grid-template-columns: 1fr; }
    .network-badges { flex-wrap: wrap; gap: 1rem; }
    .appearances-grid { grid-template-columns: 1fr; }
    .press-collage { grid-template-columns: 1fr; }
    .testimonial-images-stack { display: none; }
}