/* Trinity V38 — Hero CTA flush under supporting copy
   Places Browse Catalog in the same content flow as the hero text so it
   stays directly beneath the supporting lines and cannot drift onto the knight. */

/* The CTA now lives inside .brand-hero-heading. Undo older independent
   transforms/absolute positioning and let it follow the text naturally. */
#trinityCinematicHero .brand-hero-heading .tri-hero-actions{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  margin:14px 0 0!important;
  padding:0!important;
  transform:none!important;
  z-index:6!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
}

#trinityCinematicHero .brand-hero-heading .tri-hero-primary{
  width:auto!important;
  min-width:0!important;
  max-width:238px!important;
  min-height:50px!important;
  padding:0 20px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:15px!important;
  white-space:nowrap!important;
}

@media (max-width:700px){
  #trinityCinematicHero .brand-hero-heading .tri-hero-actions{
    margin-top:12px!important;
  }
  #trinityCinematicHero .brand-hero-heading .tri-hero-primary{
    max-width:230px!important;
    min-height:48px!important;
    padding:0 18px!important;
    font-size:11.5px!important;
    letter-spacing:.07em!important;
  }
}

@media (max-width:430px){
  #trinityCinematicHero .brand-hero-heading .tri-hero-actions{
    margin-top:10px!important;
  }
  #trinityCinematicHero .brand-hero-heading .tri-hero-primary{
    max-width:224px!important;
    min-height:46px!important;
    padding:0 17px!important;
    font-size:11px!important;
  }
}