/* Desktop concept A: Balanced Split
   Mobile remains exactly V45.1. */
@media (min-width:701px){
  /* Reuse the transparent center emblem in the existing desktop header slot.
     The intrinsic header box is unchanged, and mobile keeps its approved art. */
  .trinity-v35-brand img{
    content:url("../assets/brand/trinity-v45-1-hero-logo-transparent-v48.webp")!important;
  }

  body.trinity-storefront main#top,
  main#top{
    padding-top:0!important;
    margin-top:0!important;
  }

  #trinityImageHeader .trinity-desktop-paint-bridge{
    display:none!important;
  }

  .knight-search-guide-bar{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  #trinityCinematicHero{
    height:760px!important;
    min-height:760px!important;
    z-index:170!important;
  }

  #trinityCinematicHero .brand-hero-heading{
    left:6.25%!important;
    top:43%!important;
    width:43%!important;
    max-width:610px!important;
    transform:translateY(-45%)!important;
    z-index:20!important;
  }

  #trinityCinematicHero .brand-hero-heading h1{
    font-size:clamp(60px,6vw,88px)!important;
    line-height:.88!important;
    letter-spacing:-.045em!important;
  }

  #trinityCinematicHero .trinity-cinematic-lede{
    margin-top:20px!important;
  }

  #trinityCinematicHero .tri-hero-actions{
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin-top:20px!important;
    transform:none!important;
  }

  #trinityCinematicHero .trinity-v43-hero-logo{
    top:155px!important;
    right:39.5%!important;
    width:132px!important;
    height:170px!important;
    z-index:21!important;
  }

  #trinityCinematicHero .trinity-knight-stage,
  #trinityCinematicHero #brandHeroStage{
    top:12px!important;
    right:3.2%!important;
    width:45vw!important;
    max-width:610px!important;
    height:700px!important;
    transform:none!important;
  }

  #trinityCinematicHero .tri-hero-proof{
    height:92px!important;
  }
}
