/* GRV — Portfolio responsive system */

@media (min-width:1200px){
  .portfolio-filters{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (min-width:1024px) and (max-width:1199px){
  .portfolio-filters{grid-template-columns:repeat(2,minmax(0,1fr));}
  .portfolio-grid{gap:68px 32px;}
}

@media (min-width:768px) and (max-width:1023px){
  .portfolio-hero{padding:60px var(--pad) 48px;}
  .portfolio-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding-right:var(--pad);
    padding-left:var(--pad);
  }
  .portfolio-result-count{padding-right:var(--pad);padding-left:var(--pad);}
  .portfolio-grid{gap:58px 24px;padding-right:var(--pad);padding-left:var(--pad);}
  .portfolio-empty,.portfolio-load-wrap,.portfolio-cta{padding-right:var(--pad);padding-left:var(--pad);}
  .portfolio-featured{min-height:560px;}
  .portfolio-featured-media{height:560px;}
  .portfolio-feature-card{padding:34px 38px 38px;}
  .portfolio-feature-card h2{font-size:clamp(38px,5vw,46px);}
  .portfolio-feature-meta{font-size:16px;}
}

@media (max-width:767px){
  .portfolio-hero{padding:42px 20px;}
  .portfolio-hero h1{font-size:54px;}
  .portfolio-intro{font-size:16px;}
  .portfolio-featured{
    min-height:520px;
    margin-bottom:146px;
  }
  .portfolio-featured-media{height:520px;}
  .portfolio-feature-card{
    bottom:-116px;
    left:20px;
    width:calc(100% - 40px);
    padding:24px 20px;
  }
  .portfolio-feature-card h2{font-size:clamp(34px,9vw,40px);}
  .portfolio-feature-meta{font-size:15px;}
  .portfolio-feature-link{font-size:16px;}
  .portfolio-filters{
    grid-template-columns:1fr;
    gap:26px;
    width:100%;
    padding:38px 20px 18px;
  }
  .portfolio-filter-btn{
    min-height:44px;
    height:44px;
  }
  .portfolio-result-count{padding:0 20px 20px;}
  .portfolio-grid{
    grid-template-columns:1fr;
    gap:54px;
    padding:0 20px 70px;
  }
  .portfolio-project-card h3{font-size:var(--text-h3);}
  .portfolio-project-meta{
    align-items:flex-start;
    font-size:13px;
  }
  .portfolio-empty{padding:16px 20px 80px;}
  .portfolio-load-wrap{padding:0 20px 90px;}
  .portfolio-load-wrap:has([hidden]){padding-bottom:30px;}
  .portfolio-cta{padding:72px 20px;}
  .portfolio-cta h2{font-size:clamp(34px,9vw,42px);}
}

@media (max-width:430px){
  .portfolio-hero h1{font-size:clamp(46px,13vw,54px);}
  .portfolio-feature-card{width:calc(100% - 32px);left:16px;}
  .portfolio-feature-meta{gap:8px;}
  .portfolio-feature-meta span:not(:last-child)::after{margin-left:8px;}
  .portfolio-filter-options{gap:8px;}
  .portfolio-filter-btn{padding:0 14px;font-size:var(--text-small);}
  .portfolio-project-head{gap:16px;}
  .portfolio-project-meta{gap:10px 18px;}
  .portfolio-project-details{gap:6px 10px;}
  .portfolio-project-details > span:not(:last-child)::after{margin-left:10px;}
  .portfolio-project-format{max-width:48%;}
}

@media (prefers-reduced-motion:reduce){
  .portfolio-project-card{transition:none;}
}