/* Final stable hero fix
   Goal: use the approved hero artwork and keep the full right-side visual visible
   without ugly cropping or extra stacked CSS effects.
*/

.home-v3 .v3-hero{
  padding:54px 0 30px;
}

.home-v3 .v3-hero-grid{
  display:grid !important;
  grid-template-columns:1.05fr .95fr !important;
  gap:42px !important;
  align-items:center !important;
}

.home-v3 .v3-hero-copy{
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
}

.home-v3 .v3-hero-copy h1{
  font-size:60px !important;
  line-height:1.03 !important;
  white-space:normal !important;
}

.home-v3 .v3-hero-copy h2{
  font-size:27px !important;
  line-height:1.35 !important;
  white-space:normal !important;
}

.home-v3 .v3-hero-art{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(255,72,99,.22) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,42,78,.12), transparent 62%),
    linear-gradient(145deg,#0c1020,#070a12) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    0 0 44px rgba(255,42,78,.08) !important;
}

.home-v3 .v3-hero-art img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:saturate(1.04) contrast(1.02) brightness(.99) !important;
}

.home-v3 .v3-hero-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(5,8,16,.03), transparent 70%, rgba(5,8,16,.08));
}

.home-v3 .v3-art-overlay,
.home-v3 .v3-live-card,
.home-v3 .v3-speed-card{
  display:none !important;
}

@media (max-width:1100px){
  .home-v3 .v3-hero-grid{
    grid-template-columns:1fr 1fr !important;
    gap:28px !important;
  }
  .home-v3 .v3-hero-copy h1{font-size:50px !important;}
  .home-v3 .v3-hero-copy h2{font-size:23px !important;}
}

@media (max-width:860px){
  .home-v3 .v3-hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .home-v3 .v3-hero-copy h1{font-size:43px !important;}
  .home-v3 .v3-hero-art{aspect-ratio:16/9 !important;}
}