/* Trinity V45 — true header/hero gap correction
   Root cause: the old fixed command header reserved 116px of padding on
   main#top. V35 uses a sticky header in normal document flow, so that old
   clearance became an unnecessary black gap. This patch removes that
   legacy clearance instead of independently dragging text and knight. */

@media (max-width:700px){

  /* V35 sticky header already occupies its own space. No extra header
     clearance belongs on main anymore. */
  body.trinity-storefront main#top,
  main#top{
    padding-top:0!important;
    margin-top:0!important;
  }

  /* Keep a small premium breathing space below the header, not a large
     empty block. */
  body.trinity-storefront #trinityCinematicHero,
  #trinityCinematicHero{
    margin-top:0!important;
    padding-top:14px!important;
  }

  /* Undo the earlier independent vertical translations. The entire hero
     now rises naturally because the obsolete main padding is gone. */
  #trinityCinematicHero .brand-hero-heading,
  #trinityCinematicHero .tri-hero-actions{
    transform:none!important;
  }

  /* The hero starts immediately below the sticky header, but the copy remains
     below the dark upper-left cathedral paint boundary so no letters clip. */
  #trinityCinematicHero .brand-hero-heading{
    top:144px!important;
  }

  /* Preserve the approved slight horizontal knight nudge only. */
  #trinityCinematicHero .brand-hero-standalone-knight,
  #trinityCinematicHero #brandHeroStage{
    transform:translateX(4%)!important;
  }

  /* Preserve the independent emblem anchor validated in V43/V44. Nesting the
     absolute emblem inside the headline makes it collide with the title/CTA. */
  #trinityCinematicHero .trinity-v43-hero-logo{
    top:182px!important;
    transform:none!important;
  }
}

@media (max-width:430px){
  body.trinity-storefront #trinityCinematicHero,
  #trinityCinematicHero{
    padding-top:10px!important;
  }
}

/* Desktop and tablet are intentionally untouched. */