/* CR8R LABS — WORK V53
   Mobile-only project-logo integration.
   Desktop is intentionally inherited from the V50 Work baseline.
   Supplied project logos live in each project's blue visual/header field,
   matching the existing CR8R LABS header-logo treatment.
*/
@media (max-width: 767px){
  /* Remove the duplicate content-side logo introduced in V52. */
  .project-logo-wrap{display:none!important}

  /* Use the blue visual/header field itself for the project logo. */
  .project:before{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
  }

  .project:nth-child(1):before{
    background-image:url('../assets/cr8rlabs-infinite-symbol.png'),radial-gradient(circle,rgba(38,98,255,.38),rgba(4,8,18,.95))!important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:105px,cover!important;
    background-color:#050a18;
  }

  .project:nth-child(2):before{
    background-image:url('../assets/work-logos/maralegavi-mutt-logo.png'),linear-gradient(135deg,rgba(19,31,56,.9),rgba(25,8,31,.96))!important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:128px,cover!important;
    background-color:#0b1020;
  }

  .project:nth-child(3):before{
    background-image:url('../assets/work-logos/immigration-main-logo.png'),linear-gradient(135deg,rgba(8,28,57,.9),rgba(10,12,34,.96))!important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:154px,cover!important;
    background-color:#071326;
  }

  .project:nth-child(4):before{
    background-image:url('../assets/work-logos/hitech-pets-logo.png'),linear-gradient(135deg,rgba(28,23,30,.9),rgba(18,7,25,.96))!important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:158px,cover!important;
    background-color:#100c17;
  }

  /* Preserve a clean, readable blue header field behind every logo. */
  .project:nth-child(2):after,
  .project:nth-child(3):after,
  .project:nth-child(4):after{
    background:linear-gradient(180deg,rgba(3,7,16,.06),rgba(3,5,12,.50)),linear-gradient(90deg,rgba(31,215,255,.09),rgba(88,125,255,.08),rgba(238,57,192,.06))!important;
  }

  @media (max-width:380px){
    .project:nth-child(1):before{background-size:94px,cover!important}
    .project:nth-child(2):before{background-size:108px,cover!important}
    .project:nth-child(3):before{background-size:130px,cover!important}
    .project:nth-child(4):before{background-size:134px,cover!important}
  }
}