/* ---------- HERO ---------- */
  .page-header{position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
  .page-header::before{content:""; position:absolute; inset:0; background:rgba(0,0,0,.65); z-index:1;}
  .page-header > .wrap{position:relative; z-index:2;}

  /* ---------- PORTFOLIO ---------- */
  .filters{padding:40px 0 0; background:var(--ivoire); position:sticky; top:78px; z-index:50; border-bottom:1px solid var(--ligne);}
  .portfolio-grid{padding:60px 0 120px; display:grid; grid-template-columns:1fr 1fr; gap:4px;}
  .pf-card{aspect-ratio:5/4; justify-content:space-between; padding:26px; transition:opacity .3s ease;}
  .pf-top, .pf-bottom{position:relative; z-index:2; color:var(--ivoire);}
  .pf-top{display:flex; justify-content:space-between;}
  .pf-bottom h3{font-size:24px; font-weight:800;}
  .pf-card.hide{display:none;}
  @media (max-width:800px){ .portfolio-grid{grid-template-columns:1fr;} }