/**
 * Portfolio page hero — page-level wrapper styling only.
 * The hero itself (heading, CTAs, scrolling image strip) lives in the
 * shared assets/css/incl - css/hero-section.css via the .ph-hero-*
 * classes (enqueued globally), so nothing hero-related is duplicated
 * here.
 */

.pfh-page{
    --pfh-ink: var(--color-primary-black);
    --pfh-paper: var(--color-neutral-paper);
    --pfh-line: var(--color-neutral-line);
    --pfh-line-strong: var(--color-neutral-line-strong);
    --pfh-brass: var(--color-primary-orange);
    --pfh-sage: var(--color-neutral-muted);

    background:var(--pfh-ink);
    color:var(--pfh-paper);
    font-family: var(--font-body);
    overflow-x:hidden;
   /* background-image: radial-gradient(rgba(238,243,240,0.10) 1px, transparent 1.5px);*/
    background-size: 24px 24px;
  }
  .pfh-page *{ box-sizing:border-box; }

  /* Everything else on the Portfolio page (stat plate, filter bar,
     featured carousel, project grid) lives in Portfolio-Page-Files/
     PF-PAGE-TEMPLATE.php's own CSS. */