/* M3 TECHNOLOGY V7.2 — HERO PROPORCIONAL */
@media(min-width:761px){
  .project-hero{
    position:relative !important;
    min-height:510px !important;
    overflow:hidden !important;
    background-color:#04142a !important;
    background-image:
      linear-gradient(
        90deg,
        rgba(2,12,27,.99) 0%,
        rgba(2,12,27,.97) 23%,
        rgba(2,12,27,.86) 34%,
        rgba(2,12,27,.56) 43%,
        rgba(2,12,27,.18) 53%,
        rgba(2,12,27,0) 64%
      ),
      var(--m3-hero-image) !important;
    background-size:
      100% 100%,
      61% auto !important;
    background-repeat:no-repeat,no-repeat !important;
    background-position:center center,100% 50% !important;
  }
  .project-hero::before,
  .project-hero::after{display:none !important;}
  .project-hero-grid{
    min-height:510px !important;
    display:block !important;
    position:relative !important;
    z-index:2 !important;
  }
  .project-hero-copy{
    width:43% !important;
    max-width:610px !important;
    min-height:510px !important;
    padding:58px 0 52px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    position:relative !important;
    z-index:4 !important;
  }
  .project-hero-art{display:none !important;}
}
@media(min-width:1450px){
  .project-hero{
    background-size:100% 100%,63% auto !important;
    background-position:center center,98% 50% !important;
  }
}
@media(min-width:761px) and (max-width:1050px){
  .project-hero{
    background-size:100% 100%,66% auto !important;
    background-position:center center,104% 50% !important;
  }
  .project-hero-copy{
    width:46% !important;
    padding-right:14px !important;
  }
}
@media(max-width:760px){
  .project-hero-art{display:block !important;}
}