/* ==========================================================
   M3 TECHNOLOGY V6.5 — HERO BALANCEADO
   Mantém o hero aprovado, mas reduz e reposiciona os equipamentos.
   ========================================================== */

@media(min-width:761px){
  .project-hero-grid{
    grid-template-columns:43% 57% !important;
  }

  .project-hero-art{
    overflow:hidden !important;
  }

  .project-hero-art img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;

    /* reduz o conjunto visual sem deixar o hero vazio */
    transform:scale(.90) !important;
    transform-origin:center center !important;

    /* desloca a composição para a esquerda */
    object-position:43% center !important;

    filter:saturate(1.05) contrast(1.02) brightness(1.015) !important;
  }

  /* reduz bastante a máscara para não esconder a antena */
  .project-hero-art::before{
    width:8% !important;
    background:linear-gradient(
      90deg,
      #04142a 0%,
      rgba(4,20,42,.46) 40%,
      rgba(4,20,42,.10) 76%,
      rgba(4,20,42,0) 100%
    ) !important;
  }

  /* mantém a arte mais próxima do centro da página */
  .project-hero-art{
    margin-right:calc((100vw - min(1160px, calc(100vw - 40px)))/-2) !important;
    padding-left:0 !important;
  }
}

/* Desktop largo: não deixa o produto voltar a crescer demais */
@media(min-width:1450px){
  .project-hero-art img{
    transform:scale(.88) !important;
    object-position:42% center !important;
  }
}

/* Tablet: mantém a antena inteira e reduz menos */
@media(min-width:761px) and (max-width:1050px){
  .project-hero-grid{
    grid-template-columns:46% 54% !important;
  }
  .project-hero-art img{
    transform:scale(.93) !important;
    object-position:46% center !important;
  }
}

/* Mobile preserva o comportamento já aprovado das versões anteriores */
@media(max-width:760px){
  .project-hero-art img{
    transform:scale(1.02) !important;
    object-position:64% center !important;
  }
}