/* v184 — Works: published cards must not stick to the hero/banner edge. */
body.works-page #corekAdminWorks.corek-dynamic-grid{
  position:relative!important;
  z-index:4!important;
  margin-top:42px!important;
  margin-bottom:0!important;
}

/* Keep filters where they already are; only add air before actual work cards. */
body.works-page .filters{
  margin-bottom:0!important;
}

@media(max-width:760px){
  body.works-page #corekAdminWorks.corek-dynamic-grid{
    margin-top:24px!important;
  }
}


/* v185 DESKTOP ONLY:
   The works section must start below the hero, never overlap it. */
@media(min-width:761px){
  body.works-page > .section-hero{
    display:block!important;
    position:relative!important;
    float:none!important;
    clear:both!important;
    margin:0!important;
    transform:none!important;
    top:auto!important;
    bottom:auto!important;
    z-index:1!important;
  }

  body.works-page > main.section-light{
    display:block!important;
    position:relative!important;
    float:none!important;
    clear:both!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0!important;
    padding-top:34px!important;
    z-index:2!important;
    background:#f4f4f2!important;
  }

  body.works-page > main.section-light > .wrap:first-child{
    position:relative!important;
    top:auto!important;
    transform:none!important;
    margin-top:0!important;
  }

  body.works-page #corekAdminWorks.corek-dynamic-grid{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin-top:30px!important;
  }
}


/* v186 DESKTOP — neutralize the legacy .filters negative margin from site.css. */
@media(min-width:761px){
  body.works-page > main.section-light{
    margin-top:0!important;
    padding-top:42px!important;
  }

  body.works-page .filters{
    margin-top:0!important;
    padding-top:0!important;
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:auto!important;
  }

  body.works-page #corekAdminWorks.corek-dynamic-grid{
    margin-top:30px!important;
    top:auto!important;
    transform:none!important;
  }
}


/* v187 DESKTOP — all published work cards have one fixed footprint. */
@media(min-width:761px){
  body.works-page #corekAdminWorks.corek-dynamic-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:18px!important;
  }

  body.works-page #corekAdminWorks.corek-dynamic-grid > .portfolio-item{
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.works-page #corekAdminWorks .portfolio-item > .media-open{
    display:block!important;
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    flex:0 0 220px!important;
    overflow:hidden!important;
    margin:0!important;
  }

  body.works-page #corekAdminWorks .portfolio-item > .media-open img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  body.works-page #corekAdminWorks .portfolio-item > .portfolio-copy{
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
    flex:0 0 100px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
}