/* ---------- GENERIC PAGE HEADER ---------- */
  .page-header{padding:170px 0 70px; background:var(--black); color:var(--white);}
  .page-header .label{margin-bottom:20px;}
  .page-header h1{font-size:clamp(34px, 5.2vw, 68px); max-width:18ch;}
  .page-header p{color:#C9C5C0; max-width:60ch; margin-top:22px; font-size:16px; line-height:1.6;}
   .page-header--projets{
    background-image:linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)), url('https://test.reiwacreative.com/wp-content/uploads/2026/09/pexels-lilly-grace-944249302-29395490.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
  
  /* ---------- PROJECTS PAGE ---------- */
  .filters{padding:44px 0 0; background:var(--white); position:sticky; top:78px; z-index:50; border-bottom:1px solid var(--line-light);}
  .filters-inner{display:flex; gap:10px; flex-wrap:wrap; padding-bottom:24px;}
  .filter-btn{
    font-family:var(--mono); font-size:13px; padding:9px 16px; border:1px solid var(--line-light); color:var(--ink);
    transition:all .2s ease;
  }
  .filter-btn:hover{border-color:var(--black); color:var(--black);}
  .filter-btn.active{background:var(--black); border-color:var(--black); color:var(--white);}

  .portfolio-grid{
    padding:60px 0 130px; display:grid; grid-template-columns:1fr 1fr; gap:2px; background:transparent;
  }
  .pf-card{
    background:var(--cream); aspect-ratio:5/4; position:relative; overflow:hidden; cursor:pointer;
    padding:26px; display:flex; flex-direction:column; justify-content:space-between;
    transition:opacity .3s ease;
  }
  .pf-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.16,1,.3,1);}
  .pf-card:hover img{transform:scale(1.045);}
  .pf-card::before{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.6) 100%);}
  .pf-top, .pf-bottom{position:relative; z-index:2; color:var(--white);}
  .pf-top{display:flex; justify-content:space-between;}
  .pf-bottom h3{font-size:22px; font-weight:500;}
  .pf-card.hide{display:none;}
  @media (max-width:800px){ .portfolio-grid{grid-template-columns:1fr;} }