.page-header{
    background:linear-gradient(160deg, var(--teal) 0%, #0A2624 100%);
    padding:11rem 0 5rem;
  }
  .page-header .eyebrow{color:var(--coral-soft); display:block; margin-bottom:1rem;}
  .page-header h1{color:var(--cream); font-size:clamp(2.6rem,7vw,5.2rem); max-width:16ch;}
  .page-header p{color:var(--cream); opacity:0.75; max-width:46ch; margin-top:1.2rem; font-size:1.05rem;}

  .filters{display:flex; gap:0.7rem; flex-wrap:wrap; padding:2.6rem 0 0;}
  .filter-pill{
    border:1px solid rgba(0,0,0,0.15); padding:0.5rem 1.1rem; border-radius:100px; font-size:0.82rem; font-weight:500;
    cursor:default;
  }
  .filter-pill.active{background:var(--ink); color:var(--cream); border-color:var(--ink);}

  .full-work-grid{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:220px; gap:0.9rem; padding:3rem 0 7rem;}
  .full-work-grid .work-item:nth-child(4n+1){grid-column:span 2;}
  .full-work-grid .work-item:nth-child(4n+2){grid-column:span 2;}
  .full-work-grid .work-item:nth-child(4n+3){grid-column:span 1;}
  .full-work-grid .work-item:nth-child(4n){grid-column:span 1;}

  @media (max-width:900px){
    .full-work-grid{grid-template-columns:repeat(2,1fr); grid-auto-rows:180px;}
    .full-work-grid .work-item{grid-column:span 1 !important;}
  }
  @media (max-width:560px){
    .full-work-grid{grid-template-columns:1fr;}
  }