/* ============================================================
   AutonoIQ v2 — /ai-automation-philippines
   Page-specific styles. Loaded after core.css + home.css, which
   supply the reused components (.capability, .home-section-*,
   .stat, .work-row, .process-row, .accordion).
   ============================================================ */

.ph-hero { padding-block: clamp(5rem, 11vw, 9rem) var(--section-pad); }
.ph-hero__title {
    font-size: var(--text-display);
    max-width: 17ch;
    margin-top: 1.5rem;
}
.ph-hero__lede {
    max-width: 60ch;
    margin-top: 1.75rem;
    font-size: clamp(1.0625rem, 1.6vw, 1.3rem);
    color: var(--muted);
}
.ph-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2.25rem;
}
.ph-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.75rem;
    margin-top: 2.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--ink-border);
    list-style: none;
    font-family: var(--font-mono);
    font-size: var(--text-label);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--muted);
}